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

section{ background: #F7F7F7;}
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: 100px; padding-bottom: 100px; }
.pad-large{ padding-top: 100px; padding-bottom: 120px;  background-color: #F7F7F7}
.pad-large-gallery{ padding-top: 60px; padding-bottom: 0px; }
.pad-large-blog{ padding-top: 40px; padding-bottom: 0px; background-color: #F7F7F7}
.pad-large-pricing{ padding-top: 100px; padding-bottom: 100px; background-color: #F7F7F7 }
.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: 50%; background-color: #fff; z-index: 20000; padding-top: 250px; }
#progress-bar{ 
	height: 1px; background-color: #222; 
	-webkit-transition: all .5s; 
	transition: all .5s; 
	-moz-transition: all .5s;
	width: 0px;
}
.cookies{
  font-family: 'Montserrat'; font-size: 15px;  
}
.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: #F7F7F7; 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{  }
.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 .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-content{ position: relative; z-index: 3; opacity: 1; top: 0px; }

.headline{ text-transform: uppercase; font-size: 40px; color: #fff; letter-spacing: 12px; display: inline-block; position: relative; line-height: 0.8; margin-bottom: 10px; }
.title-top{ background: #fff; height: 3px; }
.title-upper{ width: 100%; position: relative; bottom: 3px; }
.title-upper h6{ font-size: 1em; }
.title-lower{ padding-top: 4px; }
.title-lower p{ font-size: 18px; }
.title-icon{ font-size: 50px; color: #fff; position: relative; top: 55px; }
.headline-logo{ width: 70px; position: relative; top: 0px; }
.aniv-logo{ width: 240px; position: relative; top: 0px; margin-bottom: 30px;}

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

/***** TOP BANNER SECTION *****/
 
.topbanner {
background: #31ef4b; width: 100%; padding-top: 20px; padding-bottom: 20px;
}

/***** FEATURED SECTION *****/
 
.featured {
  background-color: #3661A2;  background-repeat: repeat; width: 100%; padding-top: 20px; padding-bottom: 0px;
}
.featured-text {
color: #fff; font-family: 'Pathway Gothic One',"Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 20px; letter-spacing: 1px; text-transform: uppercase;
}

/***** 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; }


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

.testimonials-slider h1{ padding-top: 72px; margin-bottom: 22px; font-size: 50px; 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: 1px solid #bbb; padding-bottom: 22px; padding-top: 20px; margin-bottom: 40px;}
.pricing-table h1{ font-size: 42px; line-height: 42px;}
.pricing-table .line{ width: 100%; height: 2px; background: #b2b2b2; margin: 22px 0px; }
.pricing-table ul{ list-style: none; margin: 10px; }
.pricing-table ul li{ font-size: 1.1rem !important; font-style: normal; margin-bottom: 11px; color: #777; text-rendering: optimizeLegibility; } 

.price{ font-family: 'Montserrat' sans-serif; color: #988a79; font-weight: bold; }
.price .desde{ position: relative; bottom: 0px; font-size: 16px;  }
.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);
}

/***** VIMEO *****/

.vimeo {padding-top: 50px; padding-bottom: 0px; margin-bottom: 0px; width: 100%; background: #F7F7F7; }
.vimeo-cover {width: 90%; margin: 0 auto; }
.fotos-row {width: 100%; margin: 0px auto; padding: 40px 0; text-align: center;}
.foto{ padding-bottom: 5px; width: 30%;}
.foto:baboutefore{ position: absolute; content: ''; background: #444444; opacity: 0.4; height: 100%; width: 100%; }


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

#clients{ background: #595959; }
.client img{ max-width: 220px; }

/***** 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; color: #000; }
.social-links a:hover{ text-decoration: underline; }

#contact{padding-top: 100px; padding-bottom: 40px;}
.contact-method{ margin-bottom: 40px; }
.contact-method .icon{ font-size: 40px; margin-bottom: 11px; display: inline-block; }
.contact-method span{ display: block; font-size: 20px; color: #000;}

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

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

/** BLOG LIST **/

.post-link .pad-large{ padding-bottom: 100px; padding-top: 100px }
.post-preview-twitter{ background: #31aae1;}
.post-preview-facebook{ background: #3a5898;}
.post-preview-instagram{ background: #336389;}
.post-preview-content{ position: relative; z-index: 2; }
.post-preview h6{ font-size: 12px; color: #fff; margin-top: 11px; }
.post-preview-facebook h2{ color: #fff; transition: all .3s ease; -webkit-transition: all .3s ease; letter-spacing: 0px; }
.post-preview-twitter h2{ color: #fff; transition: all .3s ease; -webkit-transition: all .3s ease; letter-spacing: 0px; }
.post-preview-instagram h2{ color: #fff; 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-facebook:hover h2{ letter-spacing: 2px; margin-right: -2px; }
.post-preview-twitter:hover h2{ letter-spacing: 2px; margin-right: -2px; }
.post-preview-instagram: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; }


/** 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; }