/***** GENERAL STYLES *****/

section{ background: #fff;  }
body{ -webkit-font-smoothing: antialiased; #fefefe; }
#main-container{ overflow: hidden; }
input{ -webkit-appearance: none; }
input:focus{ outline: none; }
.nopad{ padding: 0px; }
.offix{ overflow: hidden; }
.pad-normal{ padding-top: 66px; padding-bottom: 66px; }
.pad-large{ padding-top: 99px; padding-bottom: 121px; }
.pad-large-top{ padding-top: 99px; }
.pad-large-bottom{ padding-bottom: 99px; }
.pad-top{ padding-top: 66px; }
.pad-bottom{ padding-bottom: 66px; }
.space-top{ margin-top: 22px; }
.space-top-large{ margin-top: 44px; }
::selection {color:#fff;background:#444444;}
::-moz-selection {color:#fff;background:#444444;}
.alt-h{ font-family: 'Montserrat' sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin-right: -1px; }
.highlight-bg{ background-color: #B6A591; }

#loader{ position: absolute; width: 100%; height: 100%; background-color: #fff; z-index: 20000; padding-top: 250px; }
#progress-bar{ 
	height: 10px; background-color: #222; 
	-webkit-transition: all .5s; 
	transition: all .5s; 
	-moz-transition: all .5s;
	width: 0px;
}


.btn{ cursor: pointer; border: 2px solid #777; display: inline-block; border-radius: 30px; padding: 14px 33px 14px 33px; text-align: center; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; letter-spacing: 1px !important; }
.btn:hover{ background: #fff; color: #444444; }
.btn h6{ font-size: 11px; letter-spacing: 1px; }
.btn-holder span{ display: inline-block; margin: 0px 11px; font-size: 22px; color: #777;  }

.white-btn{ border-color: #fff; }
.white-btn:hover h6{ color: #444; }

.page-title{ margin-bottom: 44px; font-weight: normal; }
.page-title h6{ color: #B6A591; }
.page-title .line{ display: inline-block; height: 1px; background: #B6A591; position: relative; text-align: center; z-index: 1; margin: 22px 0px 22px 0px; }
.line .icon{ background: #fefefe; padding: 0px 11px 0px 11px; font-size: 30px; color: #B6A591; position: relative; bottom: 15px; }
.page-title h1{ font-size: 60px; line-height: 1;  }
.attention{ border-bottom: 1px solid; padding-bottom: 4px; }
.text-link{ position: relative; transition: all .2s ease; }
.text-link .arrow_right{ position: relative; left: 0px; transition: all .2s ease; }
.text-link:hover .arrow_right{ left: 5px; }
.icon_heart{ color: #ff1717; }

.title-top{ position: relative; top: 4px; }

.text-divider{ position: relative; background: #f7f7f7; }
.divider-overlay{ position: absolute; width: 100%; height: 100%; background: #444; opacity: 0.6; z-index: 2; top: 0px; transition: all 1.5s ease; }
.divider-content{ position: relative; z-index: 3;	 }

.content-divider{ background: #f7f7f7; }
.content-divider h1{ font-size: 60px; }
.content-divider .line{ display: inline-block; background: #bbb; height: 1px; margin: 22px 0px; }
.content-divider .feature-list{ list-style-position: inside; margin-bottom: 33px; font-style: italic; border: 2px solid #ddd; }
.content-divider .feature-list li{ font-size: 20px; margin-bottom: 11px; }

.content-divider .pricing-table ul li{ color: #777; font-size: 22px; }
.content-divider .pricing-table{ border: 1px solid #bbb;}
.content-divider .pricing-table .line{ background: #bbb; height: 1px; }

.hero-header{ background-size: cover !important; }
.hero-header h1{ font-size: 105px; }
.hero-header .divider-content{ margin-top: 88px; margin-bottom: 88px; }

.inner-container #nav-holder{ position: absolute; top: 0px; width: 100%; }
.inner-container #navigation{ background: none; }
.inner-container .menu li a{ color: #fff; }
.inner-container #logo{ color: #fff; }

/*** TYPOG ***/

.text-white{ color: #fff; }
.reg-weight{ font-weight: normal; }
.icon{ display: inline-block; -webkit-backface-visibility: hidden; }

/***** NAVIGATION *****/

#navigation{ position: relative; top: 0px; width: 100%; z-index: 99; transition: .3s ease; opacity: 1; max-height: 94px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; overflow: hidden; background: rgba(255,255,255,0.9); }
#logo{ width: 100px; margin-top: 22px; margin-bottom: 15px; opacity: 0.8; }
.hide-nav{ top: -300px; }
.sticky-nav{ position: fixed !important; top: 0px;  }
.inner-nav{ position: absolute !important; background: #444444 !important; top: 0px;  }
.open-nav{ max-height: 800px !important; }
.mobile-toggle{ display: none; position: absolute; top: 40px; right: 20px; }


.menu{ list-style: none; overflow: hidden; display: inline-block; margin-top: 31px; margin-bottom: 29px; }
.menu li{ float: left; margin-right: 44px; color: #777; font-size: 14px; font-family: 'Montserrat'; text-transform: uppercase; }
.menu li a{ color: #777; }
.menu li:last-child{ margin-right: 0px; }

/***** HOME SECTION *****/

#home-slider .slides li{ height: 700px; background-position-x: 0px !important; background-size: cover !important; }
.slide-overlay{ position: absolute; width: 100%; height: 100%; background: #444444; opacity: 0.4; z-index: 2; top: 0px; transition: all 1.5s ease; }
.slide-content{ position: relative; z-index: 3; opacity: 1; top: 0px; }

.headline{ text-transform: uppercase; font-size: 176px; color: #fff; letter-spacing: 24px; display: inline-block; position: relative; right: 6px; line-height: 0.8; margin-bottom: 22px; }
.title-top{ background: #fff; height: 3px; }
.title-upper{ width: 100%; position: relative; bottom: 3px; }
.title-upper h6{ font-size: 1em; }
.title-lower{ border-top: 3px solid #fff; padding-top: 11px; }
.title-lower p{ font-size: 26px; }
.title-icon{ font-size: 50px; color: #fff; position: relative; top: 55px; }
.headline-logo{ width: 100px; position: relative; top: 24px; }

.slide-content .btn{ margin-top: 22px; }
.bg-cover{ background-size: cover !important; background-attachment: fixed !important; }

/***** ABOUT SECTION *****/

.team-member{ margin-top: 44px; position: relative; }
.team-member:before{ position: absolute; content: ''; background: #444444; opacity: 0.4; height: 100%; width: 100%; }


.member-details{ position: absolute; top: 40%; width: 100%; }
.member-details h6{ margin-bottom: -3px; }
.member-details p{ margin-bottom: 6px; }
.member-details a{ margin-right: 11px; }
.member-details a:last-child{ margin-right: 0px; }

.process-phase{ margin-top: 44px; overflow: hidden; }
.phase-icon{ width: 80px; height: 80px; border-radius: 50%; border: 2px solid #fff; text-align: center; font-size: 30px; padding-top: 22px; float: left; display: inline-block; margin-right: 22px; }
.phase-text{ float: left; display: inline-block; min-width: 200px; }
.phase-text ul{ list-style: inside; margin-top: 11px; margin-left: 0px; }
.phase-text li{ font-style: italic; color: #fff; position: relative; font-size: 18px; }

/***** SERVICES SECTION *****/

#services .page-title{ margin-bottom: 88px; }

.service-icon{ width: 100%; font-size: 40px; color: #ccc;  }
.service-text{ width: 100%; }
.service-text h5{ margin-bottom: 11px; letter-spacing: 2px; }
.service-text p{ margin-bottom: 0px; }
.service{ text-align: center; margin-bottom: 30px; padding: 22px; border: 1px solid #adadad	; overflow: hidden; }
.service .line{ width: 100%; background: #adadad; height: 1px; margin: 22px 0px; }


/****** BLOG PREVIEW *****/

#blog-preview-holder{ margin-top: 88px; margin-bottom: 88px; }


.date{ text-align: right; padding-right: 22px; color: #B6A591; }
.date .day{ font-size: 50px; font-style: italic;  display: block; }
.date .month{ font-size: 18px; font-style: italic; display: block; margin-bottom: 11px; }

.post-meta-button{ width: 35px; height: 35px; border-radius: 50%; border: 1px solid #adadad; text-align: center; padding-top: 9px; display: inline-block; margin-top: 12px; clear: both; float: none; margin-right: 11px; }
.post-meta-button .icon{ color: #adadad; font-size: 15px; }

.post{ margin-bottom: 44px; }
.post h2{ line-height: 1.1; margin-bottom: 11px; }
.post h6{ color: #777; font-size: 12px; }
.post h6 a{ color: #555; }
.post .line{ width: 60px; height: 1px; background: #adadad; margin: 11px 0px;  }


/***** TESTIMONIALS SECTION *****/

.testimonials-slider h1{ margin-bottom: 22px; font-size: 60px; line-height: 1.1; }
.testimonials-slider h6{ margin-top: 22px; font-size: 12px; }


/***** PRICING SECTION *****/

.pricing-table .btn{ margin-top: 22px; margin-bottom: 11px; }

.pricing-table{ border: 2px solid #fff; padding: 22px; }
.pricing-table h1{ font-size: 60px; }
.pricing-table .line{ width: 100%; height: 2px; background: #fff; margin: 22px 0px; }
.pricing-table ul{ list-style: none; margin: 0px; }
.pricing-table ul li{ font-size: 18px; font-style: italic; margin-bottom: 11px; color: #fff; }

.price{ font-family: 'Montserrat' sans-serif; color: #fff; font-weight: bold; }
.price .dollar{ position: relative; bottom: 38px; font-size: 22px;  }
.price .amount{ font-size: 80px; }
.price .terms{ font-family: 'Cardo'; font-style: italic; font-weight: normal; }

.shrink{ 
-ms-transform: scale(0.9,0.9); /* IE 9 */
-webkit-transform: scale(0.9,0.9); /* Chrome, Safari, Opera */
transform: scale(0.9,0.9);
}

/***** PORTFOLIO SECTION *****/

.filters{ margin-bottom: 99px; list-style: none; overflow: hidden; display: inline-block; }
.filters li{ padding-bottom: 7px; border-bottom: 6px solid #fff; font-size: 16px; float: left; margin-right: 22px; }
.filers li:last-child{ margin-right: 0px; }
.filters li .btn{ border-color: #ccc; letter-spacing: 1px; font-size: 12px; color: #ccc; font-family: 'Montserrat'; }
.filters li .active{ border-color: #777; color: #777; }

.projects-wrapper{ overflow: hidden; margin-top: 66px; margin-bottom: 99px; }
.projects-container{ overflow: hidden; }

.project img { -webkit-filter: grayscale(30%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.project{ float: left; position: relative; z-index: 1; -webkit-backface-visibility: hidden; transition: all .3s ease; opacity: 1; overflow: hidden; }
.project-title{ margin: 16px 0px 14px 0px; position: relative; z-index: 30; background: #fff; }
.project-title p.lead{ font-size: 16px; }
.hide-project{ opacity: 0.1; }
.hide-project:hover{ cursor: default !important; }
.hide-project:hover .project-hover{ display: none !important; }
.hide-project:hover img{ -ms-transform: scale(1,1) !important; /* IE 9 */ -webkit-transform: scale(1,1) !important; /* Chrome, Safari, Opera */ transform: scale(1,1) !important; }
.project-hover{ position: absolute; height: 80%; width: 100%; background-color: rgba(159,184,204,0); opacity: 0; -webkit-transition: all .3s ease; z-index: 2; }
.project:hover .project-hover{ opacity: 1; }
.project:hover img{ -ms-transform: scale(1.1,1.1); /* IE 9 */ -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */ transform: scale(1.1,1.1); }
.project img{ -webkit-transition: all .5s ease; }
.project-image-wrapper{ max-height: 377px; width: 100%; overflow: hidden; }
.hover-inner{ position: absolute; width: 100%; height: 100%; bottom: -300px; background: rgba(255,255,255,0.9); padding: 22px; -webkit-transition: all .3s ease; text-align: center; }
.hover-inner p .lead{ margin-bottom: 0px; position: relative; bottom: 5px; }
.project:hover .project-hover .hover-inner{ bottom: 0px; }
.project-body iframe{ width: 100%; height: 450px; }

.ajax-container{ transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; }
.project-body iframe{ width: 100%; height: 450px; }

.close-project .icon{ font-size: 30px; margin-bottom: 22px; cursor: pointer; }
.project-body{ padding-top: 88px; }
.project-body .page-title h1{ margin-bottom: 11px; font-weight: normal; }
.project-body .page-title{ margin-bottom: 88px; }
.project-body .btn{ color: #777; border-color: #777; margin-top: 11px; padding-top: 17px; }
.project-body .btn .icon{ position: relative; top: 2px; left: 3px; }
.project-text h2{ margin-bottom: 11px; font-weight: normal; }

.close-project .icon{ font-size: 30px; margin-bottom: 22px; cursor: pointer; }
.project-body{ padding-top: 88px; }
.project-body .page-title h2{ margin-bottom: 11px; font-weight: normal; }
.project-body .page-title{ margin-bottom: 88px; }
.project-body .btn{ color: #777; border-color: #777; margin-top: 11px; padding-top: 17px; }
.project-body .btn .icon{ position: relative; top: 2px; left: 3px; }
.project-text h5{ margin-bottom: 11px; font-weight: normal; }

/***** STATS DIVIDER *****/

#stats{ background: #f7f7f7;	 }
.stat{ border-right: 1px solid #ccc; }
.stat:last-child{ border-right: none; }
.stat .icon{ font-size: 42px; color: #B6A591;  }
.stat span{ color: #777	; font-style: italic; font-size: 18px; }


/***** CLIENTS *****/

#clients{ background: #f7f7f7; }
.client img{ max-width: 120px; }

/***** CONTACT *****/

#contact-form{ padding: 22px; border: 2px solid #fff; margin-bottom: 66px; }
#contact-form input{ -webkit-appearance: none; border: none; border-bottom: 2px solid #fff; width: 100%; background: none; box-shadow: none; font-size: 18px; font-family: 'Cardo'; font-style: italic;	margin-bottom: 22px; color: #fff; padding-bottom: 11px; }
#contact-form .btn{ margin: 11px 0px 11px 11px; }
#contact-form h1{ margin-bottom: 11px; }
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

.social-links a{ display: inline-block; margin-right: 22px; margin-bottom: 44px; }

.contact-method{ margin-bottom: 66px; }
.contact-method .icon{ font-size: 40px; margin-bottom: 11px; display: inline-block; }
.contact-method span{ display: block; font-size: 20px; }

.copy-text{ display: inline-block; font-size: 12px; }

#details-error, #form-sent{ display: none; font-style: italic; font-size: 18px;	 }

/** BLOG LIST **/

.post-link:nth-child(even) .post-preview{ background: #f7f7f7; }
.post-link .pad-large{ padding-bottom: 99px; }
.post-preview{ background-size: cover !important; position: relative; }
.post-preview-content{ position: relative; z-index: 2; }
.post-overlay{ position: absolute; width: 100%; height: 100%; top: 0px; background: rgba(255,255,255,0.9); z-index: 1; }
.post-preview .date{ font-size: 30px; }
.post-preview h6{ font-size: 12px; color: #777; margin-top: 11px; }
.post-preview h1{ transition: all .3s ease; letter-spacing: 0px; }
.post-preview h2{ transition: all .3s ease; -webkit-transition: all .3s ease; letter-spacing: 0px; }
.post-preview .line{ width: 100px; height: 2px; background: #ddd; margin: 0px auto; margin-top: 22px;}

.post-preview:hover h1{ letter-spacing: 2px; margin-right: -2px; }
.post-preview:hover h2{ letter-spacing: 2px; margin-right: -2px; }

.safari-mac .post-preview:hover h1{ letter-spacing: 0px !important; margin-right: 0px !important; }
.safari-mac .post-preview:hover h2{ letter-spacing: 0px !important; margin-right: 0px !important; }



/** BLOG POST SINGLE**/

.post-single-container #nav-holder{ position: absolute; top: 0px; width: 100%; }
.post-single-container #navigation{ background: none; }
.post-single-container .menu li a{ color: #fff; }
.post-single-container #logo{ color: #fff; }

.post-hero{ background-size: cover !important; }

.post-hero h1{ font-size: 65px; }
.post-hero .divider-content{ margin-top: 88px; margin-bottom: 44px; }
.post-hero .post-meta-button{ border-color: #fff; margin-top: 0px; }
.post-hero .post-meta-button .icon{ color: #fff; }

.post-single-text p.lead{ font-size: 20px; margin-bottom: 44px; }
.post-single-text p{ text-align: justify; }

.post-single-footer{ background-size: cover !important; background-attachment: fixed !important; }
.post-single-footer a{ display: inline-block; margin-right: 22px; margin-bottom: 44px; }
.post-single-footer a:last-child{ margin-right: 0px; }

/** BLOG WP STYLE**/

.blog-title{ margin-top: 181px;}
.blog-single{ padding-top: 181px; }
blockquote{ border-left: 4px solid  #444444; font-size: 24px; color: #555; padding-top: 0px; }

.blog-left .post-single{ margin-bottom: 66px; }
.blog-left a{ color: #444444; }
.post h4{ margin-bottom: 6px; font-weight: normal; }
.post a{  }
.post-meta{ margin-bottom: 33px; }
.post-media{ margin-bottom: 33px; }
.post iframe{ width: 100%; border: none; height: 450px; }

.post-slider{ position: relative; }
.form-horizontal input{ height: 40px; margin-bottom: 6px;	 }
.form-horizontal label{ margin-bottom: 11px; display: block; }
.form-horizontal input, .form-horizontal textarea{ border: 1px solid #ddd; border-radius: 3px; }

.tags{ margin-top: 22px; }
.tags a{ 
	display: inline-block; 
	color: #777;
	background-color: #ddd;
	font-size: 14px;
	padding: 16px; 
	margin-right: 6px; 
	margin-bottom: 11px; 
	font-family: 'Roboto Slab';
	border-radius: 3px;
}

.commentlist{ list-style: none; margin-top: 22px; }
#comments h4, #comments h5, #comments h6{ letter-spacing: 1px; }
.reply{ margin-bottom: 22px; }
.comment-meta{
	font-family: 'Roboto Slab';
	font-size: 12px;
}
.fn{
	font-family: 'Roboto Slab';
	font-style: normal;
	
}
.children{ list-style: none; }

.comment-author{ width: 43px; height: 43px; padding: 3px; }

#reply-title{ margin-bottom: 22px; }

/** WIDGETS **/

.widget{ margin-bottom: 44px; overflow: hidden; }
.widget a{ color: #444444; }
.widget h6{ margin-bottom: 11px; display: inline-block; font-weight: normal; }

.widget_search input[type="text"]{ 
	width: 65%;
	margin-right: 5%;
	height: 50px;
	background: none; 
	border: none;
	border-bottom: 1px solid #ddd; 
	text-transform: none; 
	transition: all .3s ease; 
	padding-left: 0px; 
	-webkit-appearance: none;
}
.widget_search input[type="text"]:focus{ -webkit-appearance: none; box-shadow: none; }

.widget_search .btn{ border-color: #ddd; background: none; height: 50px; width: 30%; text-align: center; padding: 0px; }

.tagcloud a{ 
	display: inline-block; 
	color: #777;
	background-color: #ddd;
	font-size: 14px;
	padding: 16px; 
	margin-right: 6px; 
	margin-bottom: 11px; 
	font-family: 'Roboto Slab';
	border-radius: 3px;
}

#wp-calendar{ font-family:'Roboto Slab'; }
#wp-calendar caption{  }

.controls .btn{ border-color: #ddd; background: none; margin-bottom: 66px; }