/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: */
/* Version: 1.0 Initial Release*/
/* Build Date: 24-09-2015*/
/* Author: LionStyle*/
/* Website: 
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LOADER  */
/*-------------------------------------------------------------------------------------------------------------------------------*/ 
#loader-wrapper{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; z-index: 50;}
#loader-container {position: relative; float: left; width: 180px; vertical-align: middle; margin-top: -25px; margin-left: -70px; left: 50%; top: 50%;}
.loader-titel {color: #fff; text-transform: uppercase; font-size: 1em; letter-spacing: 1.5px; text-align: center; width: 155px; margin-top: 20px; -webkit-animation: fade 2s infinite; -moz-animation: fade 2s infinite; font-family: Arial;}
.stick {width: 30px; height: 3px; background: white; display: inline-block; margin-left: -8px;}
.stick:nth-child(n) {transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -webkit-animation: fall 2s infinite; -moz-animation: fall 2s infinite;}
.stick:nth-child(2n) {transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -webkit-animation: rise 2s infinite; -moz-animation: rise 2s infinite;}
@-webkit-keyframes rise {
  50% {transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg);-moz-transform: rotate(30deg);}
}
@-moz-keyframes rise {
  50% {transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg);}
}
@-o-keyframes rise {
  50% {transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg);}
@keyframes rise {
  50% {transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg);}}
}
@-webkit-keyframes fall {
  50% {transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(30deg);}
}
@-moz-keyframes fall {
  50% {transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg);}
}
@-o-keyframes fall {
  50% {transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(30deg);}
@keyframes fall {
  50% {transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -moz-transform: rotate(30deg);}}
}
@-webkit-keyframes fade {
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
@-moz-keyframes fade {
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
@-o-keyframes fade {
  50% {opacity: 0.5;}
  100% {opacity: 1;}
@keyframes fade {
  50% {opacity: 0.5;}
  100% {opacity: 1;}
}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
	body *{-webkit-text-size-adjust:none;}
	.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
	input:focus, select:focus, textarea:focus, button:focus {outline: none;}
	input, textarea, select{font-family: 'Open Sans', sans-serif; font-weight: 400; -webkit-appearance: none; border-radius: 0;}
	a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
    html{height: 100%;}
	body{font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px; line-height: 1; color: #777777; height: 100%;}
    .fa{position: relative;}
    .button{text-align: center;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
	/*blocks*/
    .block{position: relative; width: 100%; height: 100%; box-sizing: border-box;}
    #content-wrapper{position: relative; width: 100%; height: 100%; overflow: hidden; min-height: 640px;}
    audio{display: none;}
    /*table*/
	.table-view{height: 100%; width: 100%; display: table;}
	.row-view{display: table-row;}
	.cell-view{display: table-cell; vertical-align: middle; height: inherit;}
    /*typography*/
    article{position: relative; width: 100%;}
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin: 0px; padding: 0px;}
    .h1{font-size: 57px; line-height: 39px; font-weight: 900; text-transform: uppercase; color: #3e2924; margin-bottom: 20px;}
    .h2{font-size: 20px; line-height: 20px; font-weight: normal; text-transform: uppercase; color: #3e2924;}
    .h3{font-size: 45px; line-height: 48px; font-weight: 900; text-transform: uppercase; color: #3e2924; margin-bottom: 20px;}
    .small{font-size: 14px; line-height: 24px;}
    .normall{font-size: 16px; line-height: 28px;}
    .big{font-size: 18px; line-height: 30px;}
    /*paddings*/
    .margin-top--100{margin-top: -100px;}
    .margin-top-100{margin-top: 100px;}
    .margin-top-50{margin-top: 50px;}
    .margin-top-40{margin-top: 40px;}
    .margin-top-30{margin-top: 30px;}
    .margin-bottom-50{margin-bottom: 50px;}
    .margin-bottom-40{margin-bottom: 40px;}
    .margin-bottom-30{margin-bottom: 30px;}
    /*filds*/
    #content-wrapper input[type="text"]{position: relative; float: left; background: #fff !important; height: 44px; line-height: 44px; color: #3d2824; font-size: 13px; border-radius: 5px; border: 2px solid #fff; width: 100%; padding: 0px 20px; box-sizing: border-box;}
    #content-wrapper input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
    #content-wrapper input[type="text"]:focus{font-size: 14px; border: 2px solid #e45519;}
    #content-wrapper input[type="text"].active{font-size: 14px; border: 2px solid #e45519;}
    #content-wrapper input[type="submit"]{position: absolute; top: 0px; right: 0px; border: 0px; cursor: pointer; height: 44px; line-height: 44px; background: #e45519; color: #fff; font-size: 13px; font-weight: 900; text-transform: uppercase; padding: 0px 30px; border-radius: 0px 5px 5px 0px;}
    #content-wrapper input[type="submit"]:hover{background: #3e2924;}
    .popup{position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 55;}
    .popup.active{top: 0px;}
    .popup-in{position: relative; float: left; width: 320px; background: #fff; left: 50%; top: 50%; margin-left: -160px; margin-top: -160px; border:5px solid #e45519; box-sizing: border-box; border-radius: 5px;}
    .popup-in div{position: relative; float: left; display: block; width:100%; padding: 5% 10%; color: #505050; font-size: 15px; line-height: 22px; text-align: center; display: none;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header{position: fixed; width: 50px; height: 100%; background: #3e2924; right: 0; top: 0; z-index: 10;}
header, header *{-webkit-transform: translatez(0);}
nav{position: absolute; z-index: 1; width: 50px; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
nav a{display: block; height: 55px; line-height: 55px; position: relative; border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; text-align: center; margin-bottom: 2px;}
nav a.active{box-shadow: none; -webkit-box-shadow: none; background: #e45519;}
nav a .fa{display: inline-block; vertical-align: middle; position: relative; z-index: 1; color: #fff; line-height: 55px; font-size: 27px;}
nav a>span{position: absolute; left: 100%; top: 0; padding-right: 50px; padding-left: 15px; height: 100%; background: #e45519 ; border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; white-space: nowrap; font-weight: 400; color: #fff; font-size: 16px;}
nav a:hover>span{transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%);}
nav a span span{opacity: 0;}
nav a:hover span span{opacity: 1;}

.menu-button{display: none; position: absolute; height: 100%; width: 10px; background: #3e2924; left: 0px; top: 0; opacity: 0.5;}
.menu-button:hover, header.active .menu-button{opacity: 1;}
header:not(.active) .menu-button:hover{left: -10px;}
.menu-button div, .menu-button a{position: absolute; width: 70px; height: 59px; background: #3e2924; right: 10px; top: 10px; cursor: pointer; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px;}
.menu-button span{position: absolute; width: 50px; height: 7px; left: 10px; background: #fff; border-radius: 3px; -webkit-border-radius: 3px;}
.menu-button span:nth-child(1){top: 12px;}
.menu-button span:nth-child(2){top: 26px;}
.menu-button span:nth-child(3){top: 26px;}
.menu-button span:nth-child(4){top: 40px;}
header.active .menu-button div{background: #ff5a11; width: 60px;}
header.active .menu-button span{width: 43px;}
header.active .menu-button span:nth-child(1){opacity: 0;}
header.active .menu-button span:nth-child(2){transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
header.active .menu-button span:nth-child(3){transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
header.active .menu-button span:nth-child(4){opacity: 0;}

.menu-button.landing-teaser-link{display: block; left: auto; right: 0; width: 0;}
.menu-button.landing-teaser-link a{right: 0;}

@media (max-width: 1199px) {
    header{transform: translateX(100%); -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%);}
    header.active{transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%);}
    nav a > span{font-weight: 800;}
    .menu-button{display: block;}
}

/*Phones (<768px)*/
@media (max-width: 767px) {
    
}
  

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/	
    footer{position: absolute; left: 5px; bottom: 3px; width: 100%;color:#fff;font-size:14px;}
    footer .footer-linck{position: relative; float: left; font-size: 13px; color: #3d2824; height: 40px; line-height: 40px; margin-right: 45px;}
    footer .footer-linck:nth-child(2){margin-right: 0px;}
    footer .footer-linck a{position: relative; font-weight: 900; color: #3d2824;}
    footer .footer-linck a span{position: relative;}
    footer .footer-linck a:before{position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: #fff; content: "";}
    footer .footer-linck a:hover:before{width: 100%;}
    footer .follow-us{position: relative; float: left;}

    footer .follow-us .titel{position: relative; float: left; color: #3d2824; font-size: 13px; height: 40px; line-height: 40px; font-weight: 900; margin-right: 12px;}
    footer .follow-us .thumbs{position: relative; float: left; margin-left: 8px; background: #fff; color: #3d2823; font-size: 16px; width: 40px; height: 40px; line-height: 40px; border-radius:50px; text-align: center;}
    footer .follow-us .thumbs:before{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 500px; background: #3e2924; content: ""; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);}
    footer .follow-us .thumbs:hover{color: #fff;}
    footer .follow-us .thumbs:hover:before{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - "COMING SOON" ANIMATIONS (3) */
/*-------------------------------------------------------------------------------------------------------------------------------*/
   #home{position:absolute;top:0;left:0;}
   #header_title{display:none;background-color:red;}

   #eplus{position:absolute;bottom:5px;right:60px;z-index:10000;}
   #eplus a img{width:250px;}
#eplus a:hover img{
  cursor:pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";

}
   .clock_left{
	margin:10px 0;
	text-shadow:
	2px 2px 2px #009FD2,
	-2px 2px 2px #009FD2,
	2px -2px 2px #009FD2,
	-2px -2px 2px #009FD2;
   }
   .flip-clock-wrapper{margin: 0px;}
   .flip-clock-wrapper ul{margin: 3px; width: 55px;}
   .flip-clock-wrapper .flip{box-shadow: 0 2px 5px rgba(62, 41, 36, 0.7);}
   .flip-clock-dot{background: #6b554f; box-shadow: 0 0 5px rgba(0, 0, 0, 0);}
   .flip-clock-wrapper ul li a div div.inn{color: #fff; background: #3e2924; font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 48px;}
   .flip-clock-dot{width: 8px; height: 8px;}
   .flip-clock-divider:nth-child(1) .flip-clock-label{margin-left: 0px;}

   .block.coming-soon-style3{background:#1e305e;}
   .block.coming-soon-style3 h1{color: #fff; width: 100%; text-align: center;}
   .block.coming-soon-style3 h2{color: #fff; width: 100%; text-align: center;}
    
   .block.coming-soon-style3 .flip-clock-wrapper ul li a div div.inn{background: #fff; color: #1e2f5e; text-shadow: 0px 0px 0px #fff;}
   .block.coming-soon-style3 .flip-clock-wrapper ul li a div.up:after{background: #1e2f5e;}
   .block.coming-soon-style3 .flip-clock-dot{color: #fff; background: #fff;}
   .block.coming-soon-style3 .flip-clock-wrapper .flip {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}
   .block.coming-soon-style3 .flip-clock-wrapper .shadow{display: none !important;}
   .block.coming-soon-style3 #contacts_form{position: relative;}
   
   .block.coming-soon-style3 input[type="submit"]{background: #fdc018; right: -1px;}
   .block.coming-soon-style3 input[type="submit"]:hover{background: #3e2924;}
   .block.coming-soon-style3 input[type="text"]:focus{font-size: 14px; border: 2px solid #fdc018;}
   .block.coming-soon-style3 input[type="text"].active{font-size: 14px; border: 2px solid #fdc018;}
   
   .block.coming-soon-style3 footer .footer-linck{color: #fff;}
   .block.coming-soon-style3 footer .footer-linck a{color: #fff;}
   .block.coming-soon-style3 footer .follow-us .titel{color: #fff;}
   .block.coming-soon-style3 footer .follow-us .thumbs i{color: #1e2f5e;}
   .block.coming-soon-style3 footer .follow-us .thumbs:hover i{color: #fff;}
   .block.coming-soon-style3 footer .follow-us .thumbs:before{background: #fdc018;}
   .block.coming-soon-style3 footer .footer-linck a:before{background: #fdc018;}
    
   .block.coming-soon-style3 .date{width: 548px;}
	#clock_area{color:#fff;font-size:20px;}

   #header_title {font-size:1px;}
    /*mobile*/
    @media (max-height: 950px) {
 #eplus{bottom:5px;right:60px;}
 #eplus a img{width:200px;}
       .cold-left{top: -30px;}
	}
	@media (max-height: 900px) {
        .cold-left{top: -50px;}    
	}
	@media (max-height: 850px) {
        .cold-left{top: -100px;}  
	}
	@media (max-height: 800px) {
	   .tree-wrap{top: -20px;}
        .cold-left{top: -170px;}	    
    }
    @media (max-height: 700px) {
 #eplus{bottom:5px;right:60px;}
 #eplus a img{width:150px;}
        .margin-top-50{margin-top: 20px;}
        .margin-bottom-40{margin-bottom: 10px;}
        .cold-left{top: -50px;}
        .city-1{bottom: 170px;}
        .city-2{bottom: 150px;}
        .cold-left #contacts_form{margin-top: 50px;}
        .window-1{bottom: 320px;}
        .window-2{bottom: 230px;}
    }
    @media (max-width: 1199px) {

    }
    @media (max-width: 991px) {
        .cold-left{top: -180px;}
        .cold-right{top: 160px; left: -180px; transform: scale(0.75) ; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75);}
        .city-1{bottom: -50px;}
        .city-2{bottom: -70px;}
        .window-1{bottom: 120px; right: 250px;}
        .window-2{bottom: 30px; right: 200px;}
        .moon{left: 105px; top: -100px;}
        .cold-left-top{margin-top: 50px;}
    }
    @media (max-width: 767px) {
        .cold-right{left: -600px;}
        .cold-left #contacts_form{margin-top: 10px;}
        .cold-left{top: -210px;}
        .cold-left-top h1{text-align: left !important;}
        .cold-left-top h2{text-align: left !important;}
        .moon{left: 570px; top: -275px;}  
        .block.coming-soon-style3 .h1{white-space: nowrap; font-size: 50px; line-height: 20px;}
        .block.coming-soon-style3 .h2{white-space: nowrap; font-size: 19px;}
        .block.coming-soon-style3 .clock{margin-bottom:-25px;transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;width:1000px;}
        .cold-left-top{margin-top: 50px;}
        .block.coming-soon-style3 #contacts_form{width: 380px;}
        .cold-right{transform: scale(0.65) ; -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); -ms-transform: scale(0.65);}
    }
    @media (max-width: 413px) {
        .block.coming-soon-style3 .h1{font-size: 45px;}
        .block.coming-soon-style3 .h2{font-size: 17px;}   
        .block.coming-soon-style3 .clock{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5);}
        .block.coming-soon-style3 #contacts_form{width: 340px;}
        .cold-right{left: -650px;}
    }
    @media (max-width: 374px) {
        .block.coming-soon-style3 .h1{font-size: 37px;}
        .block.coming-soon-style3 .h2{font-size: 14px;}
        .block.coming-soon-style3 .clock{transform: scale(0.45); -webkit-transform: scale(0.45); -moz-transform: scale(0.45); -o-transform: scale(0.45); -ms-transform: scale(0.45);}
        .block.coming-soon-style3 #contacts_form{width: 290px; margin-top: -10px;}
    }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - "COMING SOON" ANIMATIONS (4) */
/*-------------------------------------------------------------------------------------------------------------------------------*/

#about-us {background-color:#131E3A;}

#contact-us {background-color:#9BBE78;}
/*map*/
#map {background-color:#837ABC;}
#map-disc {color:#fff;margin-bottom:20px;}
#map-canvas{min-height: 500px; height: 50vh;} 
@media (max-width: 991px) {
    .mob-hide{display: none;}    
    .bg{position: absolute;}
    .default-arrow{display: none;}
}
@media (max-width: 767px) {
    .button{width: 100%; margin-left: 0px !important; margin-top: 0px !important;}
    .button span{width: 100%; text-align: center;}
    input[type="text"], input[type="email"], select{width: 94%;}
    #map-canvas{height: 250px; min-height: 0;}
}
#contacts_form{position: relative;}





/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - PROMO CONTENT SLIDES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.promo-slide-background{background-size: cover; background-position: center center; background-attachment: fixed;}
.promo-slide{position: relative; padding-bottom: 0!important; height: auto!important; overflow: hidden;}
.promo-slide .container{position: relative;}
.promo-slide.background-shadow:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #3e2924; opacity: 0.85;}
.promo-slide *:last-child, .full-screen-popup *:last-child{margin-bottom: 0!important;}
.promo-slide .cell-view{display: table-cell; height: 100vh; vertical-align: middle; padding: 20px 0; width: 10000px;}
ul, ol{list-style: none;}

.article-header{text-align: center; max-width: 700px; margin: 0 auto 50px auto;}
.simple-article{font-size: 13px; line-height: 24px; color: #fff; margin-bottom: 56px; font-weight: 400;}
.light-text .simple-article{color: #fff;}
.simple-article p, .simple-article ul, .simple-article ol, .simple-article dl, .simple-article img, .simple-article .row{margin-bottom: 28px;}
.simple-article img{max-width: 100%; height: auto;}
.simple-article ol{counter-reset: number;}
.simple-article ol li{padding-left: 0; margin-bottom: 3px;}
.simple-article ol li:before{counter-increment: number; content: "#" counter(number); margin-right: 5px; font-weight: 600;}
.simple-article ul li{margin-bottom: 3px;}
.simple-article ul li:before{content: ""; width: 9px; height: 9px; border: 2px currentColor solid; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; margin: 0 14px 0 18px; vertical-align: middle; position: relative;top: -1px;}
.simple-article h1, .simple-article h2, .simple-article h3, .simple-article h4, .simple-article h5, .simple-article h6{text-transform: uppercase; font-weight: 800; margin-bottom: 20px; margin-top: 0;}
.simple-article h1 span, .h1 span, .simple-article h2 span, .h2 span, .simple-article h3 span, .h3 span, .simple-article h4 span, .h4 span, .simple-article h5 span, .h5 span, .simple-article h6 span, .h6 span{color: #10ace0;}
.simple-article h1{font-size: 57px; line-height: 57px; margin-bottom: 30px;}
.simple-article h2{font-size: 40px; line-height: 60px;}
.simple-article h3{font-size: 30px; line-height: 40px;}
.simple-article h4{font-size: 20px; line-height: 28px; font-weight: 400; margin-bottom: 10px;}
.simple-article h5{font-size: 18px; line-height: 28px; font-weight: 400; margin-bottom: 10px;}
.simple-article h6{font-size: 15px; line-height: 28px; font-weight: 400;}
.simple-article a:not(.button){color: #10ace0; text-decoration: underline;}
.simple-article a:not(.button):hover{text-decoration: none;}
.simple-article b{font-weight: 800;}
.button{line-height: 24px; background: #e45519; color: #fff; font-size: 13px; font-weight: 800; text-transform: uppercase; padding: 10px 30px; border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; position: relative;}
.button:hover{background: #3e2924; color: #fff;}
.button input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}

/**/
.contact-icons-wrapper{text-align: center;}
.contact-icons-wrapper .fa{font-size: 35px; line-height: 35px; margin-bottom: 10px; width: 90px; height: 90px; border-radius: 50%; -webkit-border-radius: 50%; line-height: 90px; text-align: center; color: #fff;}
.contact-icons-wrapper .simple-article{line-height: 18px; padding-bottom: 25px; max-width: 200px; margin-left: auto; margin-right: auto;}
.simple-input{border-bottom: 2px rgba(62, 41, 36, 0.4) solid; margin-bottom: 15px; padding-top: 15px; position: relative;}
.simple-input input, .simple-input textarea{width: 100%; border: none; background: transparent; line-height: 35px; height: 35px; position: relative; padding: 0 15px; color: rgba(62, 41, 36, 0.6); font-size: 14px; border-bottom: 2px transparent solid; position: relative; top: 2px; display: block;}
textarea{resize: none;}
.light-text .simple-input input, .light-text .simple-input textarea{color: rgba(255, 255, 255, 0.7);}
.simple-input input.error-class, .simple-input textarea.error-class{border-bottom-color: red;}
.simple-input textarea{height: 80px; line-height: 20px; padding-top: 10px; padding-bottom: 10px;}
.simple-input input:focus, .simple-input textarea:focus{color: rgba(62, 41, 36, 1);}
.light-text .simple-input input:focus, .light-text .simple-input textarea:focus{color: rgba(255, 255, 255, 1);}
.simple-input label{position: absolute; width: 100%; left: 0; top: 25px; padding: 0 15px; line-height: 15px; font-size: 14px; color: rgba(62, 41, 36, 0.6);}
.simple-input:after{position: absolute; content: ""; width: 0%; height: 2px; background: #fff; left: 0; bottom: -2px;}
.simple-input.active:after{width: 100%;}
.simple-input.active label{top: 0px; color: rgba(62, 41, 36, 1);}
.fields-wrapper, .fields-button-wrapper{margin-bottom: 30px;}

/**/
.contact-title{font-size: 18px; line-height: 18px; font-weight: 800; margin-bottom: 30px; color: #3e2924;}
.contact-phone{font-size: 18px; line-height: 32px; margin-bottom: 5px; display: inline-block; color: #3e2924; text-decoration: none; position: relative;}
.light-text .contact-title{color: #fff;}
.light-text .contact-phone, .light-text .contact-mail{color: rgba(255, 255, 255, 0.7);}
.contact-phone:hover{color: #3e2924;}
.contact-mail{font-size: 18px; line-height: 32px; margin-bottom: 20px; display: inline-block; color: #3e2924; text-decoration: none; position: relative;}
.contact-mail:hover{color: #3e2924;}
.contact-phone:before, .contact-mail:before{position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; content: "";}
.contact-phone:hover:before, .contact-mail:hover:before{width: 100%;}
.contact-phone span, .contact-mail span{position: relative; display: block; padding: 0 10px;}
.contact-icons{font-size: 0;}
.contact-icons a{display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; font-size: 18px; margin: 5px; position: relative;}
.contact-icons a:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; content: ""; background: #3e2924; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);}
.contact-icons a:hover:before{transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);}

/*popup*/
.full-screen-popup{position: fixed; left: 50%; top: 0; width: 0%; height: 100%; z-index: 10; overflow: hidden;}
.full-screen-popup.active{width: 100%; left: 0%;}
.full-screen-popup .close-layer{background: rgba(62, 41, 36, 0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.full-screen-popup .center-align{transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); position: absolute; left: 50%; top: 50%; width: 600px; background: #f9ee48; text-align: center; padding: 50px; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.full-screen-popup .close-button{font-size: 30px; line-height: 30px; width: 30px; text-align: center; position: absolute; top: 10px; right: 10px; cursor: pointer; text-decoration: none!important; color: inherit!important; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.full-screen-popup .simple-article p{opacity: 0.7;}

/* Tablets (>=768px)*/
@media (max-width: 991px) {

}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .simple-article .row>*{margin-bottom: 28px;}
    .promo-slide .cell-view{padding: 35px 0 25px 0;}
    .simple-article{text-align: center;}
    .simple-article h1{font-size: 44px; line-height: 54px; margin-bottom: 15px;}
    .simple-article h4{font-size: 18px;}
    .simple-article, .fields-wrapper, .fields-button-wrapper{margin-bottom: 25px;}
    .contact-icons a{margin: 2px; width: 50px; height: 50px; line-height: 50px;}
    .full-screen-popup .center-align{width: 300px; padding: 30px 15px;}
}

/*about entries*/
.about-entry{padding-bottom: 50px;}
.about-entry:after{content: ""; display: block; clear: both;}
.about-entry .icon{width: 80px; height: 80px; background: red; border-radius: 50%; -webkit-border-radius: 50%; float: left; text-align: center; line-height: 80px; font-size: 26px; color: #fff;}
.about-entry .content{margin-left: 110px;}
.about-entry .simple-article p{opacity: 0.7;}

/*Phones (<768px)*/
@media (max-width: 767px) {
    .about-entry .content{margin-left: 0;}
    .about-entry .icon{float: none; margin: 0 auto 15px auto;}
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11 - PROMO CONTENT SLIDES COLOR THEMES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.coming-soon-promo-style-1{background: #f9ee48;}
.coming-soon-promo-style-1 .promo-slide.background-shadow:before{background: #000; opacity: 0.7;}

.coming-soon-promo-style-2, .coming-soon-promo-style-2 .full-screen-popup .center-align{background: #22a3dc;}
.coming-soon-promo-style-2 .simple-input{border-color: rgba(255, 255, 255, 0.4);}
.coming-soon-promo-style-2 .simple-input label{color: rgba(255, 255, 255, 0.7);}
.coming-soon-promo-style-2 .simple-input.active label{color: rgba(255, 255, 255, 1);}
.coming-soon-promo-style-2 header, .coming-soon-promo-style-2 .menu-button div, .coming-soon-promo-style-2 .menu-button{background: #0e6e98;}
.coming-soon-promo-style-2 nav a > span, .coming-soon-promo-style-2 nav a.active, .coming-soon-promo-style-2 header.active .menu-button div, .coming-soon-promo-style-2 .contact-icons a:before, .coming-soon-promo-style-2 #content-wrapper input[type="submit"]:not(:hover), .coming-soon-promo-style-2 .button:not(:hover){background: #d2263e;}
.coming-soon-promo-style-2 .promo-slide.background-shadow:before{background: #000; opacity: 0.7;}

.coming-soon-promo-style-3, .coming-soon-promo-style-3 .full-screen-popup .center-align{background: #1e305e;}
.coming-soon-promo-style-3 .simple-input{border-color: rgba(255, 255, 255, 0.4);}
.coming-soon-promo-style-3 .simple-input label{color: rgba(255, 255, 255, 0.7);}
.coming-soon-promo-style-3 .simple-input.active label{color: rgba(255, 255, 255, 1);}
.coming-soon-promo-style-3 header, .coming-soon-promo-style-3 .menu-button div, .coming-soon-promo-style-3 .menu-button{background: #131e3a;}
.coming-soon-promo-style-3 nav a > span, .coming-soon-promo-style-3 nav a.active, .coming-soon-promo-style-3 header.active .menu-button div, .coming-soon-promo-style-3 .contact-icons a:before, .coming-soon-promo-style-3 #content-wrapper input[type="submit"]:not(:hover), .coming-soon-promo-style-3 .button:not(:hover){background: #fdc018;}
.coming-soon-promo-style-3 .promo-slide.background-shadow:before{background: #000; opacity: 0.7;}

.coming-soon-promo-style-4, .coming-soon-promo-style-4 .full-screen-popup .center-align{background: #e8e976;}
.coming-soon-promo-style-4 .promo-slide.background-shadow:before{background: #000; opacity: 0.7;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12 - MEDIA QUERIES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*Desktops (>=1200px)*/
@media (min-width: 1200px) {
    
}
/*Desktops (>=992px)*/
@media (max-width: 1199px) {
    
}
/* Tablets (>=768px)*/
@media (max-width: 991px) {
    .col-sm-b10{margin-bottom: 10px;}
    .col-sm-b15{margin-bottom: 15px;}
    .col-sm-b20{margin-bottom: 20px;}
    .col-sm-b25{margin-bottom: 25px;}
    .col-sm-b30{margin-bottom: 30px;}
}
/*Phones (<768px)*/
@media (max-width: 767px) {
    .col-xs-b10{margin-bottom: 10px;}
    .col-xs-b15{margin-bottom: 15px;}
    .col-xs-b20{margin-bottom: 20px;}
    .col-xs-b25{margin-bottom: 25px;}
    .col-xs-b30{margin-bottom: 30px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13 - CSS TRANSITIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
	input[type="text"], footer .footer-linck a:before, footer .follow-us .thumbs, footer .follow-us .thumbs:before, .button, .simple-input label, .simple-input:after, .simple-input input, .simple-input textarea, nav a, nav a span, header, .menu-button, .menu-button span, .contact-icons a:before{-moz-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;}
	input[type="submit"], .popup, footer .footer-linck a span, .contact-phone:before, .contact-mail:before{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}
	.theme-config, .full-screen-popup{-moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; -webkit-transition:all 500ms ease-out; transition:all 500ms ease-out; -ms-transition:all 500ms ease-out;}
	.theme-config .open img{-moz-transition:all 700ms ease-out; -o-transition:all 700ms ease-out; -webkit-transition:all 700ms ease-out; transition:all 700ms ease-out; -ms-transition:all 700ms ease-out;}