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

/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LOADER  */
/* 02 - RESET STYLES */
/* 03 - GLOBAL SETTINGS */
/* 04 - HEADER */
/* 05 - FOOTER */
/* 06 - "COMING SOON" ANIMATIONS (1) */
/* 07 - "COMING SOON" ANIMATIONS (2) */
/* 08 - "COMING SOON" ANIMATIONS (3) */
/* 09 - "COMING SOON" ANIMATIONS (4) */
/* 10 - PROMO CONTENT SLIDES */
/* 11 - PROMO CONTENT SLIDES COLOR THEMES */
/* 12 - MEDIA QUERIES */
/* 13 - CSS TRANSITIONS */
/* 14 - WELCOME PAGE */

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


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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: 0px; bottom: 0px; width: 100%;}
    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: right;}
    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);}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - "COMING SOON" ANIMATIONS (1) */
/*-------------------------------------------------------------------------------------------------------------------------------*/
   .block.coming-soon-style1{background:#f9b248;}
   .block.coming-soon-style1 .date{position: relative; float: left; width: 548px; z-index: 1;}
   
   .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 .flip-clock-label{top: auto; bottom: -20px; right: auto; left: 0px; float: left; text-transform: uppercase; font-size: 13px; font-family: 'Open Sans', sans-serif; color: #6a544e; font-weight: normal; width: 122px; text-align: center; margin-left: 20px;}
   .flip-clock-divider:nth-child(1) .flip-clock-label{margin-left: 0px;}

    /*excavator*/
   .excavator{position: relative; float: right; width: 696px; height: 465px;}
   .excavator *{backface-visibility: hidden; -webkit-backface-visibility: hidden;}
   .scoop-crane-wrap{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
   .scoop{position: absolute; left: 0px; top: 206px;}
   .crane-element{position: absolute; left: 36px; top: 0px;}
   .crane{position: absolute; right: 0px; bottom: 0px;}
   .wheel{position: absolute; left: 365px; top: 390px; background: url(../img/wheel.png) no-repeat; width: 55px; height: 55px;} 
   .wheel.second{left:435px;}
   .wheel.third{left: 525px;}
   .wheel.fourth{left: 595px;}
   .wheel-small{position: absolute; left: 400px; top: 390px; background: url(../img/wheel.png) no-repeat; width: 55px; height: 55px;} 
   .wheel-small.second{left: 560px;}
   .excavator-img{position: relative; float: left; display: none;}

    /*excavator animation*/
    .wheel{-webkit-animation: wheel-animation 2200ms infinite; animation: wheel-animation 2200ms infinite;}
    @keyframes wheel-animation{
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg); 
      }
    }
    @-webkit-keyframes wheel-animation{
      0% {
        -webkit-transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg); 
      }
    }
    .wheel-small{-webkit-animation: wheel-small-animation 2000ms infinite; animation: wheel-small-animation 2000ms infinite;}
    @keyframes wheel-small-animation{
      0% {
        transform: rotate(0deg) scale(0.65);
      }
      100% {
        transform: rotate(360deg) scale(0.65); 
      }
    }
    @-webkit-keyframes wheel-small-animation{
      0% {
        -webkit-transform: rotate(0deg) scale(0.65);
      }
      100% {
        -webkit-transform: rotate(360deg) scale(0.65); 
      }
    }
    .cirkl{-webkit-animation: cirkl-animation 1000ms infinite; animation: cirkl-animation 1000ms infinite;}
    @keyframes cirkl-animation{
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg); 
      }
    }
    @-webkit-keyframes cirkl-animation{
      0% {
        -webkit-transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg); 
      }
    }
    .scoop-crane-wrap{-webkit-animation: scoop-crane-wrap-animation 8000ms infinite; animation: scoop-crane-wrap-animation 8000ms infinite;}
    @keyframes scoop-crane-wrap-animation{
      0% {
        transform: rotate(0deg);
      }
      50% {
        transform: rotate(-15deg); left: 50px;
      }
      100% {
        transform: rotate(0deg); 
      }
    }
    @-webkit-keyframes scoop-crane-wrap-animation{
      0% {
        -webkit-transform: rotate(0deg);
      }
      50% {
        -webkit-transform: rotate(-15deg); left: 50px;
      }
      100% {
        -webkit-transform: rotate(0deg); 
      }
    }
    .scoop{-webkit-animation: scoop-animation 5000ms infinite; animation: scoop-animation 5000ms infinite;}
    @keyframes scoop-animation{
      0% {
        transform: rotate(0deg);
      }
      50% {
        transform: rotate(-15deg); left: 17px; top: 215px; 
      }
      100% {
        transform: rotate(0deg); 
      }
    }
    @-webkit-keyframes scoop-animation{
      0% {
        -webkit-transform: rotate(0deg);
      }
      50% {
        -webkit-transform: rotate(-15deg); left: 17px; top: 215px;  
      }
      100% {
        -webkit-transform: rotate(0deg); 
      }
    }
    .excavator{-webkit-animation: excavator-animation 5000ms infinite; animation: excavator-animation 5000ms infinite;}
    @keyframes excavator-animation{
      0% {
        left: 0px;
      }
      50% {
        left: 80px;
      }
      100% {
        left: 0px;
      }
    }
    @-webkit-keyframes excavator-animation{
      0% {
        left: 0px;
      }
      50% {
        left: 80px;
      }
      100% {
        left: 0px;
      }
    }
    
    /*wall*/
    .wall_wrap{position: relative; float: left; width: 501px; height: 399px; z-index: 1;}
    .man{position: absolute; left: 0px; bottom: 0px;}
    .wall{position: absolute; left: 156px; bottom: 4px;}
    .eye{position: absolute; left: 39px; top: 92px;  width: 21px; height: 23px; background: #e9b8a8 url(../img/eye.png) no-repeat scroll 50% 50%; border:0px solid rgba(131,112,112,0.5); border-radius: 50px; z-index: 1;}
    .mire{position: absolute; left: 232px; bottom: 0px;}
    .drop{position: absolute; left: 265px; bottom: 111px;}
    .chip{position: absolute; right: -125px; bottom: 20px; background: url(../img/chip.png) no-repeat; width: 89px; height: 91px; z-index: 1;}
    .chip.second{transform: scale(0.71); -webkit-transform: scale(0.71); -moz-transform: scale(0.71); -o-transform: scale(0.71); -ms-transform: scale(0.71); right: 50px; bottom: 190px; z-index: 0;}
    .chip.third{transform: scale(0.52); -webkit-transform: scale(0.52); -moz-transform: scale(0.52); -o-transform: scale(0.52); -ms-transform: scale(0.52); bottom: 110px; z-index: 0;}
    .pit{position: absolute; left: 0px; bottom: -12px;}
    .land{position: absolute; left: 0px; bottom: 50px;}
    @media (max-height: 850px) {
        .excavator{margin-top: -150px; transform: scale(0.81); -webkit-transform: scale(0.81); -moz-transform: scale(0.81); -o-transform: scale(0.81); -ms-transform: scale(0.81);}
        .wall_wrap{margin-top: 0px; transform: scale(0.81); -webkit-transform: scale(0.81); -moz-transform: scale(0.81); -o-transform: scale(0.81); -ms-transform: scale(0.81);}
        .pit{bottom: 40px !important;}
        .land{bottom: 85px !important;}
    }
    @media (max-height: 700px) {
        .margin-top-50{margin-top: 20px;}
        .margin-bottom-40{margin-bottom: 10px;}
    }
    @media (max-width: 1199px) {
        .pit{left: -120px;}
        .land{left: -120px;}
        .mob-block-right{left: 100px;}
    }
    @media (max-width: 991px) {
        .wall_wrap{width: 100%;}
        .mob-block-right{left: 270px;}
        .land{left: -200px;}
        .pit{left: -200px;}
        #content-wrapper{min-height: 768px;}
        footer .footer-linck{margin-right: 10px; font-size: 12px; line-height: 41px;}
        footer .follow-us .titel{font-size: 12px;}
        .chip.third{bottom: 490px; right: 155px;}
        input[type="submit"]{right: 15px;}
    }
    @media (max-width: 767px) {
        .footer-linck{clear: both;}
        .mob-block-left, .mob-block-right{position: relative; float: left; width: 50%;}
        .mob-block-left{margin-left: -30px;}
        .land{left: -265px;}
        .pit{left: -265px;}
        .chip{right: -250px;}
        .chip.third{right: 155px;}
    }
    @media (max-width: 574px) {
        .h1{white-space: nowrap; font-size: 50px; line-height: 20px;}
        .h2{white-space: nowrap; font-size: 19px;}
        .margin-top-50{margin-top: 35px;}
        .mob-block-right{transform: scale(0.51); -webkit-transform: scale(0.51); -moz-transform: scale(0.51); -o-transform: scale(0.51); -ms-transform: scale(0.51); left: 140px;}
        .mob-block-left{transform: scale(0.81); -webkit-transform: scale(0.81); -moz-transform: scale(0.81); -o-transform: scale(0.81); -ms-transform: scale(0.81);}
        .pit{left: -320px;}
        .land{left: -320px;}
        .chip{right: -300px;}
        .chip.second{right: -30px;}
        #content-wrapper{min-height: 840px;}
        .footer-linck{width: 100%; margin-right: 0px; text-align: center;}
        .follow-us{text-align: center; width: 100%; margin-top: 15px;}
        footer .follow-us .titel{float: none; display: inline-block;}
        footer .follow-us .thumbs{float: none; display: inline-block;}
        .clock{transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;}
        .flip-clock-divider .flip-clock-label{font-size: 15px;}
        .chip.third{display: none;}
    }
    @media (max-width: 413px) {
        .h1{font-size: 45px; width: 100%; text-align: center;}
        .h2{font-size: 17px; width: 100%; text-align: center;}
        .clock{transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); -ms-transform: scale(0.65);}
        .flip-clock-divider .flip-clock-label{font-size: 15px; backface-visibility: hidden; font-weight: bold;}
    }
    @media (max-width: 374px) {
        .h1{font-size: 38px;}
        .h2{font-size: 14px;}    
        .clock{transform: scale(0.529); -webkit-transform: scale(0.529); -moz-transform: scale(0.529); -o-transform: scale(0.529); -ms-transform: scale(0.529);}
        .flip-clock-divider .flip-clock-label{font-size: 18px; bottom: -25px; display: none;}
        .mob-block-left, .mob-block-right{margin-top: -50px;}
        .mob-block-right{left: 185px;}
        .pit{left: -400px;}
        .land{left: -400px;}
        footer .follow-us .titel{margin-right: 0px; top: -12px;}
        footer .follow-us .thumbs{width: 33px;height: 33px;}
        footer .follow-us .thumbs i{line-height: 33px; height: 33px; position: relative; float: left; width: 100%; text-align: center;}
        #content-wrapper{min-height: 780px;}
    }

    
    /*wall animation*/
    .drop{-webkit-animation: drop-animation 1500ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190); animation: drop-animation 1500ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190);}
    @keyframes drop-animation{
      0% {
        bottom: 111px;
      }
      85% {
        opacity: 1;
      }  
      100% {
        bottom: 0px; opacity: 0;
      }
    }
    @-webkit-keyframes drop-animation{
      0% {
        bottom: 111px;
      }
      85% {
        opacity: 1;
      }  
      100% {
        bottom: 0px; opacity: 0;
      }
    }
    .eye{-webkit-animation: eye-animation 3200ms infinite; animation: eye-animation 3200ms infinite;}
    @keyframes eye-animation{
      0% {
        opacity: 0;
      }
      35% {
        opacity: 0;
      }
      50% {
        opacity: 1;
      }  
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes eye-animation{
      0% {
        opacity: 0;
      }
      35% {
        opacity: 0;
      }
      50% {
        opacity: 1;
      }  
      100% {
        opacity: 1;
      }
    }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - "COMING SOON" ANIMATIONS (2) */
/*-------------------------------------------------------------------------------------------------------------------------------*/
   .block.coming-soon-style2{background:#22a3dc;}
   .block.coming-soon-style2 h1{color: #fff;}
   .block.coming-soon-style2 h2{color: #6fd2fe;}
    
   .block.coming-soon-style2 .flip-clock-wrapper ul li a div div.inn{background: #fff; color: #22a3dd; text-shadow: 0px 0px 0px #fff;}
   .block.coming-soon-style2 .flip-clock-wrapper ul li a div.up:after{background: #22a3dd;}
   .block.coming-soon-style2 .flip-clock-dot{color: #6fd2fe; background: #6fd2fe;}
   .block.coming-soon-style2 .flip-clock-divider .flip-clock-label{color: #6fd2fe;}
   .block.coming-soon-style2 .flip-clock-wrapper .flip {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}
   .block.coming-soon-style2 .flip-clock-wrapper .shadow{display: none !important;}
   
   .block.coming-soon-style2 input[type="submit"]{background: #d2263e;}
   .block.coming-soon-style2 input[type="submit"]:hover{background: #3e2924;}
   .block.coming-soon-style2 input[type="text"]:focus{font-size: 14px; border: 2px solid #d2263e;}
   .block.coming-soon-style2 input[type="text"].active{font-size: 14px; border: 2px solid #d2263e;}
   
   .block.coming-soon-style2 footer .footer-linck{color: #fff;}
   .block.coming-soon-style2 footer .footer-linck a{color: #fff;}
   .block.coming-soon-style2 footer .follow-us .titel{color: #fff;}
   .block.coming-soon-style2 footer .follow-us .thumbs i{color: #22a3dc;}
   .block.coming-soon-style2 footer .follow-us .thumbs:hover i{color: #fff;}
   .block.coming-soon-style2 footer .follow-us .thumbs:before{background: #d2263e;}
   .block.coming-soon-style2 footer .footer-linck a:before{background: #d2263e;}
    
   /*trampoline*/
   .trampoline-container{z-index: 10; position: relative;}
   .trampoline-block{position: relative; float: left; height: 500px; width: 500px; top: 100px;}
   .trampoline{position: absolute; left: 0px; bottom: 0px;}
   .trampoline-cirl{position: absolute; left: 63px; bottom: 96px;}
   .boy{position: absolute; left: 100px; top: 0px;}
   .line-jump{position: absolute; left: 142px; bottom: 189px; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; display: none;}    

   /*trampoline animation*/
   .trampoline-cirl{-webkit-animation: trampoline-cirl-animation 3200ms infinite; animation: trampoline-cirl-animation 3200ms infinite;}
    @keyframes trampoline-cirl-animation{
      0% {
        transform: scale(1.1 , 1);
      }
      50% {
        transform: scale(1 , 1);  
      }
      100% {
        transform: scale(1.15 , 1);
      }
    }
    @-webkit-keyframes trampoline-animation{
      0% {
        -webkit-transform: scale(1.15 , 1);
      }
      50% {
        -webkit-transform: scale(1 , 1); 
      }
      100% {
        -webkit-transform: scale(1.15 , 1);
      }
    }
    .boy{-webkit-animation: boy-animation 3200ms infinite; animation: boy-animation 3200ms infinite;}
    @keyframes boy-animation{
      0% {
        top:-200px;
        transform: rotate(50deg);
      }
      50% {
        top: 20px;
        transform: rotate(0deg);  
      }
      100% {
        top:-200px;
        transform: rotate(50deg);  
      }
    }
    @-webkit-keyframes boy-animation{
      0% {
        top:-200px;
        -webkit-transform: rotate(50deg);
      }
      50% {
        top: 20px;
        -webkit-transform: rotate(0deg); 
      }
      100% {
        top:-200px;
        -webkit-transform: rotate(50deg);  
      }
    }
    
    /*pool*/
    .pool-block{position: relative; float: right; width: 504px; height: 450px;}
    .pool-img{position: absolute; left: 0px; bottom: 0px;}
    .pool{position: absolute; left: 0px; bottom: 0px;}
    .ship-wrap{position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%;}
    .ship{position: absolute; left: 250px; bottom: 180px;}
    .waves{position: absolute; left: 245px; bottom: 175px;}
    .buble{position: absolute; left: 90px; bottom: 180px; background: #74c6e9; width: 100px; height: 100px; border-radius:50px;}
    .buble.second{left: 300px; bottom: 150px; width: 75px; height: 75px;}
    
    /*pool animation*/
    .ship-wrap{-webkit-animation: ship-wrap-animation 5200ms infinite; animation: ship-wrap-animation 5200ms infinite;}
    @keyframes ship-wrap-animation{
      0% {
        left: 0px; bottom: 0px;
      }
      50% {
        left: -140px; bottom: 50px;
      }
      100% {
        left: 0px; bottom: 0px;
      }
    }
    @-webkit-keyframes ship-wrap-animation{
      0% {
        left: 0px; bottom: 0px;
      }
      50% {
        left: -140px; bottom: 50px;
      }
      100% {
        left: 0px; bottom: 0px;
      }
    }
   .ship{-webkit-animation: ship-animation 3200ms infinite; animation: ship-animation 3200ms infinite;}
    @keyframes ship-animation{
      0% {
        transform: rotateX(0deg);
      }
      50% {
        transform: rotateX(25deg);
      }
      100% {
        transform: rotateX(0deg);
      }
    }
    @-webkit-keyframes ship-animation{
      0% {
        -webkit-transform: rotateX(0deg);
      }
      50% {
        -webkit-transform: rotateX(25deg);
      }
      100% {
        -webkit-transform: rotateX(0deg);
      }
    }
   .waves{-webkit-animation: waves-animation 3200ms infinite; animation: waves-animation 3200ms infinite;}
    @keyframes waves-animation{
      0% {
        transform: rotateY(0deg);
      }
      50% {
        transform: rotateY(35deg);
      }
      100% {
        transform: rotateY(0deg);
      }
    }
    @-webkit-keyframes waves-animation{
      0% {
        -webkit-transform: rotateY(0deg);
      }
      50% {
        -webkit-transform: rotateY(35deg);
      }
      100% {
        -webkit-transform: rotateY(0deg);
      }
    }
    .buble{-webkit-animation: buble-animation 7200ms infinite; animation: buble-animation 7200ms infinite;}
    @keyframes buble-animation{
      0% {
        transform: rotateY(45deg) rotateX(-65deg) scale(0.5);
      }
      50% {
        transform: rotateY(45deg) rotateX(-65deg) scale(1);
      }
      100% {
        transform: rotateY(45deg) rotateX(-65deg) scale(0.5);
      }
    }
    @-webkit-keyframes buble-animation{
      0% {
        -webkit-transform: rotateY(45deg) rotateX(-65deg) scale(0.5);
      }
      50% {
        -webkit-transform: rotateY(45deg) rotateX(-65deg) scale(1);
      }
      100% {
        -webkit-transform: rotateY(45deg) rotateX(-65deg) scale(0.5);
      }
    }
    /*mobile*/
    @media (max-height: 950px) {
		.trampoline-block{top:50px;}
	}
	@media (max-height: 900px) {
		.trampoline-block{top:0px;}
	}
	@media (max-height: 850px) {
		.trampoline-block{top:-50px; left:50px;} 
		.boy-wrap{transform: scale(0.78); -webkit-transform: scale(0.78) !important; -moz-transform: scale(0.81); -o-transform: scale(0.81); -ms-transform: scale(0.81); top:25px;}
	}
	@media (max-height: 800px) {
		
        .pool-block{margin-top: -150px; transform: scale(0.81) ; -webkit-transform: scale(0.81); -moz-transform: scale(0.81); -o-transform: scale(0.81); -ms-transform: scale(0.81);}
        .trampoline-block{top: -115px; transform: scale(0.91); -webkit-transform: scale(0.91); -moz-transform: scale(0.91); -o-transform: scale(0.91); -ms-transform: scale(0.91); left:50px;}
    }
    @media (max-height: 700px) {
        .margin-top-50{margin-top: 20px;}
        .margin-bottom-40{margin-bottom: 10px;}
    }
    @media (max-width: 1199px) {
    	.block.coming-soon-style2 .date{width:550px;} 
		.mob-block-right{left:50px;}
    }
    @media (max-width: 991px) {
		.trampoline-block{left:-20px; top:-60px;}
		.pool-block{margin-top: -125px; transform: scale(0.71) ; -webkit-transform: scale(0.71); -moz-transform: scale(0.71); -o-transform: scale(0.71); -ms-transform: scale(0.71);}
    }
    @media (max-width: 767px) {
		.trampoline-block{left:15px; top:-90px;}
		.mob-block-left{z-index:5;}
		.mob-block-right{left:150px;}
		.pool-block{transform: scale(0.51) ; -webkit-transform: scale(0.51); -moz-transform: scale(0.51); -o-transform: scale(0.51); -ms-transform: scale(0.51);}
    }
    @media (max-width: 574px) {
		.trampoline-block{left:0px; top:-50px;}
		.mob-block-right{left:142px; transform: scale(0.71) ; -webkit-transform: scale(0.71); -moz-transform: scale(0.71); -o-transform: scale(0.71); -ms-transform: scale(0.71);}
    }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - "COMING SOON" ANIMATIONS (3) */
/*-------------------------------------------------------------------------------------------------------------------------------*/
   .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-divider .flip-clock-label{color: #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;}

   /*tree*/
   .tree-wrap{position: relative; float: left; width: 100%; z-index: 1; top: 120px;}
   .tree{position: relative; float: left;}
   .tree-1{position: absolute; left: 330px; top: 366px;}
   .tree-2{position: absolute; left: 0px; top: 262px;}
   .owl-wrap{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
   .owl{position: absolute; left: 0px; top: 231px;}
   .wing{position:absolute; left: -140px; top: 220px;}
   .wing.second{left: 115px; top: 215px;}
   .moon{position: absolute; left: -70px; top: 0px;}
   .city-1{position: absolute; left: 60px; bottom: 0px;}
   .city-2{position: absolute; left: 0px; bottom: -20px;}
   .col-table{display: table; vertical-align: middle; float: none;}
   .col-td{display: table-cell; vertical-align: middle; float: none;}
   .cold-left-top{margin-top: 350px;}
   .window-1{position: absolute; right: -25px; bottom: 150px; background: #faf39b; width: 10px; height: 10px;}
   .window-2{position: absolute; right: -110px; bottom: 80px; background: #faf39b; width: 10px; height: 10px;}

   /*tree animation*/
   .tree{-webkit-animation: tree-animation 5200ms infinite; animation: tree-animation 5200ms infinite; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%;}
    @keyframes tree-animation{
      0% {
        transform: rotateX(0deg);
      }
      50% {
        transform: rotateX(10deg);  
      }
      100% {
        transform: rotateX(0deg);
      }
    }
    @-webkit-keyframes tree-animation{
      0% {
        -webkit-transform: rotateX(0deg);
      }
      50% {
        -webkit-transform: rotateX(10deg); 
      }
      100% {
        -webkit-transform: rotateX(0deg);
      }
    }
   .tree-1{-webkit-animation: tree-1-animation 3200ms infinite; animation: tree-1-animation 3200ms infinite;}
    @keyframes tree-1-animation{
      0% {
        transform: rotateX(0deg);
      }
      50% {
        transform: rotateX(15deg);  
      }
      100% {
        transform: rotateX(0deg);
      }
    }
    @-webkit-keyframes tree-1-animation{
      0% {
        -webkit-transform: rotateX(0deg);
      }
      50% {
        -webkit-transform: rotateX(15deg); 
      }
      100% {
        -webkit-transform: rotateX(0deg);
      }
    }
   .tree-2{-webkit-animation: tree-2-animation 4700ms infinite; animation: tree-2-animation 4700ms infinite;}
    @keyframes tree-2-animation{
      0% {
        transform: rotateX(0deg);
      }
      50% {
        transform: rotateX(20deg);  
      }
      100% {
        transform: rotateX(0deg);
      }
    }
    @-webkit-keyframes tree-2-animation{
      0% {
        -webkit-transform: rotateX(0deg);
      }
      50% {
        -webkit-transform: rotateX(20deg); 
      }
      100% {
        -webkit-transform: rotateX(0deg);
      }
    }
    .owl-wrap{-webkit-animation: owl-wrap-animation 5200ms infinite; animation: owl-wrap-animation 5200ms infinite;}
    @keyframes owl-wrap-animation{
      0% {
        transform: translateY(0px) scale(1);
      }
      50% {
        transform: translateY(-50px) scale(0.9);  
      }
      100% {
        transform: translateY(0px) scale(1);
      }
    }
    @-webkit-keyframes owl-wrap-animation{
      0% {
        -webkit-transform: translateY(0px) scale(1);
      }
      50% {
        -webkit-transform: translateY(-50px) scale(0.9);  
      }
      100% {
        -webkit-transform: translateY(0px) scale(1);
      }
    }
    .wing{-webkit-animation: wing-animation 1200ms infinite; animation: wing-animation 1200ms infinite; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50%;}
    @keyframes wing-animation{
      0% {
        transform: rotateY(25deg) rotate(0deg) scale(0.65);
      }
      50% {
        transform: rotateY(55deg) rotate(25deg) scale(0.25);  
      }
      100% {
        transform: rotateY(25deg) rotate(0deg) scale(0.65);
      }
    }
    @-webkit-keyframes wing-animation{
      0% {
        -webkit-transform: rotateY(25deg) rotate(0deg) scale(0.65);
      }
      50% {
        -webkit-transform: rotateY(55deg) rotate(25deg) scale(0.25);  
      }
      100% {
        -webkit-transform: rotateY(25deg) rotate(0deg) scale(0.65);
      }
    }
    .wing.second{-webkit-animation: wing-second-animation 1200ms infinite; animation: wing-second-animation 1200ms infinite; transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%;}
    @keyframes wing-second-animation{
      0% {
        transform: rotateY(-25deg) rotate(0deg) scale(0.65);
      }
      50% {
        transform: rotateY(-55deg) rotate(25deg) scale(0.25);  
      }
      100% {
        transform: rotateY(-25deg) rotate(0deg) scale(0.65);
      }
    }
    @-webkit-keyframes wing-second-animation{
      0% {
        -webkit-transform: rotateY(-25deg) rotate(0deg) scale(0.65);
      }
      50% {
        -webkit-transform: rotateY(-55deg) rotate(25deg) scale(0.25);   
      }
      100% {
        -webkit-transform: rotateY(-25deg) rotate(0deg) scale(0.65);
      }
    }
    .moon{-webkit-animation: moon-animation 9200ms infinite; animation: moon-animation 9200ms infinite;}
    @keyframes moon-animation{
      0% {
        transform: rotate(0deg) scale(1);
        opacity:1;
      }
      50% {
        transform: rotate(0deg) scale(0.85);  
        opacity:0.8;
      }
      100% {
        transform: rotate(0deg) scale(1);
        opacity:1;
      }
    }
    @-webkit-keyframes moon-animation{
      0% {
        -webkit-transform: rotate(0deg) scale(1);
        opacity:1;
      }
      50% {
        -webkit-transform: rotate(0deg) scale(0.85);  
        opacity:0.8;
      }
      100% {
        -webkit-transform: rotate(0deg) scale(1);
        opacity:1;
      }
    }
    .window-1{-webkit-animation: window-1-animation 3200ms infinite; animation: window-1-animation 3200ms infinite;}
    @keyframes window-1-animation{
      0% {
        opacity: 1;
      }
      50% {
        opacity: 0; 
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes window-1-animation{
      0% {
        opacity: 1;
      }
      50% {
        opacity: 0;   
      }
      100% {
        opacity: 1;
      }
    }
    .window-2{-webkit-animation: window-2-animation 4200ms infinite; animation: window-2-animation 4200ms infinite;}
    @keyframes window-2-animation{
      0% {
        opacity: 1;
      }
      50% {
        opacity: 0; 
      }
      100% {
        opacity: 1;
      }
    }
    @-webkit-keyframes window-2-animation{
      0% {
        opacity: 1;
      }
      50% {
        opacity: 0;   
      }
      100% {
        opacity: 1;
      }
    }
    /*mobile*/
    @media (max-height: 950px) {
        .tree-wrap{top: 70px;}
        .cold-left{top: -30px;}
	}
	@media (max-height: 900px) {
        .tree-wrap{top: 30px;}
        .cold-left{top: -50px;}    
	}
	@media (max-height: 850px) {
        .tree-wrap{top: 30px; transform: scale(0.85) ; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -o-transform: scale(0.85); -ms-transform: scale(0.85);}
        .cold-left{top: -100px;}  
	}
	@media (max-height: 800px) {
	   .tree-wrap{top: -20px;}
        .cold-left{top: -170px;}	    
    }
    @media (max-height: 700px) {
        .tree-wrap{top: -50px; transform: scale(0.75) ; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75);}
        .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{transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;}
        .flip-clock-divider .flip-clock-label{font-size: 15px;}
        .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.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); -ms-transform: scale(0.65);}
        .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.529); -webkit-transform: scale(0.529); -moz-transform: scale(0.529); -o-transform: scale(0.529); -ms-transform: scale(0.529);}
        .block.coming-soon-style3 #contacts_form{width: 290px; margin-top: -10px;}
    }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - "COMING SOON" ANIMATIONS (4) */
/*-------------------------------------------------------------------------------------------------------------------------------*/
   .block.coming-soon-style4{background:#e8e976;}
    
   .block.coming-soon-style4 #contacts_form{position: relative;}
    
   .block.coming-soon-style4 .date{width: 548px;}

   /*rabit*/
   .rabit-wrap{position: relative; float: left; left: 25%; top: 50px;}
   .rabit{position: relative;}
   .rabit-shadow{position: absolute; bottom: 10px; right: 45px;}
   .leg{position: absolute; right: 46px; bottom: 25px;}
   .ear-right{position: absolute; right: 0px; top: 1px;}
   .ear-left{position: absolute; left: 24px; top: 2px;}
   .rabit-tree{position: absolute; left: 0px; top: 276px;}
   .eye-left{position: absolute; left: 153px; top: 156px;}
   .eye-right{position: absolute; left: 198px; top: 160px;}
   .carrot-wrap{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
   .carrot-1{position: absolute; left: 0px; top: 300px;}
   .carrot-2{position: absolute; left: 230px; top: 240px;}
   .carrot-3{position: absolute; left: 100px; top: 370px;}
   .carrot-4{position: absolute; left: 55%; top: 110px;}
   .carrot-5{position: absolute; right: 0px; top: 260px;}
   .carrot-6{position: absolute; right: 215px; top: 400px;}
 
   /*rabit-animation*/
   .ear-left{-webkit-animation: ear-left-animation 5200ms infinite; animation: ear-left-animation 5200ms infinite; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%;}
    @keyframes ear-left-animation{
      0% {
        transform: rotateX(0deg);
      }
      50% {
        transform: rotateX(15deg);  
      }
      100% {
        transform: rotateX(0deg);
      }
    }
    @-webkit-keyframes ear-left-animation{
      0% {
        -webkit-transform: rotateX(0deg);
      }
      50% {
        -webkit-transform: rotateX(15deg); 
      }
      100% {
        -webkit-transform: rotateX(0deg);
      }
    }
    .ear-right{-webkit-animation: ear-right-animation 5000ms infinite; animation: ear-right-animation 5000ms infinite; transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%;}
    @keyframes ear-right-animation{
      0% {
        transform: rotateX(0deg);
      }
      50% {
        transform: rotateX(15deg);  
      }
      100% {
        transform: rotateX(0deg);
      }
    }
    @-webkit-keyframes ear-right-animation{
      0% {
        -webkit-transform: rotateX(0deg);
      }
      50% {
        -webkit-transform: rotateX(15deg); 
      }
      100% {
        -webkit-transform: rotateX(0deg);
      }
    } 
    .rabit-tree{-webkit-animation: rabit-tree-animation 3000ms infinite; animation: rabit-tree-animation 3000ms infinite; transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%;}
    @keyframes rabit-tree-animation{
      0% {
        transform: rotateX(0deg);
      }
      50% {
        transform: rotateX(20deg);  
      }
      100% {
        transform: rotateX(0deg);
      }
    }
    @-webkit-keyframes rabit-tree-animation{
      0% {
        -webkit-transform: rotateX(0deg);
      }
      50% {
        -webkit-transform: rotateX(20deg); 
      }
      100% {
        -webkit-transform: rotateX(0deg);
      }
    }
    .leg{-webkit-animation: leg-animation 1500ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190); animation: leg-animation 1500ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;}
    @keyframes leg-animation{
      0% {
        transform: rotateZ(0deg);
        right: 46px;
      }
      50% {
        transform: rotateZ(20deg);  
        right: 32px;
      }
      100% {
        transform: rotateZ(0deg);
        right: 46px;
      }
    }
    @-webkit-keyframes leg-animation{
      0% {
        -webkit-transform: rotateZ(0deg);
        right: 46px;
      }
      50% {
        -webkit-transform: rotateZ(20deg);
        right: 32px;
      }
      100% {
        -webkit-transform: rotateZ(0deg);
        right: 46px;
      }
    }
    .eye-left{-webkit-animation: eye-left-animation 2000ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190); animation: eye-left-animation 2000ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;}
    @keyframes eye-left-animation{
      0% {
        left:153px;
        transform: rotateY(0deg); 
      }
      50% {
        left:168px;
        transform: rotateY(50deg); 
      }
      100% {
        left:153px;
        transform: rotateY(0deg); 
      }
    }
    @-webkit-keyframes eye-left-animation{
      0% {
        left:153px;
        -webkit-transform: rotateY(0deg); 
      }
      50% {
        left:168px;
        -webkit-transform: rotateY(50deg); 
      }
      100% {
        left:153px;
        -webkit-transform: rotateY(0deg); 
      }
    }
    .eye-right{-webkit-animation: eye-right-animation 2000ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190); animation: eye-right-animation 2000ms infinite cubic-bezier(0.550, 0.055, 0.675, 0.190); transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%;}
    @keyframes eye-right-animation{
      0% {
        left:198px;
        transform: rotateY(0deg); 
      }
      50% {
        left:210px;
        transform: rotateY(50deg);
      }
      100% {
        left:198px;
        transform: rotateY(0deg); 
      }
    }
    @-webkit-keyframes eye-right-animation{
      0% {
        left:198px;
        -webkit-transform: rotateY(0deg); 
      }
      50% {
        left:210px;
        -webkit-transform: rotateY(50deg); 
      }
      100% {
        left:198px;
        -webkit-transform: rotateY(0deg); 
      }
    }
    
    /*mobile*/
	@media (max-height: 900px) {
		.rabit-in{transform: scale(0.88); -webkit-transform: scale(0.88); -moz-transform: scale(0.88); -o-transform: scale(0.88); -ms-transform: scale(0.88);}
	}
	@media (max-height: 850px) {
		.rabit-in{top: -40px; position: relative;}
	}
	@media (max-height: 800px) {
		.rabit-in{transform: scale(0.80); -webkit-transform: scale(0.80); -moz-transform: scale(0.80); -o-transform: scale(0.80); -ms-transform: scale(0.80); top: -50px;}
    }
    @media (max-height: 750px) {
        .rabit-in{transform: scale(0.70); -webkit-transform: scale(0.70); -moz-transform: scale(0.70); -o-transform: scale(0.70); -ms-transform: scale(0.70); top: -80px;}
        .carrot-wrap{top: -80px;}
    }
    @media (max-height: 650px) {
        .rabit-in{transform: scale(0.60); -webkit-transform: scale(0.60); -moz-transform: scale(0.60); -o-transform: scale(0.60); -ms-transform: scale(0.60); top: -100px;}
        .carrot-wrap{top: -100px;}
    }
    @media (max-width: 991px) {
		.block.coming-soon-style4 input[type="submit"]{right: 0px;}
        .carrot-wrap{top: -50px;}
    }
    @media (max-width: 574px) {
		.carrot-wrap{top: -100px;}
        .rabit-in{top: -130px; left: -100px;}
    }


/*map*/
#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: 125px 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: #3e2924; 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; text-transform: uppercase;}
.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: #f9b248; 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: 75px 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: #f9b248;}
.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;}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - WELCOME PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.welcome-slide{min-height: 500px; min-height: 100vh; background-position: center center; background-size: cover; position: relative; overflow: hidden;}
.welcome-slide *:last-child{margin-bottom: 0;}
.welcome-banner{background-image: url(../img/welcome/banner.jpg); background-attachment: fixed; background-position: center top;}
.welcome-banner:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.8);}
.welcome-banner .container{position: relative; height: inherit; min-height: inherit;}
.welcome-vertical-center{position: absolute; left: 15px; right: 15px; top: 50%; margin-top: -50px; text-align: center;}
.welcome-logo{margin-bottom: 50px;}
.welcome-title{font-size: 30px; line-height: 30px; color: #fff; text-transform: uppercase; margin-bottom: 50px!important;}
.welcome-title span{font-weight: 700;}
.welcome-tabs{position: absolute; left: 0; top: 0; width: 100%;}
.welcome-tab-entry{height: 100px; padding: 0 20px; text-align: center; color: #fff; font-size: 18px; line-height: 20px; text-transform: uppercase; font-weight: 800;}
@media (min-width: 992px) {
    .welcome-tab-entry:hover{height: 150px;}
}
.welcome-tab-entry:nth-child(4){background: #f9b248; color: #3e2924;}
.welcome-tab-entry:nth-child(3){background: #22a3dc;}
.welcome-tab-entry:nth-child(2){background: #1e305e;}
.welcome-tab-entry:nth-child(1){background: #e8e976; color: #3e2924;}
.welcome-tab-entry .cell-view{width: 1000px;}
.welcome-slide .align-container{max-width: 500px; margin: 0 auto; padding: 0 0 50px 0;}
.template-link-entry{display: block; position: relative;}
.template-link-entry .background{display: block; width: 100%; height: auto;}
.template-link-entry .preview{position: absolute; width: 92%; height: 64%; left: 4%; top: 4.5%; overflow: hidden;}
.template-link-entry .preview img{position: absolute; width: 100%; left: 0; top: 0; -moz-transition:all 1000ms ease-out; -o-transition:all 1000ms ease-out; -webkit-transition:all 1000ms ease-out; transition:all 1000ms ease-out; -ms-transition:all 1000ms ease-out;}
.template-link-entry .preview .button{position: absolute; padding-left: 30px; padding-right: 30px; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) -webkit-translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
/*.template-link-entry .preview:after{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); content: "";}*/
.template-link-entry:hover .preview img{transform: translateY(-75%); -moz-transform: translateY(-75%); -webkit-transform: translateY(-75%); -ms-transform: translateY(-75%); -moz-transition:all 5000ms linear; -webkit-transition:all 5000ms linear; transition:all 5000ms linear;}
.template-link-entry:hover .preview:after, .template-link-entry:hover .preview .button{opacity: 0;}
.align-container .description{text-align: center; top: 100%; margin-top: 40px; font-size: 18px; line-height: 20px; color: #222; position: relative; margin-bottom: 40px; display: inline-block;}
.align-container .description span{font-weight: 800;}
.align-container .description.light{color: #fff;}
.align-container .buttons-wrapper{text-align: center;}
.welcome-heading-title{background: #f9b248; padding: 50px 0; margin-bottom: 50px;}
.welcome-developed-by{background: #222; color: #fff; text-align: center; padding: 50px 20px; text-transform: uppercase; font-size: 16px; line-height: 16px; font-weight: 800;}
.template-link-entry .description:after, .template-link-entry .preview:after, .template-link-entry .preview .button, .welcome-tab-entry{-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;}
.label-new{font-size: 20px; line-height: 32px; color: #fff; background: #d80d0d; position: absolute; left: -39px; top: 19px; width: 150px; text-align: center; text-transform: uppercase; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); letter-spacing: 1px;}
@media (max-width: 991px) {
    .welcome-slide{height: auto; min-height: 700px;}
}
@media (max-width: 767px) {
    .welcome-vertical-center{margin-top: -115px;}
    .welcome-slide{min-height: 400px;}
    .welcome-title{font-size: 22px;}
    .welcome-tabs{position: relative;}
    .welcome-tab-entry{height: 70px;}
    .welcome-subtitle{padding-top: 50px;}
    .welcome-subtitle-description{margin-bottom: 40px;}
}
.preview-page-box{position: relative;}