/* This css file is to over write bootstarp css
---------------------------------------------------------------------- */
/*
Theme Name: Unik
Theme URI: http://jeweltheme.com/
Author: Jewel Theme
Author URI: http://jeweltheme.com/
Description: Unik Multipurpose HTML5 Template by JWTheme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: html, themplate, unik, jwtheme, business
*---------------------------------------------------------------------- */



/*---------------------------------------------------------------------- /
Table of Contents 
------------------------------------------------------------------------ /

* 1 - Google Font
* 2 - General Styles
*   2.1 - Headings 
*   2.2 - Carosuel Settings
*   2.3 - Owl Carousel Controls
*   2.4 - Parallax Background Images
* 3 - Typography Page Start
*   3.1 - Headings
*   3.2 - Columns
*   3.3 - Dropcap
*   3.4 - Blockquotes
*   3.5 - List Styles
* 4 - Short Code Page Styles 
*   4.1 - Tab & Accordions Styles
*   4.2 - Pricing Tables Styles
*         4.2.1 - Format-1
*         4.2.2 - Format-2
*         4.2.3 - Format-3
*   4.3 - Progress Bars
*         4.3.1 - Format-1
*         4.3.2 - Format-2
*         4.3.3 - Format-3
*   4.4 - Buttons
*   4.5 - Alert Messages
* 5 - Header Section
*   5.1 - Header Top
*   5.2 - Main Menu  
* 6 Home Page 1
*   6.1 - Main Slider
*   6.2 - Features Section
*   6.3 - Possibility Section
*   6.4 - Latest Project Section
*   6.5 - Achieve Section
*   6.6 - Recent Post Ans About Section
*         6.6.1 - Recent Blog Post
*         6.6.2 - About
*   6.7 - Core Services Section
*   6.8 - Our Team Section
*   6.9 - Latest Tweet Section
*   6.10 - Testimonial Section 
*   6.11 - Purchase Section
* 7 - Home Page 2
* 8 - Home Page 3
* 9 - Home Page 4
*   9.1 - Client Testimonials
*   9.2 - Latest Tweet
* 10 - Home Page 5
* 11 - About Page
* 12 - Contact Page
* 13 - Contact Page 2
* 14 - Team Page
* 15 - Services Page
* 16 - Blog Posts Page
* 17 - Blog Page With Right Sidebar
* 18 - Blog Grid & Masonary Column Styles
*   18.1 - Blog Grid Styles
*   18.2 - Blog Masonary Styles
* 19 - Blog Single Post With Left Sidebar 
* 20 - Blog Single Post Page With Out Sidebar
* 21 - Works Pages Styles
*      21.1 - Works 2 Column V1 Styles
*      21.2 - Works 2 Column V2 Styles
*      21.3 - Works 3 Column V1 Styles
*      21.4 - Works 3 Column V2 Styles
*      21.5 - Works 3 Column V3 Styles
*      21.6 - Works 4 Column V1 Styles
*      21.7 - Works 4 Column V2 Styles
*      21.8 - Works 4 Column V3 Styles
*      21.9 - Works 5 Column V1 Styles
*      21.10 - Works 5 Column V2 Styles
*      21.11 - Works List items Styles
*      21.12 - Works Mixed Items Styles
*      21.13 - Works Mixed Items V2 Styles
*      21.14 - Works Single Landscape Mode Styles
*      21.15 - Works Single Potrait Mode Styles
* 22 - Pricing Tables Page
* 23 - Blog Sidebar
* 24 - Sitemap page
* 25 - 404 Page
* 26 - Footer
*      26.1 - Footer Top 
*      26.2 - Footer Bottom 
* 27 - Scroll To Top



------------------------------------------------------------------------ /
Table of Contents End
------------------------------------------------------------------------*/

/* 1 - Google Font
------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:600,900,400,300);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,300);

/* 1 - Google Font End 
------------------------------------------------------------------------*/


/* 2 - General styles
---------------------------------------------------------------------- */
html,
body {
	background: #ffffff;
	font-family: 'Raleway', 'Open Sans' sans-serif;
	font-size: 16px;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-0-font-smoothing: antialiased;

	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
a {
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
a:focus {
	text-decoration: none;
	outline:none;
	outline-offset:0;
}
a:hover {
	color: #f29110;
	text-decoration: none;
}
p {
	color: #737373;
	font-size: 0.875em;
	font-weight: 300;
	line-height: 22px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	display: inline-block;
}
img {
	max-width: 100%;
	height: auto;
}
iframe,
audio {
	width: 100%;
	height: auto;
	border: none;
}
input,
textarea {
	width: 100%;
}
.form-control:focus,
input:focus,
textarea:focus,
button:focus {
	border: 1px solid #cccccc;
	box-shadow: none;
	outline: 0 !important;
} 
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {

	outline: 0; 
}
.zoom {
	border: 1px solid #ffffff;
	color: #ffffff;
	display: inline-block;
	text-align: center;
}
.zoom:hover {
	color: #ffffff;
} 
.logo-area-res {
	display:none;
	padding:0 15px;
	text-align:center;
}

/* 2.1 ---------- Headings --------- */

h1 {
	font-size: 2.75em;
}
h2 {
	font-size: 2.18em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.375em;
}
h5 {
	font-size: 1.125em;
}
h6 {
	font-size: 1em;
}
h1,h2,h3,h4,h5,h6 {
	color: #0d0d0d;
	font-weight: 300;
	margin: 0px;
}
.page-head {
	padding: 100px 0px;
}
.page-head-area {
	padding-bottom: 5px;
}
.page-title {
	color: #ffffff;
	display: inline-block;
	font-size: 1.75em;
	text-transform: uppercase;
	margin-top: 7px;
	margin-bottom: 0px;
}
.breadcrumb {
	background-color: transparent;
	display: inline-block;
	font-size: .875em;
	margin-bottom: 0px;
	padding-top: 11px;
}
.breadcrumb a {
	color: #f29110;
}
.breadcrumb li.active {
	color: #ffffff;
}
.breadcrumb>li+li:before {
	content: '//';
}
.pattern-overlay {
	background: url(../../images/pattern.png) rgba(18, 12, 44, 0.2);
	height: 100%;
	width: 100%;
}
.section-overlay {
	background: rgba(25, 27, 41, 0.85);
	width: 100%;
	height: 100%;
}
.section-padding {
	padding: 95px 0px;
}
.bottom-style {
	margin: 0 auto;
	position: relative;
	width: 100px;
}
.bottom-style:before {
	content: '';
	position: absolute;
	border-bottom: 1px solid #cccccc;
	width: 60px;
	left: 50%;
	margin-left: -30px;
	bottom: 0px;
}
.bottom-style:after,
.bottom-style span:before {
	content: '';
	position: absolute;
	background: #f29110;
	height: 5px;
	width: 20px;
	bottom: -2px;
}
.bottom-style:after {
	left: 0;
}
.bottom-style span:before {
	right: 0;
}
.section-title,
.section-sub-title {
	font-size: 1.625em;
	font-weight: 300;
	text-transform: uppercase;
}
.section-sub-title {
	display: inline-block;
	padding-bottom: 13px;
	position: relative;
}
.section-description {
	color: #808080;
	font-size: 1.1em;
	font-weight: 300;
	padding-top: 7px;
	margin: 0px;
	padding-bottom: 22px;
}
.section-details {
	padding-top: 60px;
}
.item-title {
	font-size: 1.25em;
	font-weight: 300;
}
.item-description {
	letter-spacing: -.1px;
	padding-top: 14px;
}
.btn {
	border: 1px solid #cccccc;
	border-radius: 0px;
	color: #f29110;
	font-size: .8125em;
	margin-top: 10px;
	padding: 7px 20px;
	position: relative;
	overflow: hidden;

	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.btn:hover {
	background: #f29110;
	border-color: #f29110;
	color: #ffffff;
}
.clearfix {
	clear: both;
}
strong {
	display: block;
	font-weight: 600;
	padding-bottom: 15px;
}

/*2.2 ------- Carousel Settings -------*/
.carousel {
	overflow: hidden;
}
.carousel-caption {
	position: absolute;
	right: 0; 
	bottom: 0px; 
	left: 0%; 
	top: 0%;
	z-index: 10;
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: none;
	width: 100%;
	height: 100%;
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;
	border: 1px solid #ffffff;
	border-radius: 50%;
	font-size: 1.75em;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 38px;
	top: 50%;
	margin-top: -20px;
}
.carousel-control.left {
	left: 3%;
}
.carousel-control.right {
	right: 3%;
}
.carousel-indicators li.active {
	background: #f29110;
	border-color: #f29110;
}

/*2.3 ------ Owl Carousel Controls ------*/
.slide-nav {
	background: #2b2b2b;
	border-radius: 3px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: .8125em;
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 33px;
	position: absolute;
	top: -15px;
}
.slide-nav-container {
	position: relative;
}
.slide-left {
	left: 42%;
}
.slide-right {
	right: 42%;
}

/*2.4 -------- Parallax Background Images ----------*/
#possibility {
	background: url(../../images/background/1.jpg);
}
#achieve {
	background: url(../../images/background/5.jpg);
}
#core-services {
	background: url(../../images/background/3.jpg);
}
#about-theme {
	background: url(../../images/background/7.jpg);
}
#latest-tweet {
	background: url(../../images/background/4.jpg);
}
#pricing-plan {
	background: url(../../images/background/8.jpg);
}
.index-4 #pricing-plan {
	background: url(../../images/background/9.jpg);
}
#page-head {
	background: url(../../images/sunshine/spuelbecken.jpg);
}
body.service #page-head {
	background: url(../../images/sunshine/service-bg.jpg);
}

#possibility,
#achieve,
#core-services,
#latest-tweet,
#about-theme,
#pricing-plan,
.index-4 #pricing-plan,
#page-head {
	background-attachment: fixed;
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/* 3 Typography Page Start
---------------------------------------------------------------*/
.typography-content .section-title {
	padding-bottom: 15px;
}

/*3.1 ------- Headings --------*/
.headings {
	padding-bottom: 40px;
}
.heading {
	font-weight: 300;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.headings h6 {
	font-size: .75em !important;
}
.headings p {
	padding-bottom: 20px;
}

/*3.2 ------- Columns --------*/
.columns {
	padding-bottom: 40px;
}
.columns .title {
	font-size: 1.15em;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.columns .column {
	padding-bottom: 20px;
}

/* 3.3 -------- Dropccap -------*/

.dropcaps {
	padding-bottom: 40px;
}
.dropcap-text p {
	color: #808080;
	line-height: 24px;
	padding-bottom: 20px;
}
.dropcap {
	font-size: 2.75em;
	width: 40px;
	height: 40px;
	display: inline-block;
	float: left;
	line-height: 40px;
	margin-right: 10px;
	text-align: center;
}
.dropcap.default {
	color: #f29110;
}
.dropcap.box,
.dropcap.round {
	background-color: #f29110;
	color: #ffffff;
}
.dropcap.box {
	border-radius: 4px;
	box-shadow: none !important;
	max-width: 40px;
}
.dropcap.box:hover {
	background: #f29110;
	color: #ffffff;
}
.dropcap.round {
	border-radius: 100%;
}

/* 3.4 ------- Blockquotes -------*/
.blockquotes {
	padding-bottom: 55px;
}
blockquote {
	line-height: 25px;
	margin-top: 40px;
	padding: 30px 20px 35px 60px;
	position: relative;
	margin-top: 10px;
	overflow: hidden;
	z-index: 1;
	text-align: left;
}
blockquote:before {
	content: "\f10d";
	font-family: 'FontAwesome';
	color: #dedede;
	position: absolute;
	top: 20px;
	left: 30px;
	font-size: 3.25em;
	z-index: -1;
}
.typography-content .blockquote-1 blockquote,
.typography-content .blockquote-3 blockquote {
	background-color: #ecf0f1;
	color: #7f8c8d;
}
.typography-content .blockquote-1 blockquote,
.typography-content .blockquote-2 blockquote {
	border-left: 10px solid #f29110;
}
.typography-content .blockquote-2 blockquote {
	background-color: #ffffff;
	color: #7f8c8d;
}

/* 3.5 ------- List Styles --------*/

.list-styles {
	padding-bottom: 30px;
}
.list-styles .list {
	padding-bottom: 30px; 
}
.list-styles .list li {
	display: inline-block;
}
.list-styles .list li:before {
	font-family: 'FontAwesome';
	color: #f29110;
}
.list-styles .list p {
	color: #808080;
	display: inline-block;
	padding-left: 8px;
}

/* 3.6 ------- Text Style --------*/
.text-style strong {
	display: inline-block;
	padding-bottom: 0px;
}
.text-style p {
	letter-spacing: .3px;
}
.light-blue {
	color: #f29110;
}
mark {
	background-color: #f29110;
	color: #ffffff;
}
.light-black {
	background-color: #7f8c8d;
	color: #ffffff;
}
.tool-tip {
	font-style: italic;
	font-weight: 700;
}
.tipper { height: 1px; left: -99999px; position: absolute; pointer-events: none; top: -99999px; width: 1px;z-index:100000; }
.tipper .tipper-content { background: rgba(0, 0, 0, 0.85);box-shadow: 0 0 25px rgba(0,0,0,0.5);text-transform:uppercase; border-radius: 3px; color: #fff; display: block; float: left; font-family: 'Open Sans', sans-serif; font-size: 10px; margin: 0; padding: 6px 20px; position: relative; white-space: nowrap; }
.tipper .tipper-caret { background: url('../../images/tipper-icon.png') no-repeat; display: block; height: 11px;  position: absolute; width: 100%; }

.tipper.right .tipper-content { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); }
.tipper.right .tipper-caret { background-position: left center; left: -5px; top: 0; }

.tipper.left .tipper-content { box-shadow: -1px 0 3px rgba(0, 0, 0, 0.25); }
.tipper.left .tipper-caret { background-position: right center; right: -5px; top: 0; }

.tipper.top .tipper-caret,
.tipper.bottom .tipper-caret { display: block; float: none; height: 5px;  width: 12px;margin-left:-6px; }

.tipper.top .tipper-content { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25); }
.tipper.top .tipper-caret { background-position: center bottom; bottom: -5px; left: 0; text-align:center;}

.tipper.bottom .tipper-content { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
.tipper.bottom .tipper-caret { background-position: center top; top: -5px; left: 0; }

/* 4 ---------------- ShortCode Page Styles -----------------*/
.shortcode-page .section-title {
	padding-bottom: 35px;
}

/* 4.1 ----- Tab & Accordions Styles ------- */
.shortcode-page .tab-accordion {
	padding-bottom: 45px;
}
.tab-accordion .accordion {
	padding-bottom: 35px;
}
.tab-accordion .accordion,
.tab-accordion .tabs {
	padding-bottom: 40px;
}
.panel-body {
	font-size: .875em;
}
.accordion-2 .panel-group .panel+.panel {
	margin-top: 10px;
}
.accordion-2 .panel-default>.panel-heading,
.accordion-2 .panel-default>.panel-heading+.panel-collapse>.panel-body {
	background: #ecf0f1;
	border: none;
}
.accordion-2 .panel-default>.panel-heading+.panel-collapse>.panel-body {
	color: #737373;
}
.accordion-2 .panel-title a {
	background: #2b2b2b;
	color: #ffffff;
	padding: 15px 45px;
}
.accordion-2 .panel-title a.collapsed {
	background: #ecf0f1;
	color: #595959;
}
.accordion-2 .panel-title a:before {
	content: "\f068";
}
.accordion-2 .panel-title a.collapsed:before {
	content: "\f067";
}
.accordion-2 .panel-title a:before, 
.accordion-2 .panel-title a.collapsed:before {
	background: #f29110;
	color: #ffffff;
	width: 23px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	left: 12px;
	top: 12px;
}

/*4.2 -------- Pricing Tables Styles --------*/

.shortcode-page .pricing-tables {
	padding-bottom: 35px;
}
.shortcode-page .planning-area {
	padding-bottom: 60px;
}

/*4.2.1 ------- Format-1 -------*/
.format-1 .item {
	background: #ffffff;
	display: inline-block;
	width: 19%;

	-webkit-transition: all .35s  ease-out;
	-moz-transition: all .35s  ease-out;
	-ms-transition: all .35s  ease-out;
	-o-transition: all .35s  ease-out;
	transition: all .35s  ease-out;
}
.format-1 .item:hover {
	-webkit-transform: scale(1.03,1.03);
	-moz-transform: scale(1.03,1.03);
	-ms-transform: scale(1.03,1.03);
	-o-transform: scale(1.03,1.03);
	transform: scale(1.03,1.03);
}
.format-1 .plan-name {
	color: #ffffff;
	font-size: 1.125em;
	font-weight: 400;
	padding: 17px 0px;
	text-transform: uppercase;
}
.format-1 .item-1 .plan-name {
	background: #55c4da;
}
.format-1 .item-2 .plan-name {
	background: #d9a255;
}
.format-1 .item-3 .plan-name {
	background: #97d955;
}
.format-1 .item-4 .plan-name {
	background: #c355d9;
}
.format-1 .item-5 .plan-name {
	background: #808080;
}
.format-1 .plan-cost {
	color: #ffffff;
	padding-bottom: 13px;
}
.format-1 .item-1 .plan-cost {
	background: #69d2e7;
}
.format-1 .item-2 .plan-cost {
	background: #e8b368;
}
.format-1 .item-3 .plan-cost {
	background: #a8e868;
}
.format-1 .item-4 .plan-cost {
	background: #d368e8;
}
.format-1 .item-5 .plan-cost {
	background: #8c8c8c;
}
.format-1 .cost {
	font-size: 3.43em;
	font-weight: 600;
}
.cent,
.duration {
	position: relative;
}
.duration {
	padding-left: 15px;
	text-transform: lowercase;
}
.cent:before,
.duration:before {
	position: absolute;
	left: 0px;
	top: 0px;
}
.cent:before {
	content: '.';
	left: -5px;
}
.duration:before {
	content: "/";

	-webkit-transform: rotate(-55deg);
	-moz-transform: rotate(-55deg);
	-ms-transform: rotate(-55deg);
	-o-transform: rotate(-55deg);
	transform: rotate(-55deg);
}
.plan-details li {
	display: block;
	padding: 20px 20px;
	position: relative;
}
.plan-details li:before {
	content: '';
	width: 144px;
	height: 1px;
	background: #ecf0f1;
	bottom: 0px;
	left: 50%;
	margin-left: -72px;
	position: absolute;
}
.plan-details p {
	letter-spacing: -.3px;
	margin: 0px;
}
.plan-bottom {
	padding: 30px;
}
.plan-bottom .btn {
	margin: 0px;
}

/*4.2.2 ------ Format-2 -------*/

.pricing-tables .format-2 {
	background: #ecf0f1;
	text-align: center;
	padding: 60px;
}
.format-2 .item {
	background: #ffffff;

	-webkit-transition: all .35s  ease-out;
	-moz-transition: all .35s  ease-out;
	-ms-transition: all .35s  ease-out;
	-o-transition: all .35s  ease-out;
	transition: all .35s  ease-out;
}
.format-2 .item:hover {
	-webkit-transform: scale(1.03,1.05);
	-moz-transform: scale(1.03,1.05);
	-ms-transform: scale(1.03,1.05);
	-o-transform: scale(1.03,1.05);
	transform: scale(1.03,1.05);
}
.format-2 .plan-name,
.format-3 .plan-name {
	font-size: 1.43em;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 55px;
}
.format-2 .plan-description {
	font-size: .93em;
	font-weight: 400;
	padding-bottom: 23px;
	padding-top: 10px;
}
.format-2 .plan-cost  {
	background: #f29110;
	border: 5px solid #f29110;
	border-radius: 50%;
	color: #ffffff;
	font-family: 'Open Sans';
	margin: 0 auto;
	width: 150px;
	height: 150px;
	padding-top: 20px;

	-webkit-transition: all .35s  ease-out;
	-moz-transition: all .35s  ease-out;
	-ms-transition: all .35s  ease-out;
	-o-transition: all .35s  ease-out;
	transition: all .35s  ease-out;
}
.format-2 .item:hover .plan-cost {
	background: #ffffff;
	border: 3px solid #f29110;
	color: #f29110;
}
.format-2 .currency {
	font-size: 1.43em;
	font-weight: 800;
}
.format-2 .cost {
	font-size: 3.43em;
	font-weight: 800;
}
.format-2 .duration {
	padding-left: 0px;
	text-transform: capitalize;
}
.format-2 .duration:before {
	content: '';
}
.format-2 .plan-details {
	padding-top: 20px;
}
.format-2 .plan-details li {
	padding: 8px 20px;
}
.offer-limit {
	font-size: .875em;
	color: #737373;
}
.format-2 .btn,
.format-3 .btn {
	background: #f29110;
	border-color: #f29110;
	color: #ffffff;
	font-size: 1em;
	padding: 15px 45px;
}
.format-2 .btn:hover,
.format-3 .btn:hover {
	background: #ffffff;
	color: #f29110;
} 

/*4.2.3 ------ Format-3 ------*/

.planning-area .format-3 {
	background: #ecf0f1;
	padding: 30px 45px;
}
.format-3 .item {
	background: #ffffff;
}
.format-3 .col-sm-3 {
	padding: 0px;
}
.format-3 .item-1 .plan-top {
	background: #ecf0f1;
}
.format-3 .item-1 .title {
	background: #f5f9fa;
	color: #f29110;
	font-size: 1.43em;
	font-weight: 700;
	margin-top: 25px;
	padding: 26px 25px;
	text-transform: uppercase;
}
.format-3 .item-1 li {
	padding: 20px 25px;
}
.format-3 .item-1 li:before {
	left: 25px;
	margin-left: 0px;
} 
.format-3 .plan-name {
	padding: 35px 0px;
}
.format-3 .plan-cost {
	background: #f5f9fa;
	color: #f29110;
	font-family: 'Open Sans';
}
.format-3 .currency {
	font-size: 1.43em;
	font-weight: 800;
}
.format-3 .cost {
	font-size: 3.4em;
	font-weight: 800;
}
.format-3 .duration:before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.format-3 .has-ability .ability-icon {
	color: #4fe168;
}
.format-3 .has-not-ability i {
	color: #f29110;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.format-3 .plan-bottom {
	padding-top: 60px;
}
.format-3 .item-1 .plan-bottom {
	padding: 72px 0px;
}

/*4.3 --------- Progress Bars ----------*/
.shortcode-page .progress-bars {
	padding-bottom: 40px;
}
.progress-bars .format {
	padding-bottom: 40px;
}

/*4.3.1 -------- Format-1 ---------*/

.progress-skill-bar{
	padding:0;
}
.progress_skill {
	background: #bfbfbf;
	border-radius: 0px;
	box-shadow: none;
	height: 10px;
	margin-top: 12px;
	margin-bottom: 26px;
}
.progress_skill .bar {
	background:#f29110;

	-webkit-transition: width 1s ease;
	-moz-transition: width 1s ease;
	-o-transition: width 1s ease;
	transition: width 1s ease;
}
.progress-skill-bar {
	margin-top: -6px;
}
.progress-skill-bar li{
	display: block;
}
.progress-skill-bar .lable {
	color: #737373;
	font-size: 1.125em;
	position: relative;
}
.progress-skill-bar .lable:before {
	content: '';
	background: #737373;
	width: 5px;
	height: 1px;
	top: 55%;
	right: -10px;
	position: absolute;
}
.progress-skill-bar .percent {
	color: #f29110;
	padding-left: 10px;
}
.progress-success .bar,
.progress_skill .bar-success {
	filter: none;
	background: #15b994;
}

/*4.3.2 -------- Format-2 ---------*/
.shortcode-page .progress {
	margin-bottom: 19px;
}
.shortcode-page .progress-bar {
	text-align: left;
	text-indent: 15px;
}
.shortcode-page .progress-info {
	font-size: 1.125em;
}

/*4.3.3 -------- Format-3 ---------*/
.progress-items .chart {
	position: relative;
}
.progress-items .chart-content {
	position: absolute;
	left: 50%;
	top: 50% !important;
	margin-left: -10%;
	margin-top: -13%;
}
.progress-items .chart .percent {
	color: #f29110;
	font-family: 'Open Sans';
	font-size: 3.125em;
}
.progress-items .chart span {
	color: #a0a4a9;
}
.chart-title {
	color: #0d0d0d;
	font-size: 1.125em;
	padding: 14px 0px;
	text-transform: uppercase;
}

/* 4.4 ---------- Buttons -----------*/

.shortcode-buttons {
	padding-bottom: 95px;
}
.shortcode-buttons .btn {
	margin-top: 0px;
}
.shortcode-buttons .btn-lg {
	background: #f29110;
	border: 1px solid #f29110;
	color: #ffffff;
	font-size: 1em;
	padding: 18px 60px;
}
.shortcode-buttons .btn-lg:hover,
.shortcode-buttons .btn-sm:hover {
	background: #ffffff;
	color: #f29110;
}
.shortcode-buttons .btn-md {
	background: #ffffff;
	font-size: .93em;
	padding: 15px 40px;
}
.shortcode-buttons .btn-md:hover,
.shortcode-buttons .btn-xs:hover {
	background: #f29110;
	color: #ffffff;
}
.shortcode-buttons .btn-sm {
	background: #f29110;
	border: 1px solid #f29110;
	color: #ffffff;
	font-size: .875em;
	padding: 12px 30px;
}
.shortcode-buttons .btn-xs {
	background: #ffffff;
	font-size: .8125em;
	padding: 8px 20px;
}

/*4.5 --------- Alert Messages ---------*/

.alert p {
	color: #ffffff;
	display: inline-block;
	padding-left: 30px;
	position: relative;
}
.alert p:before {
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 0px;
}
.alert strong {
	display: inline-block;
	padding-bottom: 0px;
}
.alert-success {
	background-color: #2ecc71;
}
.alert-info {
	background-color: #3498db;
}
.alert-warning {
	background-color: #f1c40f;
}
.alert-danger {
	background-color: #e74c3c;
}
.alert,
.close {
	color: #ffffff;
	opacity: 1;
}

/* 5 ---------------- Header Section -----------------*/
header {
	background-color: #ffffff;
	z-index: 999;
	box-shadow: 0px -4px 10px #000;
}

/* 5.1 ----------------- Header Top ------------------*/
.header-top {
	background: #ffffff;
	border-bottom: 1px solid #e1e1e1;
	color: #a6a6a6;
}
.header-top a {
	color: #a6a6a6
}
.header-top li {
	border-right: 1px solid #e1e1e1;
	font-size: .8125em;
	padding: 8px 13px;
}
.top-left li:first-child,
.top-right li:first-child {
	border-left: 1px solid #e1e1e1;
}
.header-top .top-icon:hover,
.header-top a:hover {
	color: #f29110;
}
.top-right .fa.fa-paragraph {
	font-family:'Raleway', 'Open Sans' sans-serif;
	font-weight:600;
}
.top-right .fa.fa-paragraph:before {
	content:"§" !important;
}
.top-right ul li.active, .top-right ul li.active a {
	color:#f29110;
}

/* 5.2 ------------------- Main Menu -------------------*/
.navbar-brand {
	float: none;
}
.slicknav_menu {
	display: none;
}
.slick-menu-logo {
	display: none;
}
.navbar-nav ul {
	width: 100%;
	padding: 0;
}
.navbar-toggle {
	background: #ffffff;
	border: none;
	padding: 10px 10px;
	border-radius: 3px;
	margin-top:  5px;
}
.navbar {
	margin-bottom: 0;
	background: #ffffff;
	min-height: 35px;
	border: none;
}
.navbar-nav>li>a {
	background-color: #ffffff;
	border-top: 4px solid transparent;
	color: #0d0d0d;
	font-size: .93em;
	padding: 27px 30px;
	text-transform: capitalize;
}
.navbar-nav>li>a:before {
	content: "";
	position: absolute;
	border-top: 4px solid #f29110;
	left: 50%;
	top: -4px;
	height: 3px;
	width:0%;

	-webkit-transition: all .25s  ease-in;
	-moz-transition: all .25s  ease-in;
	-ms-transition: all .25s  ease-in;
	-o-transition: all .25s  ease-in;
	transition: all .25s  ease-in;
}
.navbar-nav>li>a:hover:before {
	background-color: #ffffff;
	border-color: #2d0ea6;
}
.navbar-nav>li>a:hover:before {
	left: 0%;
	width: 100%;
}
.navbar-nav>li.active a {
	background-color: transparent;
	border-top: 4px solid #2d0ea6;
	color: #2d0ea6;
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color: #ffffff;
}
.navbar-nav li.active .dropdown-menu a {
	border: none;
	color: #0d0d0d;
}
.navbar-nav > li > .sub-menu {
	background: #ffffff;
	border: none;
	visibility: hidden;
	display: block;
	opacity: 0;
	margin-top: -10px;
	position: absolute;
	list-style: none;
	padding: 0;
	top: 70px;
	left: 15px;
	text-align: left;
	min-width: 160px;

	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.navbar-nav > li:hover > .sub-menu {
	top: 88px;
	opacity: 1;
	visibility: visible;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
}
.navbar-nav > li > .sub-menu li {
	display: block;
	position: relative;
}
.navbar-nav > li > .sub-menu li a {
	padding: 10px 20px;
	font-size: .94em;
	display: block;
	width: 100%;
	white-space: nowrap;
}
.navbar-nav > li > .sub-menu li a:hover {
	background: #f29110;
	color: #ffffff;
}
.navbar-nav > li > .sub-menu li.menu-item-has-children a {
	position: relative;
	text-transform: capitalize;
}
.navbar-nav > li > .sub-menu li.menu-item-has-children a:before {
	content: "\f105";
	font-family: 'FontAwesome';
	margin-left: 8px;
	position: absolute;
	right: 15px;
}
.menu-item-has-children li {
	position: relative;
}
.menu-item-has-children li .sub-menu {
	display: block;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0px;
	right: -97%;
	left: inherit;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.menu-item-has-children li:hover .sub-menu {
	right: -100%;
	visibility: visible;
	opacity: 1;
} 
.menu-item-has-children li .sub-menu a {
	text-transform: capitalize;
}
.menu-item-has-children li .sub-menu a:before {
	content: '';
	display: none;
}
.sub-menu.dropdown-menu.mega-menu {
	width: 1140px;
	margin: 0 auto;
	left: -727px;
	padding-bottom: 30px !important;
	margin-top: -11px;
	overflow: hidden;
}
.mega-menu li.mega-menu-item {
	display: inline-block !important;
	width: 24.5%;
	padding: 0px 10px;
	vertical-align: text-top;
	text-align: left;
}
.mega-menu span {
	color: #0d0d0d;
	display: inline-block;
	font-size: .95em;
	font-weight: 600;
	padding-top: 20px !important;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.mega-menu .menu-items a {
	font-size: .95em !important;
	color: #737373;
	padding: 5px 10px !important;
	text-align: left !important;
	text-transform: capitalize;
}
.mega-menu-item.works,
.mega-menu-item.links {
	width: 49% !important;
}
.mega-menu-item .similar-works {
	padding-top: 10px;
}
.navbar.sticky {
	box-shadow: 0px -2px 7px #000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

/* 6 ------------ Home Page 1 -------------*/

/* 6.1 --------- Main Slider-1 --------*/
.main-slider-1 {
	max-height: 540px;
	overflow: hidden;
}
.layerslider h3 {
	text-transform: capitalize;
}

/* 6.2 ------- Features Section -------*/
.features-area .item {
	padding-bottom: 30px;
}
.features-area .item-title {
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px 0px 3px 8px;
}
.features-area .title-icon {
	color: #f29110;
	font-size: 1.25em;
	padding-right: 7px;
}
.features-area .btn {
	position: relative;
	z-index: 1;
}
.features-area .btn:hover {
	background: transparent;
	
	color: #ffffff;
}
.features-area .btn:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #f29110;
	left: -100%;
	top: -100%;
	z-index: -1;

	-webkit-transition: all .3s  ease;
	-moz-transition: all .3s  ease;
	-ms-transition: all .3s  ease;
	-o-transition: all .3s  ease;
	transition: all .3s  ease;
}
.features-area .btn:hover:before {
	left: 0%;
	top: 0%;
}

/* 6.3 -------- Possibility Section -------*/
.possibility {
	height: 665px;
}
.possibility .section-padding {
	padding-bottom: 0px;
}
.possibility .section-title {
	color: #ffffff;
}
.possibility .section-description {
	color: #b2b2b2;
}
.possibility .section-details {
	padding-top: 34px;
	position: relative;
}
.possibility .section-details p {
	color: #ffffff;
	font-size: 1.25em;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
}
.possibility .section-details span {
	display: block;
}
.possibility .section-details .left-text {
	left: 12.5%;
	top: 19.5%;
}
.possibility .section-details .right-text {
	right: 13.5%;
	top: 55%;
}
.possibility .layout  {
	margin: 0 auto; 
}

/* 6.4 -------- Latest Project Section --------*/

.latest-project .section-padding {
	padding-top: 115px;
}
.project-slider .item {
	border-bottom: 1px solid #cccccc;
	margin: 0 15px;
}
.project-slider .item-top {
	position: relative;
	overflow: hidden;
}
.project-slider .item-top:before,
.project-slider .item-top:after {
	content: '';
	position: absolute;
	background: rgba(241, 91, 93, 0.75);
	height: 100%;
	width: 50%;
	cursor: crosshair;

	-webkit-transition: all .35s  ease-out;
	-moz-transition: all .35s  ease-out;
	-ms-transition: all .35s  ease-out;
	-o-transition: all .35s  ease-out;
	transition: all .35s  ease-out;
}
.project-slider .item-top:before {
	right: 0px;
	bottom: -100%;
}
.project-slider .item-top:after {
	left: 0;
	top: -100%;
}
.project-slider .item-top:hover:before,
.project-slider .item-top:hover:after {
	height: 100%;
}
.project-slider .item-top:hover:before {
	bottom: 0%;
}
.project-slider .item-top:hover:after {
	top: 0%;
}
.project-slider .zoom:before {
	content: "\f067";
	font-family: 'FontAwesome';
	width: 50px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #ffffff;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -17px;
	position: absolute;
	z-index: 1;

	-webkit-transition: all .35s  ease-out;
	-moz-transition: all .35s  ease-out;
	-ms-transition: all .35s  ease-out;
	-o-transition: all .35s  ease-out;
	transition: all .35s  ease-out;

	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
}
.project-slider .item-top:hover .zoom:before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.project-slider .item-details {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.project-slider .item-title {
	display: block;
	font-size: 1em;
	font-weight: 400;
	text-transform: capitalize;
}
.project-slider .item-title a {
	color: #262626;	
}
.project-slider .item-title a:hover {
	color: #f29110;
}
.project-slider .item-bottom {
	border-right: 1px solid #cccccc;
	margin-right: 0.5px;
	padding: 22px 0px;
}
.project-slider .about-item {
	color: #f29110;
	font-size: .8125em;
	padding-top: 3px;
}

/* 6.5 ------- Achieve Section -------*/
.achieve .section-title {
	color: #ffffff;
}
.achieve .section-description {
	color: #b2b2b2;
}
.achieve .section-details {
	padding: 30px 0px;
}
.achieve .item {
	color: #ffffff;
	border-left: 1px solid #4d4d4d;
	border-top: 1px solid #4d4d4d;
	padding: 30px;
}
.achieve .item-icon {
	font-size: 2.5em;
	float: left;
	padding-right: 10px;
}
.achieve .item-details {
	margin-top: -10px;
	text-align: left;
}
.achieve .countdown {
	color: #f29110;
	font-size: 2.5em;
	font-weight: 800;
	margin-top: -10px;
}
.achieve .item-about {
	font-size: .93em;
	font-weight: 300;
	text-transform: capitalize;
}

/* 6.6 ------ Recent Post Ans About Section -------*/

/* 6.6.1 ------- Recent Blog Post ---------*/
.post-top {
	position: relative;
}
.blog-posts .post-meta {
	background: #2b2b2b;
	color: #ffffff;
	position: absolute;
	left: 0px;
	bottom: 10%;
	width: 50px;
	height: 50px;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}
.entry-date {
	font-size: .75em;
}
.entry-date span {
	display: block;
	font-size: 1.5em;
	font-weight: 600;
	margin: -3px;
}
.entry-title {
	color: #262626;
	font-size: 1.125em;
	text-transform: uppercase;
	padding: 18px 0px 12px 0px;
}
.entry-title a {
	color: #262626;
}
.entry-title a:hover {
	color: #f29110;
} 
.post-content .btn {
	font-weight: normal;
	margin-top: 14px;
	padding: 7px 23px;
}

/* 6.6.2 -------- About --------*/
.about-us .section-sub-title:after {
	left: 27%;
}
.about-us .section-sub-title span:before {
	right: 27%;
}
.panel-default {
	border: none;
}
.panel-group .panel+.panel {
	margin-top: 20px;
}
.panel-default>.panel-heading {
	background: #ffffff;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-transform: capitalize;
	padding: 0px;
}
.panel-title {
	font-size: .93em;
	font-weight: 400;
	position: relative;
}
.panel-title a {
	background-color: #f2f2f2;
	color: #f29110;
	display: block;
	padding: 11px 40px;
}
.panel-title a.collapsed {
	background-color: #ffffff;
	color: #595959;
}
.panel-title a:before {
	content: "\f146";
}
.panel-title a.collapsed:before {
	content: "\f0fe";
}
.panel-title a:before, .panel-title a.collapsed:before {
	font-family: FontAwesome;
	position: absolute;
	left: 20px;
	top: 10px;
}
.panel-title a.collapse {
	color: #f29110;
}
.panel-body p {
	font-size: 1em;
	margin-bottom: 0px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-left: 1px solid #cccccc;
	border-top-color: transparent;
}


/* 6.7 -------- Core Services Section ---------*/

.core-services {
	max-height: 800px;
	overflow: hidden;
}
.core-services .section-padding {
	padding-bottom: 55px;
}
.core-services .section-title {
	color: #ffffff;
}
.core-services .section-description {
	color: #b2b2b2;
}
.mockup-images {
	margin-top: 30px;
	position: relative;
}
.mockup-images img {
	position: absolute;
	top: 0px;
	right: 0px;
}
.mockup-images .image-1 {
	z-index: 1;
}
.mockup-images .image-2 {
	top: 65px;
	left: -75px;
	right: inherit;
}
.service-items {
	padding-top: 115px;
}
.service-items .item {
	padding-bottom: 35px;
}
.service-items .item-icon {
	background: transparent;
	color: #ffffff;
	font-size: 1.5em;
	float: left;
	width: 47px;
	height: 30px;
	line-height: 37px;
	text-align: center;
	position: relative;
	border-left: solid 2px #f29110;
	border-right: solid 2px #f29110;
	margin: 17px auto;
}
.service-items .item-icon:before,
.service-items .item-icon:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 34px;
	height: 34px;
	background-color: inherit;
	left: 5px;
	border-radius: 4px;

	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-moz-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	-o-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
}
.service-items .item-icon:before {
	top: -17.066px;
	border-top: solid 3px #f29110;
	border-right: solid 3px #f29110;
}
.service-items .item-icon:after {
	bottom: -17.066px;
	border-bottom: solid 3px #f29110;
	border-left: solid 3px #f29110;
	border-radius: 2px;
}
.service-items .item-details {
	padding-left: 15px;
}
.service-items .item-title {
	color: #ffffff;
	font-size: 1.25em;
	font-weight: 600;
	text-transform: uppercase;
}
.service-items .item-description {
	color: #e5e5e5;
	font-size: .875em;
	padding-top: 12px;
}


/* 6.8 --------- Our Team Section -----------*/

.team-slider .item {
	margin: 0px 15px;
}
.member-top {
	position: relative;
}
.member-social {
	background: rgba(241, 91, 93, 0.65);
	width: 100%;
	height: 101%;
	top: 0px;
	left: 0px;
	position: absolute;
	opacity: 0;

	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
	-o-transition: all 0.25s ease-in;
	transition: all 0.25s ease-in;	
}
.member-top:hover .member-social {
	opacity: 1;
}
.member-social a {
	border: 1px solid #ffffff;
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	font-size: .875em;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 20%;

	-webkit-transition:  all .5s linear;
	-moz-transition:  all .5s linear;
	-ms-transition:  all .5s linear;
	-o-transition:  all .5s linear;
	transition:  all .5s linear;

	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.member-top:hover .member-social a {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.member-top:hover .member-social li:nth-child(2) a {
	left: 35%;
}
.member-top:hover .member-social li:nth-child(3) a {
	left: 50%;
}
.member-top:hover .member-social li:last-child a {
	left: 66%;
}
.facebook:hover {
	background: #ffffff;
	border-color: #3b5998;
	color: #3b5998;
}
.twitter:hover {
	background: #ffffff;
	border-color: #5ea9dd;
	color: #5ea9dd;
}
.dribbble:hover {
	background: #ffffff;
	border-color: #d91c5b;
	color: #d91c5b;
}
.linkedin:hover {
	background: #ffffff;
	border-color: #0177b5;
	color: #0177b5;
}
.rss:hover {
	background: #ffffff;
	color: #fb6405;
}
.member-details {
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-left: -.5px;
	padding: 23px;
}
.member-details span {
	display: block;
}
.member-name a {
	color: #262626;
	font-size: 1em;
	text-transform: capitalize;
}
.member-name a:hover {
	color: #f29110;
} 
.member-details .position {
	color: #f29110;
	font-size: .875em;
	padding-top: 4px;
}

/* 6.9 ------- Latest Tweet Section -------*/

.latest-tweet .section-details {
	padding-top: 45px;
}
.tweet-icon {
	background-color: transparent;
	border-left: solid 2px #f29110;
	border-right: solid 2px #f29110;
	color: #ffffff;
	font-size: 2.5em;
	position: relative;
	width: 82px;
	height: 45px;
	line-height: 45px;
	margin: 0 auto;
}
.tweet-icon:before,
.tweet-icon:after {
	content: "";
	position: absolute;
	background-color: inherit;
	left: 10px;
	z-index: 1;
	width: 58px;
	height: 59px;

	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-moz-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	-o-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
}
.tweet-icon:before {
	top: -30.066px;
	border-top: solid 3px #f29110;
	border-right: solid 3px #f29110;
}
.tweet-icon:after {
	bottom: -30.066px;
	border-bottom: solid 3px #f29110;
	border-left: solid 3px #f29110;
	border-radius: 2px;
}
.tweet-slider {
	padding: 55px 5% 0px 5%;
}
.tweet-slider .item-details {
	color: #ffffff;
	font-size: 1.12em;
	font-weight: 300;
	line-height: 30px;
}
.tweet-slider .item-details a {
	color: #f29110;
}
.tweet-slider .published-date {
	color: #808080;
	font-size: .93em;
}

/* 6.10 ------- Testimonial Section ----------*/
.testimonial .section-sub-title:after {
	left: 21%;
}
.testimonial .section-sub-title span:before {
	right: 21%;
}
.testimonial-slider .item-top {
	position: relative;
}
.testimonial-slider .item-top:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-top: 100px solid #f2f2f2;
	border-right: 100px solid transparent;
	left: 40px;
	bottom: -15px;
}
.testimonial-slider blockquote {
	background: #f2f2f2;
	border-color: #f2f2f2;
	color: #737373;
	font-size: .875em;
}
.author-avatar {
	float: left;
}
.author-details {
	display: inline-block;
	margin-top: 15px;
	margin-left: -60px;
}
.author-details .name {
	color: #f29110;
	font-size: .94em;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
}
.author-details .name:before {
	content: '-';
	position: absolute;
	top: 0;
	right: -10px;
	color: #808080;
}
.author-details .social-link {
	color: #808080;
	font-size: .875em;
	padding-left: 10px;
}
.client-logo-list li {
	padding: 0px 0px 30px 0px;
}
.client-logo-list .img_wrapper {
	width: 99%;
}
.client-logo-list img {
	max-width: inherit;
}

/* 6.11 --------- Purchase Section ----------*/

.purchase {
	background: #f29110;
	color: #ffffff;
	padding: 35px 0px;
}
.purchase .content-title {
	font-size: 1.125em;
	font-weight: 600;
	text-transform: uppercase;
}
.purchase .content-title span {
	font-size: 1.25em;
}
.purchase .content-description {
	color: #ffffff;
	font-size: .93em;
	font-weight: 300;
	margin: 0px;
}
.purchase-button {
	position: relative;
}
.purchase-button .btn {
	border: 1px solid #ffffff;
	color: #ffffff;
	font-size: .875em;
	font-weight: 600;
	padding: 18px 45px;
	margin-top: 0px;
	position: absolute;

	-webkit-transition:  all .35s ease;
	-moz-transition:  all .35s ease;
	-ms-transition:  all .35s ease;
	-o-transition:  all .35s ease;
	transition:  all .35s ease;
}
.purchase-btn:hover {
	background: #F2393B;
	color: #ffffff !important;
	border: 1px solid #ffffff;
	padding: 18px 35px 18px 55px;
} 
.purchase-btn:before {
	content: "\f217";
	font-family: FontAwesome;
	position: absolute;
	top: 0px;
	left: -50%;
	line-height: 57px;
	font-size: 1.5em;
	opacity: 0;

	-webkit-transition:  all .5s ease;
	-moz-transition:  all .5s ease;
	-ms-transition:  all .5s ease;
	-o-transition:  all .5s ease;
	transition:  all .5s ease;
} 
.purchase-btn:hover:before {
	color: #ffffff !important;
	left: 20px;
	opacity: 1;
}

/* 7 ----------- Index Page 2 -----------*/
.video-text {
	top: 35%;
	position: absolute;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.video-text h3 {
	border-radius: 4px;
	color: #ffffff;
	display: inline-block;
	font-size: 3em;
	font-weight: 600;
	padding: 10px 20px;
	text-transform: uppercase;
}
.video-text h3 span {
	color: #f29110;
	display: block;
	font-size: 1.15em;
	font-weight: 700;
}
.video-text p {
	color: #ffffff;
	font-size: 1.5em;
	padding-top: 30px;
}
.index-2 .features-area .item-icon {
	background: #f29110;
	color: #ffffff;
	float: left;
	width: 75px;
	height: 58px;
	line-height: 58px;
	margin-top: 32px;
	text-align: center;
	position: relative;
	border-radius: 7px;
	z-index: 1;
}
.index-2 .features-area .item-icon:before, 
.index-2 .features-area .item-icon:after {
	content: '';
	position: absolute;
	background: #f29110;
	border-radius: 50%;
	height: 125%;
	width: 100%;
	left: 0px;
	z-index: -1;
} 
.index-2 .features-area .item-icon:before {
	top: -50%;
}
.index-2 .features-area .item-icon:after {
	bottom: -50%;
}
.index-2 .features-area i {
	color: #ffffff;
	font-size: 1.75em;
	padding: 0px;

	-webkit-transition: all .35s  ease-out;
	-moz-transition: all .35s  ease-out;
	-ms-transition: all .35s  ease-out;
	-o-transition: all .35s  ease-out;
	transition: all .35s  ease-out;
}
.index-2 .features-area .item:hover i {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.index-2 .features-area .item-title {
	border-left: none;
	padding: 0 0 15px 0;
}
.index-2 .features-area .item-details {
	padding-left: 90px;
}
.index-2 .possibility {
	max-height: 700px;
	overflow: hidden;
}
.index-2 .possibility .layout {
	padding-top: 25px;
	position: absolute;
}
.index-2 .possibility .layout-1 {
	left: -5%;

	top: 105px;
}
.index-2 .possibility .layout-2 {
	margin: 0 auto;

	left: 12%;
	z-index: 1;
}
.index-2 .possibility .layout-3 {
	right: -2%;

	top: 105px;
}
.index-2 .latest-project .section-padding {
	padding-bottom: 0px;
}
.project-slider-2 .item {
	border: none;
	margin: 0px;
	position: relative;
	overflow: hidden;
}
.index-2 .slide-nav {
	position: initial;
	margin: 25px 0px;
}
.about-theme {
	max-height: 610px;
	overflow: visible;
}
.about-theme .about-details {
	padding-top: 50px;
}
.about-theme .item {
	padding-top: 40px;
}
.about-theme .item-title {
	position: relative;
	padding: 10px 0px 0px 45px;
}
.about-theme .title-icon {
	color: #f29110;
	font-size: 2em;
	position: absolute;
	top: 0px;
	left: 0px;
}
.about-theme .item-description {
	padding-top: 20px;
}
.about-theme .mac {
	padding-top: 15px;
}
.index-2 .blog-posts .post-meta {
	left: 50%;
	margin-left: -25px;
	bottom: -25px;
}
.index-2 .post-content {
	background: #ecf0f1;
	padding: 23px 17px;
}
.index-2  .our-team .section-padding {
	padding-bottom: 0px;
}
.index-2 .member {
	margin-bottom: 15px;
	position: relative;
}
.index-2 .member:before {
	content: '';
	background: #dd4547;
	width: 100%;
	height: 100%;
	top: 15px;
	left: 15px;
	position: absolute;
	z-index: -1;
}
.index-2 .member-details {
	background: #f29110;
	border: none;
	color: #ffffff;
}
.index-2 .member-name a,
.index-2 .member-name a:hover,
.index-2 .member-details .position {
	color: #ffffff;
}
.nav-tabs>li {
	margin-right: 3px;
}
.nav-tabs>li>a {
	background: #f2f2f2;
	border: 1px solid #cccccc;
	border-radius: 0px;
	color: #999999;
	font-size: .93em;
	text-transform: uppercase;
	position: relative;
}
.nav-tabs>li>a:hover {
	background: #f2f2f2;
	border-color: #cccccc;
}
.nav-tabs>li>a:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0px;
	border-top: 4px solid transparent;
	width: 100%;
} 
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border-color: #cccccc;
	border-bottom-color: transparent;
	border-radius: 0px;
	color: #f29110;
}
.nav-tabs>li.active>a:before {
	border-top-color: #f29110;
}
.tab-content>.active {
	padding: 20px;
	border: 1px solid #ccc;
	border-top: none;
}
.tab-content p {
	padding-bottom: 14px;
}
.semi-bold {
	font-weight: 600;
}
.index-2 .testimonial-client .mockup-image,
.index-3 .testimonial-client .mockup-image {
	padding-bottom: 100px;
}

/* 8 ------------ Index Page 3 ------------*/
.welcome .item-icon,
.address-details .item-icon {
	background: #f29110;
	border: 1px solid transparent;
	border-radius: 50%;
	color: #ffffff;
	font-size: 1.68em;
	height: 80px;
	width: 80px;
	line-height: 80px;
	margin: 0 auto;
	text-align: center;
	position: relative; 

	-webkit-transition: all .25s  ease-out;
	-moz-transition: all .25s  ease-out;
	-ms-transition: all .25s  ease-out;
	-o-transition: all .25s  ease-out;
	transition: all .25s  ease-out;
}
.welcome .item-icon:before, 
.welcome .item-icon:after,
.welcome .item-icon span:before, 
.welcome .item-icon span:after,
.address-details .item-icon:before, 
.address-details .item-icon:after,
.address-details .item-icon span:before, 
.address-details .item-icon span:after  {
	content: '';
	background: #ffffff;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
}
.welcome .item-icon:before, 
.welcome .item-icon:after,
.address-details .item-icon:before, 
.address-details .item-icon:after {
	top: 50%;
	margin-top: -5px;
}
.welcome .item-icon:before,
.address-details .item-icon:before {
	left: -5px;
} 
.welcome .item-icon:after,
.address-details .item-icon:after {
	right: -5px;
}
.welcome .item-icon span:before, 
.welcome .item-icon span:after,
.address-details .item-icon span:before, 
.address-details .item-icon span:after  {
	left: 50%;
	margin-left: -5px;
}
.welcome .item-icon span:before,
.address-details .item-icon span:before {
	top: -5px;
} 
.welcome .item-icon span:after,
.address-details .item-icon span:after {
	bottom: -5px;
}
.welcome .item:hover .item-icon,
.address-details .item:hover .item-icon {
	background: #ffffff;
	border-color: #f29110;
	color: #f29110;
}
.welcome .item-details {
	padding-top: 17px;
}
.welcome .item-description {
	padding-top: 22px;
}
.welcome .btn {
	position: relative;
	z-index: 1;
}
.welcome .btn:hover {
	background: transparent;
	
	color: #ffffff;
}
.welcome .btn:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #f29110;
	left: -100%;
	top: -100%;
	z-index: -1;

	-webkit-transition: all .3s  ease;
	-moz-transition: all .3s  ease;
	-ms-transition: all .3s  ease;
	-o-transition: all .3s  ease;
	transition: all .3s  ease;
}
.welcome .btn:hover:before {
	left: 0%;
	top: 0%;
}
.index-3 .achieve .section-details {
	padding-top: 97px;
}
.index-3 .achieve .item,
.about-page .achieve .item {
	background: rgba(242, 242, 242, 0.1);
	border: none;
}
.index-3 .slide-nav,
.about-page .slide-nav {
	top: 25px;
}
.index-3 .slide-left,
.about-page .slide-left {
	left: 47%;
}
.index-3 .slide-right,
.about-page .slide-right {
	right: 47%;
}
.index-3 .project-slider,
.index-3 .team-slider,
.about-page .team-slider {
	padding-top: 43px;
}
.possibility-2 {
	background: #ecf0f1;
	height: 640px;
	overflow: visible;
}
.possibility-2 .section-padding {
	padding-bottom: 0px;
}
.possibility-2 .section-details {
	position: relative;
	z-index: 0;
}
.possibility-2 .layout {
	position: absolute;
}
.possibility-2 .layout-1 {
	left: 0px;
	top: 80px;
}
.possibility-2 .layout-2 {
	left: 11%;
	z-index: -1;
}
.possibility-2 .layout-3 {
	right: 18%;
	top: 160px;
}
.possibility-2 .layout-4 {
	top: 145px;
	z-index: -2;
	right: 0px;
}
.index-3 .our-team .section-padding {
	padding-top: 125px;
}
.index-3 .member,
.team-details .member {
	background: #ecf0f1;
}
.index-3 .member-details,
.about-page .member-details,
.team-details .member-details {
	border: none;
	position: relative;
}
.index-3 .member-details:before,
.about-page .member-details:before,
.team-details .member-details:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 17px solid #ecf0f1;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -7.5px;
}
.index-3 .core-services .section-details {
	padding-top: 115px;
}
.index-3 .details-items {
	padding-top: 120px;
} 
.index-3 .service-details {
	padding-top: 120px;
}
.service-details .item {
	padding-bottom: 60px;
}
.service-details .item-title {
	color: #ffffff;
	font-size: 1.15em;
	font-weight: 600;
	text-transform: uppercase;
}
.index-3 .service-details .item-icon {
	background: #f29110;
	border-radius: 50%;
	color: #ffffff;
	font-size: 1.375em;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
}
.service-details.right .item-details {
	padding-right: 18px;
}
.service-details.left .item-details {
	padding-left: 15px;
}
.service-details p {
	color: #ffffff;
	font-size: .87em;
}
.index-3 .type-post {
	border: 1px solid #cccccc;
}
.index-3 .post-meta {
	right: 0px;
	left: inherit;
	top: 10%;
	bottom: inherit;
}
.index-3 .blog-posts img {
	height: 100%;
}
.index-3 .post-content {
	margin-left: -10px;
	padding: 21px 15px 20px 0px;
}
.index-3 .entry-title {
	padding: 0px;
}
.index-3 .entry-content {
	padding-top: 20px;
	letter-spacing: .1px;
	word-spacing: .2px;
}
.choose-us {
	background: #ecf0f1;
	max-height: 690px;
	overflow: hidden;
}
.choose-us .item {
	padding-bottom: 26px;
}
.choose-us .item-title {
	position: relative;
	padding: 10px 0px 0px 45px;
}
.choose-us .title-icon {
	color: #f29110;
	font-size: 1.75em;
	position: absolute;
	top: 0px;
	left: 0px;
}
.choose-us .item-description {
	padding-top: 22px;
}
.promo-video .play-video {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}
.promo-video .play-btn {
	position: absolute;
	top: 32.5%;
	left: 50%;
	margin-left: -25px;
	font-size: 2em;
	margin-top: -40px;
	background: rgba(242, 242, 242, 0.5);
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 75px;
	border: 4px solid rgba(13, 13, 13, 0.75);
	border-radius: 50%;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.promo-video .play-btn a {
	color: #ffffff;
	margin-left: 8px;
}
.promo-video .play-btn:hover {
	background: #f29110;
	color: #ffffff;
}
.promo-details {
	padding-left: 95px;
}
.promo-title {
	letter-spacing: .1px;
	word-spacing: 3px;
	font-size: 2.5em;
	margin-top: -5px;
}
.promo-details .description {
	font-size: 1.125em;	
	padding-top: 37px;
}
.promo-list {
	padding-top: 30px;
}
.promo-list li {
	position: relative;
}
.promo-list li:before {
	font-family: 'FontAwesome';
	color: #f29110;
	position: absolute;
}
.promo-list p {
	padding-left: 20px;
}
.promo-btn {
	background: #f29110;
	border-color: #f29110;
	color: #ffffff;
	font-size: 1em;
	padding: 14px 45px;
	margin-top: 35px;
	text-transform: capitalize;
}
.promo-btn:hover {
	background: #ffffff;
	border-color: #f29110;
	color: #f29110;
} 
.index-3 .latest-tweet .section-details {
	padding-top: 20px;
}
.index-3 .author-image img {
	border: 2px solid #f29110;
}
.tweet-details {
	color: #ffffff;
	font-size: 1em;
	font-style: italic;
	padding: 0 14%;
	line-height: 27px;
	padding-bottom: 8px;
}
.index-3 .author-name {
	color: #f29110;
	font-size: .94em;
	font-weight: 600;
	text-transform: uppercase;
}
.author-web {
	color: #ffffff;
	padding-left: 10px;
	position: relative;
}
.author-web:before {
	content: '';
	background: #ffffff;
	width: 5px;
	height: 1px;
	left: 0px;
	top: 50%;
	position: absolute;
}
.tweet-slider-2 .carousel-indicators {
	bottom: -60px;
}
.tweet-slider-2 .carousel-indicators li {
	background: #8f9096;
	border: none;
	width: 16px;
	height: 16px;
	position: relative;
}
.tweet-slider-2 .carousel-indicators li.active {
	width: 17px;
	height: 17px;
}
.tweet-slider-2 .carousel-indicators li.active:before {
	content: '';
	background: #ffffff;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	left: 50%;
	margin-left: -4px;
	top: 50%;
	margin-top: -4px;
	position: absolute;
}

/* 9 ------------ Index Page 4 ------------*/
.index-4 .welcome .section-padding {
	padding-bottom: 30px;
}
.index-4 .welcome .item {
	padding-bottom: 55px;
}
.index-4 .welcome .item-icon {
	background: #ffffff;
	color: #f29110;
	font-size: 4em;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.index-4 .welcome .item:hover .item-icon {
	color: red;
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}
.index-4 .welcome .item-icon:before,
.index-4 .welcome .item-icon:after {
	display: none;
}
.index-4 .welcome .item:hover .item-icon {
	border-color: transparent;
}
.index-4 .welcome .item-title {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 15px;
}
.index-4 .welcome .item-details {
	padding-top: 5px;
}
.index-4 .welcome .item-description {
	padding-top: 15px;
}
.index-4 .achieve .item {
	background: #f29110;
	border: none;
	color: #ffffff;
}
.index-4 .achieve .countdown {
	color: #ffffff;
}
.index-4 .latest-project .section-padding {
	padding: 95px 0px;: 
}
.index-4 .achieve .section-details {
	padding-top: 102px;
	padding-bottom: 0px;
}
.index-4 .about-title {
	font-size: 1.125em;
	font-weight: 300;
	text-transform: uppercase;
}
.index-4 .about-details {
	line-height: 21px;
	padding-top: 20px;
	padding-bottom: 35px;
}
.index-4 .slide-nav {
	left: 0px;
}
.index-4 .slide-right {
	left: 40px;
}
.project-slider-3 .item {
	margin: 0 2px;
	position: relative;
	overflow: hidden;
}
.index-4 .choose-us {
	max-height: 720px;
}
.index-4 .choose-us .title-icon {
	font-size: 2em;
}
.index-4 .post-thumbnail {
	margin-right: 25px;
}
.index-4 .entry-title {
	padding-top: 0px;
	padding-bottom: 25px;
}
.index-4 .entry-content {
	margin-top: -4px;  
	letter-spacing: -0.1px;
	word-spacing: -0.1px;
}
.index-4 .post-content .btn {
	margin-top: 9px;
}
.index-4 .pricing-plan .section-title,
.index-4 .pricing-plan .section-description {
	color: #ffffff;
}
.index-4 .pricing-plan .item {
	width: initial;
}
.index-4 .member {
	position: relative;
}
.index-4 .member-details {
	background: rgba(74, 65, 65, 0.6);
	border: 10px solid transparent;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	opacity: 0;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.index-4 .member:hover .member-details {
	border-color: #ADC0C5;
	opacity: 1;
}
.index-4 .member-details:before {
	content: '';
	display: none;
}
.index-4 .member-name {
	padding-top: 90%;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.index-4 .member:hover .member-name {
	padding-top: 50%;
}
.index-4 .member-name a,
.index-4 .member .position {
	color: #ffffff;
}

/* 9.1 ----- Client Testimonials ------*/
.client-testimonial {
	background: #ecf0f1;
}
.index-4 .about-client {
	display: inline-block;
	position: relative;
}
.index-4 .about-client:before,
.index-4 .about-client:after {
	content: '';
	background: #cccccc;
	width: 220px;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	position: absolute;
	z-index: -1;
}
.index-4 .about-client:before {
	left: 99%;
}
.index-4 .about-client:after {
	right: 99%;
}
.index-4 .client-avatar {
	background: #ffffff;
	border: 2px solid #cccccc;
	max-width: 120px;
	max-height: 120px;
	padding: 4px;
	position: relative;
}
.index-4 .client-quote {
	border: none;
	color: #545454;
	font-size: 1.125em;
	text-align: center;
	padding: 40px 10% 0px 10%;;
}
.index-4 .client-quote:before {
	color: #f29110;
	top: 28px;
	left: 3%;
}
.index-4 .client-quote:after {
	content: "\f10e";
	font-family: 'FontAwesome';
	top: 28px;
	right: 3%;
	color: #f29110;
	font-size: 3em;
	position: absolute;
}
.index-4 .client-name,
.index-5 .client-name {
	color: #0d0d0d;
	font-size: .94em;
	text-transform: uppercase;
}
.index-4 .clients-url,
.index-5 .clients-url {
	font-size: .94em;
	padding-left: 10px;
	position: relative;
}
.index-4 .clients-url a,
.index-5 .clients-url a {
	color: #f29110;
}
.index-4 .clients-url:before,
.index-5 .clients-url:before {
	content: '-';
	position: absolute;
	top: 0px;
	left: 0px;
	color: #0d0d0d;
}

/* 9.2 ------ Latest Tweet ------*/
.index-4 .tweet-icon {
	background: #f29110;
	border-radius: 4px;
	border: none;
	width: 84px;
	height: 84px;
	line-height: 84px;
}
.index-4 .tweet-icon:before {
	content: '';
	display: none;
} 
.index-4 .tweet-icon:after {
	width: 20px;
	height: 20px;
	bottom: -5px;
	left: 50%;
	margin-left: -10px;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.index-4 .tweet-slider .item-details {
	padding: 0 10%;
}

/* 10 ---------- Index Page 5 -----------*/
.index-5 .purchase {
	background: #ecf0f1;
	padding: 0px;
}
.index-5 .purchase .content-title {
	font-size: 1.35em;
	padding-bottom: 13px;
}
.index-5 .purchase .content-title span {
	color: #f29110;
}
.index-5 .purchase .content-description {
	color: #808080;
	font-size: 1.125em;
	line-height: 28px;
	padding: 0 8%;
}
.index-5 .purchase-button .btn {
	background: #f29110;
	color: #ffffff;
	margin-top: 25px;
	position: relative;
}
.work .item-top,
.work .top-details {
	display: inline-block;
	position: relative;
}
.work .item-top:before,
.work .item-top:after {
	content: '';
	position: absolute;
	border-bottom: 3px dashed;
	border-color: rgb( 204, 204, 204 );
	width: 105px;
	top: 50%;
	z-index: -1;
}
.index-5 .work .item-top:before,
.index-5 .work .item-top:after {
	z-index: 1;
}
.work .item-top:before {
	left: -100%;
}
.work .item-top:after {
	right: -100%;
}
.work .col-sm-3:first-child .item-top:before {
	width: 65px;
	left: -65%;
}
.work .col-sm-3:last-child .item-top:after {
	width: 65px;
	right: -65%;
}
.work .top-details:before,
.work .top-details:after {
	content: '';
	background: rgb( 204, 204, 204 );
	width: 3px;
	height: 10px;
	position: absolute;
	left: 205px;
	top: 50%;
}
.work .top-details:before {
	margin-top: -6px;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.work .top-details:after {
	margin-top: -1px;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.work .col-sm-3:last-child .top-details:before,
.work .col-sm-3:last-child .top-details:after {
	content: '';
	display: none;
}
.work .item-icon {
	background: #f29110;
	border: 2px solid transparent;
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	font-size: 3em;
	height: 110px;
	width: 110px;
	line-height: 117px;
	position: relative;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.work .item-icon:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f29110;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: -7px;
}
.work .item:hover .item-icon {
	color: rgb( 204, 204, 204 );
}
.work .item-detials {
	padding-top: 35px;
}
.work .item-detials .item-description {
	letter-spacing: 0px;
}
.work .item-title {
	color: #0d0d0d;
	font-size: 1.125em;
	text-transform: uppercase;
}
.index-5 .latest-project .item {
	display: inline-block;
	width: 19%;
	position: relative;
}
.index-5 .latest-project .image-popup-vertical-fit:before {
	padding: 0px;
	height: 100% !important;
}
.index-5 .latest-project .item-details {
	top: 80%;
	opacity: 0;
	width: 100%;
	text-align: center;
	position: absolute;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.index-5 .latest-project .item:hover .item-details {
	top: 30%;
	opacity: 1;
}
.index-5 .project-title a {
	color: #ffffff;
	font-size: .65em;
}
.index-5 .category {
	color: #ffffff;
	font-size: .8125em;
}
.index-5 .achieve .item {
	border: none;
	text-align: center;
}
.index-5 .achieve .item-icon {
	display: block;
	float: none;
	font-size: 5em;
}
.index-5 .achieve .item-details {
	text-align: center;
}
.index-5 .achieve .countdown {
	font-size: 3.5em;
}
.index-5 .recent-about {
	background: #ecf0f1;
}
.index-5 .blog-posts .post-meta {
	background: #ecf0f1;
	position: initial;
	padding: 0px;
}
.index-5 .blog-posts .published-date {
	background: #f29110;
}
.index-5 .blog-posts .entry-date {
	display: inline-block;
	font-size: 0.75em;
	padding: 20px 15px;
}
.index-5 .post-content {
	padding-left: 30px;
}
.index-5 .entry-title {
	line-height: 21px;
	padding-top: 0px;
}
.index-5 .about-us .section-top {
	padding-bottom: 40px;
}
.index-5 .our-ability .description {
	font-size: 1.125em;
	line-height: 25px;
	margin-bottom: 0px;
	margin-top: -6px;
	padding-bottom: 20px;
}
.index-5 .ability-details p {
	font-size: .93em;
	line-height: 31px;
	margin-bottom: 0px;
	padding-left: 30px;
	position: relative;
}
.index-5 .ability-details p:before {
	font-family: FontAwesome;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #f29110;
	font-size: 1.25em;
}
.index-5 .our-ability .btn {
	background: #f29110;
	color: #ffffff;
	font-size: 1em;
	margin-top: 35px;
	padding: 16px 44px;
}
.index-5 .our-ability .btn:hover {
	background: #ffffff;
	border-color: #f29110;
	color: #f29110;
}
.index-5 .client-testimonial .section-padding {
	padding-bottom: 0px;
}
.index-5 .client-says {
	color: #545454;
	font-size: 1.125em;
	font-style: italic;
	line-height: 26px;
	padding: 0px 5%;
	position: relative;
}
.index-5 .client-says:before,
.index-5 .client-says:after {
	color: #f29110;
	font-family: 'themify';
	font-size: 2.5em;
	position: absolute;
}
.index-5 .client-says:before {
	content: "\e67f";
	left: 0px;
	top: 0px;
}
.index-5 .client-says:after {
	content: "\e67e";
	right: 0px;
	top: 0px;
}
.index-5 .clients-details {
	padding-top: 25px;
}
.index-5 .latest-tweet {
	height: inherit !important;
}
.index-5 .tweet-icon,
.index-5 .tweet-icon:before,
.index-5 .tweet-icon:after {
	border: none;
}
.index-5 .tweet-icon {
	color: #f29110;
	font-size: 5em;
	height: inherit;
	width: inherit;
}
.index-5 .latest-tweet .section-details {
	padding-top: 23px;
}
.index-5 .tweet-slider {
	padding: 15px 0px 0px 0px;
}
.index-5 .tweet-slider .item-details {
	padding: 0% 15%;
}

/* 11 ---------- About Page ----------*/
.about-page .we-do-area {
	padding-right: 25px;
}
.about-details .title {
	font-size: 2.5em;
	text-transform: capitalize;
}
.about-details .title span {
	color: #f29110;
}
.we-do-area .description {
	font-size: 1.125em;
	padding-top: 25px;
}
.we-do-area .details {
	padding-top: 5px;
}
.about-page .accordion,
.about-page .tabs {
	padding-top: 40px;
}
.about-page .panel-default>.panel-heading {
	border: 1px solid #cccccc;
	border-radius: 0px;
}
.about-page .panel-title a {
	background: #f29110;
	color: #ffffff;
	padding: 11px 20px
}
.about-page .panel-title a:before {
	content: "\e644";
}
.about-page .panel-title a.collapsed {
	background: #ffffff;
	color: #595959;
}
.about-page .panel-title a.collapsed:before {
	content: "\e623";
}
.about-page .panel-title a:before,
.about-page .panel-title a.collapsed:before {
	font-family: 'Pe-icon-7-stroke';
	left: inherit;
	right: 20px;
	top: 7px;
	font-size: 1.56em;
}
.about-page .panel-title a.collapsed:before {
	color: #f29110;	
}
.about-page .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: 1px solid #cccccc;
	border-top: none;
}
.about-page .our-skills {
	background: #ecf0f1;
}
.about-page .member-details {
	border: 1px solid #cccccc;
}
.about-page .member-details:before {
	border-bottom: 17px solid #ffffff;
}
.about-page .client-section {
	background: #ecf0f1;
}


/* 12 ---------- Contact page -----------*/
.google-map-container {
	width: 100%;
	height: 450px;
}
.contact .section-details {
	padding-top: 40px; 
}
.contactform .form-control {
	border-radius: 0px;
	box-shadow: none;
	font-size: .875em;
	margin-bottom: 20px;
	padding: 20px 15px;;
}
.contactform .btn {
	background: #ffffff;
	border-color: #f29110;
	color: #f29110;
	font-size: .875em;
	margin-top: 0px;
	padding: 16px 45px;
}
.contactform .btn:hover {
	background: #f29110;
	color: #ffffff;
}
.contact .contact-details {
	margin-top: -5px;
}
.contact .bold {
	font-weight: 600;
	line-height: 22px;
}
.contact .description {
	line-height: 22px;
	padding-top: 15px;
}
.contact .address-details {
	padding-top: 15px;
}
.address-details li {
	display: block;
	font-size: .875em;
	padding-bottom: 5px;
}
.address-details .address-type {
	font-weight: 600;
	position: relative;
}
.address-details .address-type:before {
	content: ':';
	right: -5px;
	top: -2px;
	position: absolute;
}
.about-address {
	padding-left: 5px;
	font-size: .93em;
}
.about-address a {
	color: #737373;
}
.about-address a:hover {
	color: #f29110;
} 

/* 13 ----------- Contact page 2 ----------*/
.address-details .item {
	padding-top: 5px;
	padding-bottom: 15px;
}
.address-details .item-title {
	font-size: 1.25em;
	text-transform: capitalize;
	padding-top: 20px;
	padding-bottom: 25px;
}
.address-details .item-details span {
	color: #737373;
	display: block;
	font-size: .875em;
}
.address-details .street-address {
	color: #737373;
	font-size: .75em;
}
.address-details a {
	color: #737373;
}
.address-details a:hover {
	color: #f29110;
}

/* 14 ------------ Team page ------------*/
.team-details .member {
	margin-bottom: 30px;
}
.team-page .client-section .section-padding {
	padding-top: 0px;
}

/* 15 ------------ Services page ------------*/
.feature-services .section-padding {
	padding-bottom: 45px;
}
.feature-services .item {
	padding-bottom: 45px;
}
.feature-services .item-title {
	padding-left: 50px;
	position: relative;
	text-transform: capitalize;
}
.feature-services .item-description {
	padding-top: 20px;
}
.feature-services .title-icon {
	color: #f29110;
	font-size: 2em;
	top: -10px;
	left: 0px;
	position: absolute;
}
.services-page .core-services {
	max-height: 785px;
}
.services-page .promo-image {
	padding-top: 35px;
}
.services-page .client-testimonial {
	background: #ffffff;
}
.services-page .testimonial {
	padding-top: 105px;
}
.services-page .testimonial-details {
	padding-top: 32px;
}
.client-testimonial .item-top {
	background: #ecf0f1;
}
.client-testimonial blockquote {
	color: #737373;
	font-size: .875em;
}
.client-testimonial .mockup-image {
	padding-top: 40px;
	padding-bottom: 25px;
}


/* 16 ------------ Blog Posts Page ------------*/
.blog-page .main-content article {
	border-bottom: 1px solid #cccccc;
	padding: 55px 0px;
}
.blog-page article.text-only .post-content {
	padding-top: 43px;
}
.blog-page .main-content article:first-child {
	padding-top: 0px;
}
.blog-page .post-icon,
.blog-post-single .post-icon {
	color: #f29110;
	font-size: 3.125em;
	padding-right: 25px;
}
.blog-page .entry-title,
.blog-post-single .entry-title {
	font-size: 2.25em;
	padding-top: 0px;
}
.blog-page .entry-title a,
.blog-post-single .entry-title a {
	color: #0d0d0d;
}
.blog-page .post-meta,
.blog-post-single .post-meta {
	font-size: .8125em;
}
.blog-page .post-meta,
.blog-page .post-meta a,
.blog-post-single .post-meta,
.blog-post-single .post-meta a {
	color: #a6a6a6;
	text-transform: lowercase;
}
.blog-page .post-meta li,
.blog-post-single .post-meta li {
	padding-right: 10px;
	position: relative;
}
.blog-page .post-meta li:before,
.blog-post-single .post-meta li:before {
	font-family: 'FontAwesome';
}
.blog-page .meta-tags a {
	position: relative;
	padding-right: 5px; 
}
.blog-page .meta-tags a:before {
	content: ',';
	right: 0px;
	top: 0px;
	position: absolute;
}
.blog-page .meta-tags a:last-child:before {
	content: '';
}
.blog-page .post-thumbnail {
	padding: 43px 0px 43px 0px;
}
.blog-page .post-content .entry-content {
	line-height: 22px;
	padding-bottom: 5px;
}
.blog-page .post-content .bold,
.blog-post-single .bold {
	font-weight: 600;
	padding-bottom: 13px;
}
.blog-page .post-content .btn {
	font-size: .93em;
	padding: 12px 15px;
}
.blog-page .attachmentlink {
	background: #a9d86e;
	color: #ffffff;
	font-size: 1.56em;
	font-weight: 600;
	padding: 20px 30px 25px 30px;
	position: relative;
}
.blog-page .attach-link {
	color: #ffffff;
	display: block;
	font-size: .55em;
	vertical-align: text-top;
}
.blog-page .attachmentlink:after {
	content: "\e658";
	font-family: 'Pe-icon-7-stroke';
	font-size: 1.5em;
	font-weight: normal;
	right: 18px;
	bottom: 10px;
	position: absolute;
}
.blog-page blockquote {
	background: #62b4af;
	border: 0px;
	color: #ffffff;
	font-size: 3em;
	font-weight: 700;
	padding: 33px 70px 33px 80px;
	line-height: 60px;
}
.blog-page blockquote:before {
	color: #78bfba;
	top: 45px;
	left: 35px;
	font-size: 2.75em;
}
.quote-author {
	font-size: .3em;
	font-weight: normal;
	display: block;
	margin-top: -7px;
	position: relative;
	padding-left: 10px;
}
.quote-author:before {
	content: '-';
	left: 0px;
	top: 0%;
	position: absolute;
}
.page-navigation {
	padding: 60px 0px 25px 0px;
}
.page-count {
	display: inline-block;
}
.page-count p {
	font-size: .93em;
	line-height: 36px;
	margin: 0px;
}
.count.active-page-no {
	color: #f29110;
	font-weight: 600;
}
.pagination {
	margin: 0px;
}
.pagination>li {
	display: inline-block;
	margin-left: 5px;
}
.pagination>li>a, 
.pagination>li>span {
	background: #ffffff;
	border-color: #cccccc;
	border-radius: 0px;
	color: #cccccc;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0px;
}
.pagination>li>a:hover {
	background: #ffffff;
	color: #cccccc;
}
.pagination>.active>a:hover,
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
	background: #f29110;
	border-color: #f29110;
	color: #ffffff;
}

/* 17 ----------- Blog Page With Right Sidebar ------------*/
.blog-page .right-sidebar,
.blog-post-single .right-sidebar {
	padding-left: 0px;
	padding-right: 40px;
}


/* 18 ----------- Blog Grid & Masonary Column page ----------*/

/* 18.2 ----- Blog Grid page -------*/
.blog-grid .post-top {
	padding-bottom: 45px;
}
.blog-grid .text-only .post-top {
	padding-bottom: 0px;
}
.blog-grid .post-thumbnail {
	padding: 0px;
}
.blog-grid .post-content .btn {
	font-size: .9em;
	padding: 10px 15px;
}

/* 18.2 ----- Blog masonary page -------*/
.post-3-column article {
	border: 1px solid #cdcdcd;
	padding: 0px !important;
	margin-bottom: 60px;
}
.post-3-column .post-thumbnail {
	padding-top: 0px;
	padding-bottom: 27px;
}
.post-3-column .post-top {
	padding: 0px 15px;
}
.post-3-column .entry-title {
	font-size: 1.125em;
	padding-bottom: 16px;
}
.post-3-column .post-content {
	padding: 26px 15px 30px 15px;
}
.post-3-column .entry-content {
	padding: 0px 0px 20px 0px;
}
.post-3-column .post-content .btn {
	font-size: .8125em;
	padding: 7px 15px;
}
.post-3-column blockquote {
	font-size: 1.875em;
	font-weight: 600;
	padding: 23px 15px 30px 30px;
	line-height: 37px;
	margin-top: 0px;
}
.post-3-column blockquote:before {
	color: #78bfba;
	top: 20px;
	left: 20px;
	font-size: 2.5em;
}
.post-3-column .carousel-control.left, 
.post-3-column .carousel-control.right {
	background: #404040;
	border: none;
	border-radius: 0px;
	color: #ffffff;
	line-height: 32px;
	width: 32px;
	height: 32px;
}
.post-3-column .carousel-control.left {
	left: -15%;
}
.post-3-column .carousel-control.right {
	right: -15%;
}
.post-3-column .post-slider:hover .carousel-control.left {
	left: 0%;
}
.post-3-column .post-slider:hover .carousel-control.right {
	right: 0%;
}
.post-3-column .type-post.quote .post-thumbnail {
	padding-bottom: 0px;
}
.post-3-column blockquote {
	margin: 0px;
}
.post-3-column .attachmentlink {
	font-size: 1.125em;
	text-align: left;
}
.post-3-column .attachmentlink a {
	color: #ffffff;
}
.post-3-column .attachmentlink.link-1 {
	background: #ca61ff;
}
.post-3-column .type-post.text-only {
	padding-top: 27px !important;
}
.post-3-column audio {
	margin-top: 30px;
}
.post-3-column .btn-container {
	padding: 35px 0px 25px 0px;
}
.post-3-column .btn-container .btn {
	font-weight: 600;
	padding: 17px 35px;
	text-transform: capitalize;
}

/* 19 --------- Blog Single Post With Left Sidebar ---------*/

.blog-post-single .entry-title {
	font-size: 2.5em;
}
.single-post-wrapper {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 48px;
}
.single-slider {
	margin-top: 50px;
	margin-bottom: 42px;
}
.blog-post-single blockquote {
	background: #ecf0f1;
	border-left-color: #f29110;
	color: #737373;
	font-size: 1em;
	font-style: italic;
	margin: 35px 0px 32px 0px;
	padding: 25px 20px 35px 35px;
}
.blog-post-single blockquote:before {
	content: "\f10e";
	top: 27px;
	left: 16px
}
.submited-comment {
	border-bottom: 1px solid #cccccc;
	padding-top: 95px;
}
.blog-post-single .title {
	font-family: 'Raleway';
	font-size: 2.25em;
	text-transform: uppercase;
	padding-left: 75px;
	padding-bottom: 30px;
	position: relative;
}
.blog-post-single .title:before {
	font-family: 'themify';
	position: absolute;
	top: 6px;
	left: 0pc;
	color: #f29110;
}
.comment-section {
	padding-top: 40px;
	padding-bottom: 10px;
}
.commentlist .comment article {
	padding-bottom: 35px;
}
.commentlist .children {
	padding-left: 60px;
}
.commentlist img {
	max-width: inherit;
}
.comment-content {
	padding-left: 22px;
}
.commentlist .comment-meta {
	margin-top: -5px;
	padding-bottom: 18px;
}
.commentlist .comment-author,
.commentlist .published-time {
	display: inline-block;
}
.commentlist .author-name {
	color: #262626;
	font-size: 1.125em;
	text-transform: capitalize;
}
.commentlist .published-time {
	color: #a6a6a6;
	font-size: .75em;
	padding-left: 15px;
	position: relative;
}
.commentlist .published-time:before {
	content: '-';
	left: 4px;
	top: 0px;
	position: absolute;
}
.comment-reply .custom-btn {
	color: #f29110;
	font-size: .8125em;
	font-weight: 700;
	text-transform: capitalize;
	padding-left: 17px;
	position: relative;
}
.comment-reply .custom-btn:before {
	content: "\f112";
	font-family: 'FontAwesome';
	font-size: .8125em;
	color: #f29110;
	top: 0px;
	left: 0px;
	position: absolute;
}
.leave-comment {
	padding-top: 95px;
}
.respond {
	padding-top: 40px;
	padding-bottom: 25px;
}
.respond input,
.respond input:focus,
.respond textarea {
	outline: 0px;
	box-shadow: none;
}
.respond input {
	max-width: 75%;
}
.respond .form-control {
	border-radius: 0px;
	color: #737373;
	font-size: .875em;
	margin-bottom: 20px;
	padding: 25px 10px;
	text-indent: 5px;
}
.respond .submit-btn {
	background: #ffffff;
	border-color: #f29110;
	color: #f29110;
	font-size: .875em;
	font-weight: 600;
	padding: 15px 48px;
}
.respond .submit-btn:hover {
	background: #f29110;
	color: #ffffff;
}

/* 20 --------- Blog Single Post Page With Out Sidebar ----------*/
.blog-post-single.single-page .main-content {
	max-width: 800px;
	margin: 0 auto;
}

/* 21 ------------ Works Pages Styles ------------*/
.works .section-padding {
	padding-bottom: 0px;
}
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;

	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.itemFilter {
	clear: both;
	margin:auto;
	padding: 5px 0px 45px 0px;
	width: auto;
}
.itemFilter a {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	color: #737373;
	display: inline-block;
	font-size: .8125em;
	margin: 0 10px 15px 0px;
	padding: 7px 10px;
	text-decoration: none;
	text-transform: uppercase;
}
.itemFilter .current {
	background-color: #f29110;
	border-color: #f29110;
	color: #ffffff;
}
.work-items .item {
	width: 100%;
	height: 100%;
}
.work-items .item-title {
	font-size: 1.125em;
	text-transform: uppercase;
}
.work-items .item-title a {
	color: #ffffff;
}
.work-items .item-description {
	color: #ffffff;
	font-size: .875em;
	letter-spacing: .5px;
}
.work-items .zoom {
	padding: 8px 15px;
}
.works .btn-container {
	padding-top: 90px;
}
.works .btn-container .btn {
	border-color: #f29110;
	font-size: .875em;
	font-weight: 600;
	padding: 16px 35px;
}
.work-items .item {
	position: relative;
}
.work-items .image-popup-vertical-fit,
.similar-works .image-popup-vertical-fit {
	display: inline-block;
	position: relative;
}
.index-5 .latest-project .image-popup-vertical-fit:before,
.work-items .image-popup-vertical-fit:before,
.work-items3-v3 .image-popup-vertical-fit:before,
.similar-works .image-popup-vertical-fit:before {
	content: '';
	background: rgba(241, 91, 93, 0.9);
	cursor: crosshair;
	width: 100%;
	height: 101%;
	top: 0px;
	left: 0px;
	padding: 5%;
	position: absolute;
	text-align: center;
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.index-5 .latest-project .item:hover .image-popup-vertical-fit:before,
.work-items .item:hover .image-popup-vertical-fit:before,
.work-items3-v3 .item:hover .image-popup-vertical-fit:before,
.similar-works .item-top:hover .image-popup-vertical-fit:before {
	opacity: 1;
}

/* 21.1 ---------- Works 2 Column Styles ------------*/

.border .item-details {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
	text-align: center;
	width: 80%;
	height: 80%;
	overflow: hidden;
}
.border .item-content {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: crosshair;
}
.border .item-details:before,
.border .item-details:after,
.border .item-content:before,
.border .item-content:after {
	content: '';
	position: absolute;
	background: #ffffff;
	cursor: crosshair;
}
.border .item-details:before {
	top: 0px;
	right: -100%;
	width: 100%;
	height: 2px;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;

	-webkit-transition-delay: .25s;
	-moz-transition-delay: .25s;
	-ms-transition-delay: .25s;
	-o-transition-delay: .25s;
	transition-delay: .25s;
}
.border .item-details:after {
	height: 100%;
	width: 2px;
	top: -100%;
	left: 0px;

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;

	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}
.border .item-content:before {
	bottom: -100%;
	width: 2px;
	height: 100%;
	right: 0px;
	left: inherit;

	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;

	-webkit-transition-delay: .35s;
	-moz-transition-delay: .35s;
	-ms-transition-delay: .35s;
	-o-transition-delay: .35s;
	transition-delay: .35s;
}
.border .item-content:after {
	bottom: 0px;
	width: 100%;
	height: 2px;
	left: -100%;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;

	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.border:hover .item-details:before {
	right: 0%;
}
.border:hover .item-details:after {
	top: 0px;
}
.border:hover .item-content:before {
	bottom: 0px;
}
.border:hover .item-content:after {
	left: 0px;
}
.border .content-details {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	opacity: 0;

	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
.border:hover .content-details {
	top: 35%;
	opacity: 1;
}

/* 21.2---------- Works 2 Column V2 Styles ------------*/

.work-items-v2 .item,
.work-items3-v2 .item {
	padding: 0px 15px;
}
.work-items-v2 .item-details {
	left: 11%;
}
.work-items-v2 .item-title {
	padding-top: 25px;
	padding-bottom: 10px;
}
.work-items-v2 .item-title a {
	color: #737373;
}
.work-items .work-category,
.similar-works .work-category {
	color: #a6a6a6;
	font-size: .8125em;
	padding-left: 15px;
	position: relative;
}
.work-items .work-category:before,
.similar-works .work-category:before {
	content: "\f02e";
	font-family: 'FontAwesome';
	left: 0px;
	top: 0px;
	position: absolute;
}
.work-items .work-category a,
.similar-works .work-category a {
	color: #a6a6a6;
}

/* 21.3 ---------- Works 3 Column Styles ------------*/
.work-items3 .image-popup-vertical-fit:before,
.work-items3-v2 .image-popup-vertical-fit:before {
	height: 100%;
}
.work-items3 .border .item-details {
	top: 8%;
	left: 8%;
	right: 8%;
	bottom: 8%;
	width: 84%;
	height: 84%;
}
.work-items3 .content-details {
	padding: 0 10%;
}

/* 21.4 ---------- Works 3 Column V2 Styles ------------*/
.work-items3-v2 .item-title {
	padding-top: 20px;
	padding-bottom: 8px;
}
.work-items3-v2 .item-title a {
	color: #737373;
}

/* 21.5 ---------- Works 3 Column V3 Styles ------------*/
.work-items3-v3 .image-popup-vertical-fit:before {
	background: rgba(0, 0, 0, 0.75);
}
.work-items3-v3 .item-top {
	cursor: crosshair;
	position: relative;
}
.work-items3-v3 .item-top:before {
	content: '';
	top: 7%;
	left: 5%;
	right: 5%;
	bottom: 7%;
	border: 2px solid #ffffff;
	position: absolute;
	cursor: crosshair;
	background: rgba(0, 0, 0, 0.75);
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
} 
.work-items3-v3 .item:hover .item-top:before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.work-items3-v3 .item-bottom {
	position: absolute;
	top: 60%;
	text-align: center;
	width: 100%;
	padding: 0% 5%;
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.work-items3-v3 .item:hover .item-bottom {
	top: 35%;
	opacity: 1;
}
.work-items3-v3 .item-title {
	display: inline-block;
	padding-bottom: 15px;
	position: relative;
}
.work-items3-v3 .item-title:before {
	content: "";
	border-bottom: 2px solid #ffffff;
	width: 0px;
	height: 2px;
	bottom: 0px;
	left: 50%;
	position: absolute;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.work-items3-v3 .item:hover .item-title:before {
	width: 100%;
	left: 0px;
}

/* 21.6 ---------- Works 4 Column Styles ------------*/
.work-items4 .item-content {
	background: rgba(0, 0, 0, 0.6);
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	text-align: center;
	padding: 5%;
	position: absolute;
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
} 
.work-items4 .item:hover .item-content {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}
.work-items4 .item-title {
	color: #ffffff;
	padding: 20px 0px;
}
.work-items4 .image-popup-vertical-fit:before {
	cursor: crosshair;
}
.work-items4 .zoom {
	color: #ffffff;
}

/* 21.7 ---------- Works 4 Column v2 Styles ------------*/
.work-items4-v2 .item {
	padding: 0px 15px;
}
.work-items4-v2 .image-popup-vertical-fit:before,
.work-items4-v3 .image-popup-vertical-fit:before,
.work-items5-v2 .image-popup-vertical-fit:before {
	background: rgba(241, 91, 93, 0.65);
}
.work-items4-v2 .item-title {
	font-size: .94em;
	color: #262626;
	padding-top: 20px;
	padding-bottom: 10px;
}
.work-items4-v2 .item-title a {
	color: #737373;
}

/* 21.8 ---------- Works 4 Column v3 Styles ------------*/
.work-items4-v3 .item {
	padding: 0px;
	position: relative;
}
.work-items4-v3 .item-content,
.work-items5 .item-content,
.work-items5-v3 .item-content {
	width: 100%;
	top: 50%;
	left: 0px;
	padding: 5%;
	position: absolute;
	text-align: center;
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.work-items4-v3 .item:hover .item-content,
.work-items5 .item:hover .item-content,
.work-items5-v3 .item:hover .item-content {
	top: 30%;
	opacity: 1;
}

/* 21.9 ---------- Works 5 Column Styles ------------*/
.work-items5 .item {
	position: relative;
}
.work-items5-v3 .item-details {
	position: absolute;
	width: 100%;
	height: 20%;
	text-align: center;
	top: 50%;
	opacity: 0;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.work-items5-v3 .item-title a {
	color: #ffffff;
}
.work-items5-v3 .item:hover .item-details {
	top: 30%;
	opacity: 1;
}
.work-items5 .item-content {
	padding: 0 5%;
}
.work-items5 .item-title {
	font-size: 1em;
}

/* 21.10 ---------- Works 5 Column V2 Styles ------------*/
.work-items5-v2 {
	margin: 0px -5px;
}
.work-items5-v2 .item {
	padding: 0px 5px;
}
.work-items5-v2 .item-title {
	font-size: 1em;
	padding: 15px 0px;
}
.work-items5-v2 .item-title a {
	color: #737373;
}


/* 21.11---------- Works List items Styles ------------*/

.list-items .item {
	background: #f5f5f5;
	border-bottom: 4px solid #fff;
	margin-left: -15px;
}
.list-items .item-image {
	position: relative;
}
.list-items .image-popup-vertical-fit:before {
	height: 100%;
}
.list-items .item-image:before {
	content: '';
	right: -15px;
	top: 10%;
	background: #f5f5f5;
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 1;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.list-items .item-content {
	padding: 57px 40px 30px 30px;
}
.list-items .item-title {
	font-size: 1.625em;
}
.list-items .item-description {
	color: #737373;
	font-size: .875em;
	padding-top: 20px;
}
.list-items .item-description strong {
	display: block;
	font-weight: 600;
	padding-bottom: 20px;
}
.list-items .item-content .btn {
	margin-top: 15px;
}

/* 21.12 ---------- Works Mixed Items Styles ------------*/
.works-masonary .item,
.works-masonary-v2 .item {
	position: relative;
}
.works-masonary .content-details,
.works-masonary-v2 .content-details {
	background: #0d0d0d;
	padding: 5px 0px;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 60%;
	opacity: 0;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.works-masonary .item:hover .content-details,
.works-masonary-v2 .item:hover .content-details {
	top: 40%;
	opacity: 1;
}

/* 21.14 ---------- Works Single Landscape Mode Styles ------------*/
.single-works .entry-title {
	color: #0d0d0d;
	font-size: 2.25em;
	padding-top: 0px;
}
.single-works .window-location {
	margin-top: -5px;
}
.single-works .window-location a {
	color: #bfbfbf;
	font-size: 2.25em;
}
.works-slider {
	padding-top: 40px;
}
.works-slider .carousel-indicators {
	left: 2%;
	margin-left: 0px;
	text-align: left;
}
.works-slider .carousel-indicators li {
	border: 2px solid #ffffff;
}
.works-slider .carousel-indicators li.active {
	border-color: #f29110;
} 
.single-works .works-details {
	padding-top: 55px;
}
.single-works .title {
	color: #0d0d0d;
	font-size: 1.625em;
	padding-bottom: 25px;
	text-transform: uppercase;
}
.single-works .description strong {
	display: block;
	font-weight: 600;
	padding-bottom: 20px;
}
.single-works .meta-list li {
	color: #a6a6a6;
	display: block;
	font-size: .93em;
	padding-bottom: 13px;
	padding-left: 25px;
	position: relative;
}
.single-works .meta-list li:before {
	font-family: 'FontAwesome';
	left: 0px;
	top: 0px;
	position: absolute;
}
.single-works .meta-id {
	font-weight: 600;
	padding-right: 5px;
	position: relative;
}
.single-works .meta-id:before {
	content: ':';
	top: -5px;
	right: 0px;
	position: absolute;
}
.single-works .meta-id.url {
	text-transform: uppercase;
}
.single-works .meta-list a {
	color: #a6a6a6;
}
.single-works .meta-list a:hover {
	color: #f29110;
}
.single-works .meta-list .tags a,
.single-works .meta-list .skills a {
	padding-right: 5px;
	position: relative;
}
.single-works .meta-list .tags a:before,
.single-works .meta-list .skills a:before {
	content: ',';
	top: -5px;
	right: 0px;
	position: absolute;
}
.single-works .meta-list .tags a:last-child:before,
.single-works .meta-list .skills a:last-child:before {
	content: '';
}
.social-sharing {
	padding-top: 6px;
}
.share-button {
	display: inline-block;
	padding-right: 15px;
}
.social-sharing a {
	display: inline-block;
	color: #fff;
	border-radius: 2px;
	margin: 0px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	font-weight: normal; 
}
.social-sharing a:hover {
	color: #fff; 
}
.social-sharing span {
	display: inline-block;
	vertical-align: top;
	height: 22px;
	line-height: 22px;
	font-size: 12px; 
	margin-left: -5px;
}
.social-sharing .icon {
	margin: 0px;
	width: inherit;
	padding: 0 5px 0 10px; 
}
.share-title {
	font-size: 12px;
	padding-right: 10px; 
}
.share-twitter {
	border: 1px solid #cccccc;
}
.share-twitter .icon {
	color: #00acee;
}
.share-twitter .share-title {
	font-weight: 700;
	color: #1a1a1a;
}
.share-facebook {
	background-color: #3b5998; 
}
.share-pinterest {
	background-color: #cb2027; 
}
.share-linkedin {
	background-color: #0077b5; 
}
.similar-works {
	padding-top: 95px;
}
.similar-works .item-title a {
	color: #262626;
	display: inline-block;
	font-size: .94em;
	padding-top: 25px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.similar-works .image-popup-vertical-fit:before {
	background: rgba(241, 91, 93, 0.75);
}

/* 21.15 ---------- Works Single Potrait Mode Styles ------------*/
.potrait.single-works .works-details {
	padding-top: 0px;
}
.potrait .works-description {
	padding-top: 41px;
}
.potrait .about-works {
	padding-top: 55px;
}

/* 22 ----------------- Pricing Tables Page -------------------*/
.pricing-page .table {
	margin-bottom: 80px;
}
.pricing-page .table.format-3 {
	margin-bottom: 25px;
}

/* 23 ----------------- Blog Sidebar -------------------*/

.left-sidebar {
	padding-left: 40px;
}
.blog-sidebar .widget {
	padding-bottom: 60px;
}
.blog-sidebar .bottom-style {
	margin-left: 0px;
}
.blog-sidebar .widget-title {
	font-size: 1.375em;
	padding-bottom: 13px;
	text-transform: uppercase;
}
.search-form {
	position: relative;
}
.search-form input,
.search-form input:focus {
	border: 1px solid #cccccc;
	outline: 0px;
	padding: 14px 20px;
	font-size: .93em;
	font-style: italic;
}
.search-btn {
	background: transparent;
	border: none;
	color: #cccccc;
	font-size: 1.15em;
	top: 5px;
	right: 20px;
	padding: 0px;
	position: absolute;

	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.blog-sidebar .category-list {
	padding-top: 38px;
}
.blog-sidebar .category-list li {
	border-bottom: 1px dashed;
	border-color: #cccccc;
	display: block;
	line-height: 30px;
}
.blog-sidebar .category-list li:before {
	font-family: "FontAwesome";
	color: #f29110;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.blog-sidebar .category-list li a {
	color: #595959;
	font-size: 1em;
	padding-left: 25px;
	text-transform: capitalize;
}
.blog-sidebar .category-list li:hover:before,
.blog-sidebar .category-list li:hover a {
	color: #f29110;
	margin-left: 10px;
}
.widget_tabs .nav-tabs>li>a,
.widget_tabs .nav-tabs>li>a:hover {
	background: transparent;
	border-color: transparent;
	color: #cccccc;
}
.widget_tabs  .nav-tabs>li.active>a, .widget_tabs  .nav-tabs>li.active>a:focus, .widget_tabs  .nav-tabs>li.active>a:hover {
	background: #ffffff;
	border-color: #cccccc;
	border-bottom-color: transparent;
	border-radius: 0px;
	color: #f29110;
}
.widget_tabs img {
	max-width: inherit;
}
.widget_tabs article {
	padding-bottom: 22px;
}
.widget_tabs article:last-child {
	padding-bottom: 0px;
}
.widget_tabs .entry-title {
	font-size: .93em;
	line-height: 21px;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
}
.widget_tabs .entry-title a {
	color: #262626;
}
.widget_tabs .meta-list li {
	font-size: .875em;
}
.widget_tabs .entry-date {
	font-size: 1.05em;
}

.widget_text .texts {
	line-height: 21px;
	padding-top: 35px;
}
.widget_tags .tag-lists {
	padding-top: 35px;
}
.widget_tags a {
	background: #f2f2f2;
	color: #8c8c8c;
	display: inline-block;
	font-size: .875em;
	margin: 0px 6px 10px 0px;
	padding: 7px 13px;
	text-transform: lowercase;
}
.widget_tags a:hover {
	background: #f29110;
	color: #ffffff;
}
.archieve-lists {
	padding-top: 30px;
}
.archieve-lists li,
.sitemap li {
	display: block;
	line-height: 30px;
	position: relative;
}
.archieve-lists li:before,
.sitemap li:before {
	content: "\f101";
	font-family: "FontAwesome";
	color: #f29110;
	top: 0px;
	left: 0px;
	position: absolute;
}
.archieve-lists a,
.sitemap a {
	color: #595959;
	padding-left: 20px;
}
.archieve-lists a:hover,
.sitemap a:hover {
	color: #f29110;
}

/* 24 ----------------- Sitemap Page -------------------*/
.sitemap-item {
	padding-bottom: 60px;
}
.sitemap .item-top {
	padding-bottom: 25px;
	text-align: left;
}
.sitemap .title {
	font-size: 1.25em;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.sitemap .bottom-style {
	margin: inherit;
}
.sitemap li {
	text-transform: capitalize;
}

/* 26 ----------------- 404 Page -------------------*/
.error-page-top {
	color: #000000;
	font-size: 8em;
	font-weight: 700;
	text-transform: uppercase;
}
.error-text {
	color: #f29110;
	display: block;
	text-transform: capitalize;
}
.error-page-bottom {
	padding-top: 90px;
}
.bottom-text {
	color: #0d0d0d;
	font-size: 1.625em;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 45px;
}
.error-page .search-form {
	max-width: 750px;
	margin: 0 auto;
	position: relative;
}
.error-page .search-field {
	float: left;
	max-width: 595px;
}
.error-page .search-btn {
	background: #f29110;
	color: #ffffff;
	font-size: 1.25em;
	font-weight: 600;
	margin-top: 0px;
	padding: 12px 40px 11px 40px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-transform: uppercase;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}


/* 26 ----------------- Footer -------------------*/

footer a:hover {
	color: #f29110;
}
footer .bottom-style {
	margin-left: 0px;
}

/* 26.1 -------- Footer Top --------*/

.footer-top {
	background: #1f1f27;
	color: #a9a9a9;
}
.footer-top a {
	color: #a9a9a9;
}
.footer-top .widget {
	vertical-align: text-top;
}
.footer-top .widget-title {
	color: #ffffff;
	font-size: 1.25em;
	font-weight: 300;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 15px;
}
.widget-details {
	padding-top: 47px;
}
.footer-top .widget-description {
	color: #a9a9a9;
	font-size: .85em;
}
.footer-contact {
	padding-top: 3px;
}
.footer-top .contact-list li {
	font-size: .93em;
	padding-left: 20px;
	padding-bottom: 6px;
	position: relative;
}
.footer-top .contact-list li:before {
	font-family: FontAwesome;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #f29110;
}
address {
	font-size: 1.15em;
	margin-bottom: 0px;
}
address p {
	color: #a9a9a9;
	margin-bottom: 0px;
}
.latest-post .media {
	padding-bottom: 8px;
}
.latest-post .media-left {
	width: 55px;
	height: 55px;
	display: inline-block;
	float: left;
	margin-right: 13px;
	padding: 0px;
	margin-top: 4px;
}
.latest-post .media-body {
	font-size: .875em;
}
.footer-top .meta-list li {
	color: #737373;
	font-size: .93em;
	padding-right: 5px;
	position: relative;
}
.footer-top .meta-list li:before {
	font-family: FontAwesome;
} 
.footer-top .published {
	font-size: 1em;
}
.footer-top .meta-list li a {
	color: #737373;
}
.footer-top .entry-title {
	line-height: 20px;
	padding: 0px;
	text-transform: capitalize;
}
.subscribe-form {
	margin-top: 20px;
}
.subscribe-form .form-control {
	background: #1f1f27;
	border-radius: 0px;
	border-left: 1px solid #393942;
	border-bottom: 1px solid #393942;
	border-top-color: transparent;
	border-right-color: transparent;
	width: 100%;
	margin-bottom: 20px;
}
.subscribe-form .btn {
	font-size: .93em;
	width: 100%;
	margin-top: 5px;
	padding: 9px;
	text-transform: capitalize;
}
.flickr-images li {
	max-width: 80px;
	margin-top: 4px;
	margin-right: 3px;
	max-height: 80px;
	overflow: hidden;
}
.flickr-images li img {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.flickr-images li:hover img {
	opacity: 0.6;

	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.flickr-images li a {
	display: inline-block;
	position: relative;
}

/* 26.2 ------- Footer Bottom ------- */

.footer-bottom {
	background: #1e067b;
	color: #57575f;
	font-size: .875em;
	max-height: 60px;
	padding: 15px 0px;
}
.footer-bottom a {
	color: #a3a3a3;
}
.copy-right {
	padding-top: 5px;
}
.copy-right li {
	position: relative;
	border-right: 1px solid #57575f;
	padding: 0 10px;
}
.copy-right li:first-child {
	padding-left: 0px;
}
.copy-right li:last-child {
	border-right: none;
}
.footer-social li {
	margin-left: 4px;
}
.footer-social a {
	background: #1c1c24;
	border-radius: 50%;
	color: #57575f;
	display: inline-block;
	font-size: 1.15em;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

/* 27 --------- Scroll To Top ----------*/

.scroll-to-top {
	position: fixed;
	right: 35px;
	bottom: 35px;
	font-size: 1.5em;
	height: 40px;
	width: 40px;
	background-color: #f29110;
	line-height: 40px;
	color: #ffffff;
	text-align: center;
	opacity: .3;
	cursor: pointer;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.scroll-to-top:hover {
	opacity: 1;
}