/*
Theme Name: Overlap Child
Description: Child theme of the Overlap. By using a child theme you will ensure that your modifications are preserved.
Author: Wyde
Template: overlap
Version: 1.0
*/

@font-face {
    font-family: 'LoveloBlack';
    src: url('fonts/LoveloBlack.eot');
    src: url('fonts/LoveloBlack.eot') format('embedded-opentype'),
         url('fonts/LoveloBlack.woff2') format('woff2'),
         url('fonts/LoveloBlack.woff') format('woff'),
         url('fonts/LoveloBlack.ttf') format('truetype'),
         url('fonts/LoveloBlack.svg#LoveloBlack') format('svg');
}
@font-face {
    font-family: 'BrandonGrotesqueRegular';
    src: url('fonts/BrandonGrotesqueRegular.eot');
    src: url('fonts/BrandonGrotesqueRegular.eot') format('embedded-opentype'),
         url('fonts/BrandonGrotesqueRegular.woff2') format('woff2'),
         url('fonts/BrandonGrotesqueRegular.woff') format('woff'),
         url('fonts/BrandonGrotesqueRegular.ttf') format('truetype'),
         url('fonts/BrandonGrotesqueRegular.svg#BrandonGrotesqueRegular') format('svg');
}
@font-face {
    font-family: 'BrandonGrotesqueMedium';
    src: url('fonts/BrandonGrotesqueMedium.eot');
    src: url('fonts/BrandonGrotesqueMedium.eot') format('embedded-opentype'),
         url('fonts/BrandonGrotesqueMedium.woff2') format('woff2'),
         url('fonts/BrandonGrotesqueMedium.woff') format('woff'),
         url('fonts/BrandonGrotesqueMedium.ttf') format('truetype'),
         url('fonts/BrandonGrotesqueMedium.svg#BrandonGrotesqueMedium') format('svg');
}
@font-face {
    font-family: 'BrandonGrotesqueBold';
    src: url('fonts/BrandonGrotesqueBold.eot');
    src: url('fonts/BrandonGrotesqueBold.eot') format('embedded-opentype'),
         url('fonts/BrandonGrotesqueBold.woff2') format('woff2'),
         url('fonts/BrandonGrotesqueBold.woff') format('woff'),
         url('fonts/BrandonGrotesqueBold.ttf') format('truetype'),
         url('fonts/BrandonGrotesqueBold.svg#BrandonGrotesqueBold') format('svg');
}
@font-face {
  font-family: 'AvenirLTStdBook';
  src: url('fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/AvenirLTStd-Book.otf')  format('opentype'),
	     url('fonts/AvenirLTStd-Book.woff') format('woff'), url('fonts/AvenirLTStd-Book.ttf')  format('truetype'), url('fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


body { font-family: "BrandonGrotesqueRegular"; color: #000; }

#header-logo img { max-height: 100%; top: 10px; bottom: auto; }
#header.w-fixed img { max-height: 80%; top: 0; bottom: 0; }
#header:not(.w-transparent) img { max-height: 80%; top: 0; bottom: 0;  }


body:not(.full-nav-active):not(.no-title) #header.w-transparent:not(.w-fixed) { border-bottom: 0 none; }

#top-nav .top-menu li a { font-family: "BrandonGrotesqueBold"; font-size: 14px; }

.home .rev_slider h2 { font-family: "LoveloBlack"; }
.home .rev_slider h2 span { color: #f23c45; }
.home .rev_slider h3 { font-family: "LoveloBlack"; font-style: normal; }
.rev_slider .rev-btn { font-family: "LoveloBlack"!important; font-size: 18px!important; letter-spacing: 1px!important; text-align: center; padding: 12px 20px!important; }

.center-nav .top-menu > li.tel-icon-menu > a { padding-left: 26px; background: url(images/icon-tel.png) left 8px no-repeat;20px !important; }


.section-style1 .w-heading:not(.heading-6):not(.heading-7) h2 { font-size: 40px; font-family: "LoveloBlack"; }
.section-style1 .w-heading:not(.heading-6):not(.heading-7) .subheading { font-family: "BrandonGrotesqueMedium"; font-size: 20px; }
.w-text-block.sub-style1 { font-size: 24px; font-family: "AvenirLTStdBook"; max-width: 430px; text-transform: uppercase; line-height: 1.2em; color: #000; }

.section-style1 ul { margin: 0; }
.section-style1 .w-text-block ul > li::before { display: none; }
.section-style1 .w-text-block ul > li { color: #000; text-transform: uppercase; margin: 2px 0; }
.section-style1 ul li strong { font-weight: normal; font-family: "BrandonGrotesqueMedium"; font-size: 14px; }

.w-section.m-padding.section-style1 { padding-bottom: 100px; }
.section-style1 .w-text-block.area-descr { overflow: hidden; }
.section-style1 .w-text-block.area-descr p { font-size: 18px; color: #000; letter-spacing: 1px; }

.btn-black { font-family: "BrandonGrotesqueMedium"; font-size: 14px; color: #fff; text-transform: uppercase; background: #000; padding: 11px 35px; display: inline-block; letter-spacing: 1px; }
.btn-black-border { font-family: "BrandonGrotesqueMedium"; font-size: 14px; color: #000; text-transform: uppercase; background: none; border: 4px solid #000; padding: 11px 35px; display: inline-block; letter-spacing: 1px; }
.btn-black:hover { color: #000; }
.btn-right { float: right; }

.sub-style1 { }

.width-max600 { max-width: 600px; }

.portfolio-text { margin-top: -320px; }

.w-section .w-slider-nav a span::before { opacity: .1; }
.w-section .w-slide .w-slider-content { max-width: 810px; padding: 50px; font-size: 20px; letter-spacing: 1px; background: url(images/icon-quote.png) left top no-repeat; left: 40%; bottom: auto; line-height: 1.4em; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #000; }


.w-slider .w-heading.heading-3 { width: 70%; }
.w-slider .w-heading.heading-3 .w-wrapper { display: block; }
.w-slider .w-heading:not(.heading-6):not(.heading-7) h2 { font-family: "LoveloBlack"; font-size: 40px; text-transform: uppercase; }
.w-slider .w-heading:not(.heading-1):not(.heading-6):not(.heading-7) .subheading { font-size: 20px; text-transform: uppercase; color: #959799; font-family: "BrandonGrotesqueMedium"; }




.w-section.word-from-us { padding: 280px 0; text-align: center; }
.word-from-us .floating-title { font-size: 28px; letter-spacing: 2px; background: #fff; padding: 10px; position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-transform: uppercase; color: #000; }

.icon-box { text-align: center; background: url(images/icon1.png) center top no-repeat; padding-top: 110px; }
.icon-box.w-counter-box div.counter-value { font-size: 50px; color: #494949; font-family: "LoveloBlack"; line-height: 1em; padding-bottom: 6px; }
.icon-box p { font-size: 18px; color: #000; font-family: "BrandonGrotesqueMedium"; display: block; line-height: 1.1em; letter-spacing: 1px; }
.icon-box2 { background-image: url(images/icon2.png); }
/*.icon-box2.w-counter-box div.counter-value:after { content: "+"; }*/
.icon-box3 { background-image: url(images/icon3.png); }
.icon-box4 { background-image: url(images/icon4.png); }

.heading-form .w-heading:not(.heading-6):not(.heading-7) h2 { font-size: 60px; text-transform: uppercase; font-family: "LoveloBlack"; padding-bottom: 15px; }
.heading-form .w-heading:not(.heading-1):not(.heading-6):not(.heading-7) .subheading { font-size: 20px; color: #9b9d9f; font-family: "BrandonGrotesqueMedium";  letter-spacing: 1px; text-transform: uppercase; }
section.heading-form { padding: 45px 0; }

.form-style1 { padding-right: 50px; position: relative; }
.form-style1 input[type="text"], .form-style1 input[type="email"], .form-style1 textarea { border: 0 none; background: #eaeaea; height: 40px; font-size: 20px; padding: 0 10px; font-family: "BrandonGrotesqueMedium"; color: #000; margin-bottom: 19px; display: block; }
.form-style1 textarea { height: 215px; padding: 10px; margin-bottom: 0; }
.form-style1 .wpcf7-form-control-wrap { margin-bottom: 0; }
.form-style1 br { display: none; }

.form-style1 input[type="submit"] { position: absolute; top: -5px; bottom: 21px; right: 0; width: 35px; border: 0 none; background: #eaeaea url(images/icon-arrow.png) center center no-repeat; padding: 0; display: block; overflow: hidden; text-indent: -9999999px; cursor: pointer; }

.form-style1 ::-webkit-input-placeholder {
    color: #000;
    opacity: 1 !important;
}

.form-style1 :-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-style1 ::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.form-style1 :-ms-input-placeholder {  
   color: #000;
    opacity: 1;
}

.btn-lg-black { font-family: "BrandonGrotesqueMedium"; font-size: 25px; color: #fff; letter-spacing: 1px; background: #000; padding: 12px 25px; text-align: center; margin: 0 auto; display: inline-block; text-transform: uppercase; line-height: 1.2em; }
.btn-lg-black:hover { color: #fff; }

.copyright-text div, .contact-text p { font-size: 18px; letter-spacing: 1px; color: #fff; }

#footer-content .w-section { padding-top: 80px; }
#footer-content .w-heading.heading-7 h2 { font-size: 18px; font-family: "LoveloBlack"; }
#footer-content .w-heading.heading-7 h2::after { display: none; }

/* Inner pages */
.title-wrapper.w-size-m { padding: 230px 0 100px; }
.title-wrapper .title { font-size: 80px; font-family: "LoveloBlack"; letter-spacing: 1px; margin-bottom: 80px; }
.title-wrapper:not(.w-size-s) .title::after { display: none; }
.title-wrapper.w-size-m .subtitle { font-size: 18px; font-family: "BrandonGrotesqueBold"; font-style: normal; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0; }

/* Blog */
.main-content .w-blog-posts.w-masonry .item-0 .post-title { text-transform: uppercase; font-style: normal; font-family: "LoveloBlack"; font-size: 40px; white-space: normal; height: auto; }
.w-blog-posts.w-masonry .post-content a { color: #000;  }
.w-blog-posts.w-masonry .post-content a:hover { color: #000;  }
.w-blog-posts.w-masonry .post-summary { font-size: 18px; }

.w-blog-posts .post-title { font-family: "LoveloBlack";  font-size: 19px; }



/* Contact form */
.contact-form-wrapper { font-family: "BrandonGrotesqueMedium"; font-size: 20px; }
.thanks-msg { border-bottom: 1px solid #000; color: #818487; text-transform: uppercase; padding: 0 0 40px; text-align: center; }
.contact-form-wrapper .sect { padding: 80px 50px 20px; border-bottom: 1px solid #000; }
.contact-form-wrapper .sect h3 { font-family: "LoveloBlack"; font-size: 40px; letter-spacing: 1px; margin-bottom:30px; text-align: center;  }
.contact-form-wrapper .sect .sub { font-family: "BrandonGrotesqueRegular"; font-size: 18px; letter-spacing: 1px; margin-bottom:85px; text-align: center;  }
.contact-form-wrapper .wpcf7-radio, .contact-form-wrapper .wpcf7-checkbox { overflow: hidden; display: block; margin: 0 -5px; }
.contact-form-wrapper .wpcf7-list-item { margin: 0; width: 25%; padding: 0 5px; float: left; margin-bottom: 60px; position: relative; }
.contact-form-wrapper input[type="checkbox"]:checked, .contact-form-wrapper input[type="radio"]:checked, .contact-form-wrapper :not(:required) input[type="radio"]:checked, .contact-form-wrapper :not(:required) input[type="checkbox"]:checked {background: #99bfe1; border-color: #99bfe1; }
.contact-form-wrapper .wpcf7-list-item input { position: absolute; top: 35px; left: 0; margin: 0; }
.contact-form-wrapper .wpcf7-list-item .wpcf7-list-item-label { padding-left: 30px; display: block; line-height: 1em; }
.contact-form-wrapper .wrap-five .wpcf7-list-item { width: 20%; }
.contact-form-wrapper .wrap-three .wpcf7-list-item { width: 33.33333333%; text-align: center; }
.contact-form-wrapper .wrap-three .wpcf7-list-item label { display: inline-block; }
.contact-form-wrapper .wpcf7-list-item label { padding-left: 0; display: block; }

#budget-field { opacity: 0; visibility: hidden; }
.range-wrapper { }
.range-tags { }
.range-tags>div { width: 20%; float: left; text-align: center; }
.slider-tooltip { display: none; }
#budget-slider { margin: 0 120px; background: #282a31; border-radius: 8px; margin-bottom: 80px; }
#budget-slider .ui-widget-header { background-color: #6cabbf; }
#budget-slider .ui-state-default, #budget-slider .ui-widget-content .ui-state-default { border: 0 none; background: url(images/icon-range.png) center center no-repeat; }

.contact-form-wrapper textarea { background: #eaeaea; padding: 10px; font-family: "BrandonGrotesqueMedium"; font-size: 20px; border: 0 none; display: block; height: 220px; margin-bottom: 60px; color: #000; display: block; }
.contact-form-wrapper input[type="text"], .contact-form-wrapper input[type="email"] { background: #eaeaea; padding:0 10px; font-family: "BrandonGrotesqueMedium"; font-size: 20px; border: 0 none; display: block; height: 40px; margin-bottom: 30px; color: #000; display: block; }

.contact-form-wrapper ::-webkit-input-placeholder {
    color: #000;
    opacity: 1 !important;
}

.contact-form-wrapper :-moz-placeholder {
    color: #000;
    opacity: 1;
}

.contact-form-wrapper ::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.contact-form-wrapper :-ms-input-placeholder {  
   color: #000;
    opacity: 1;
}

.wpcf7-form-control-wrap.file-334 { text-align: center; display: block; margin-bottom: 60px; }

.user-details { padding: 60px 0 90px; }

.contact-form-wrapper input[type="submit"] { border: 3px solid #000; color: #000; height: 60px; width: 240px; margin: 0 auto; font-family: "BrandonGrotesqueMedium"; font-size: 26px; letter-spacing: 2px; margin: 0 auto; display: block; cursor: pointer; }
.contact-form-wrapper input[type="submit"]:hover { color: #000; }
a.file_browse {
	color:#666666;
}






































.visible-mobile{ display:none;}
.tel-icon-menu a {
	font-size: 20px !important;
}
.mobile-tel {
	font-family: 'BrandonGrotesqueBold' !important;
	font-size: 14px !important;
	color:#fff;
	text-align: center;
    padding-top: 20px;
}
.mobile-tel img {
	display: inline !important;
	left: auto !important;
	max-height: 20px !important;
	position: relative !important;
	top: 5px !important;
}
.ui-slider-range {
	background: #7BB1C3 none repeat-x scroll 50% 50% !important;
}
.ui-widget-content {
	background: #2C2E34 none repeat-x scroll 50% 50% !important;
	border-radius: 15px !important;
	margin: auto;
	text-align:center;
	width:80%;
}

.ui-slider-handle {
	border-radius: 15px !important;
	top:-0.23em !important;
}
.contact-date {
	display:block;
	text-align:center;
}

.w-counter-box span.unitClass {
	font-size: 25px;
	display: inline;
}

.page-id-6737 .title-wrapper h1.title {
	margin-bottom: 30px;
}

/* Responsive */
@media only screen and (max-width: 1024px) {
    .rev_slider .rev-btn { width: 175px!important; text-align: center; font-size: 15px!important; }
    
    .w-text-block.sub-style1 { max-width: 100%; padding: 0 20px; }
    .btn-right { float: none; }
    .width-max600 { max-width: 100%; }
    .section-style1 .w-text-block.area-descr p { text-align: center!important; }
    .w-section .w-slide .w-slider-content {-webkit-transform: translate(0, -0); transform: translate(0, 0); max-width: 100%; left: 20px; right: 20px;  }
    .w-slider .w-heading.heading-3 { width: 100%; }
    .w-section.word-from-us { padding: 100px 0; }
    
    .contact-form-wrapper .wrap-five .wpcf7-list-item, .contact-form-wrapper .wpcf7-list-item { width: 50%; }
    .contact-form-wrapper .wrap-three .wpcf7-list-item { width: 100%; }
    #budget-slider { margin: 0 50px; }
	.visible-mobile{ display:block; }

}

@media only screen and (max-width: 767px) {
    .rev_slider .rev-btn { font-size: 14px!important; letter-spacing: 0!important; width: 140px!important; }
    
    .contact-form-wrapper .wrap-five .wpcf7-list-item, .contact-form-wrapper .wpcf7-list-item { width: 100%; margin-bottom: 20px; }
    .contact-form-wrapper .wrap-three .wpcf7-list-item { margin-bottom: 20px; }
    .contact-form-wrapper .sect { padding: 60px 15px 40px; }
    #budget-slider { margin: 0px 20px; }
}


