/* GOOGLE FONTS */ @import url(http://fonts.googleapis.com/css?family=Orbitron:400,500,700,900); @import url(http://fonts.googleapis.com/css?family=Racing+Sans+One); @import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic); /* Global properties ======================================================== */ a[href^="tel:"] { color: inherit; text-decoration: none;} ::selection{ background:#888888!important; color:#fff} ::-moz-selection{ background:#888888!important; color:#fff} a{ color:#adc5d1; text-decoration: underline; outline:none} a:hover{ color:#adc5d1; text-decoration: none; outline:none} body{ background:#000; border:0; font: 14px 'Roboto', Arial, Helvetica, sans-serif; color:#9e9e9e ; line-height:20px; min-width:320px;} .container { position: relative; min-width: 320px;} #main{margin: 0 auto; position: relative; overflow: hidden;} /* ============================= header ====================== */ #top1{background: url(../images/top1.png); width: 100%; position: fixed; left: 0; top: 0; z-index: 99; height: 86px; min-width: 320px;} header{position: absolute; left: 50px; top: 0px; z-index: 31;} /* ============================= content ====================== */ #home-subpage{position: relative;} .page_slide{position: relative;} .page_slide img{width: 100%; position: relative;} .not-front .slogan1{margin-top: -30px;} #content{padding-top: 70px; padding-bottom: 30px; background: url(../images/content_bg.jpg) left bottom repeat-x #000;} .ul2{ padding: 0; margin: 0; list-style: none; padding-bottom: 0px; padding-top: 25px;} .ul2 > li {color: #b0bcc7 ; padding:0px 0 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #000; font-family: 'Orbitron'; font-weight: 500;} .ul2 > li a{display: block; color:#b0bcc7; text-decoration: none; background: url(../images/li_bg1.jpg) left top repeat-x #383e44; padding-left: 15px; line-height: 25px; padding: 10px 20px; text-transform: uppercase; } .ul2 > li a:hover{color:#dfeaf4; text-decoration: none; background: url(../images/li_bg2.jpg) left top repeat-x #464e57; text-shadow:0px 0px 8px #8ec4d8;} #home{position: relative; overflow: hidden;} #slides_wrapper{position: relative; } .slogan1{position: absolute; left: 10%; top: 50%; margin-top: -90px; z-index: 8; font-family: 'Racing Sans One'; font-size: 60px; line-height: 60px; color: #fff; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);} .slogan1 .txt1{} .slogan1 .txt1 span{font-size: 100px; font-family: 'Roboto'; font-weight: 900; font-style: italic; color: #ffeb41;} .slogan1 .txt2{padding-left: 5%;} .yl{width: 682px; height: 500px; background: url(../images/yl1.png);position: absolute; right: 100%; bottom: 100%;} .yl1{margin-right: -80px;} .yl2{margin-right: -175px;} .home_bot{position: absolute; width: 100%; left: 0; bottom: 0; z-index: 11; background: url(../images/slider_bg2.png); height: 61px;} .phone1{float: left;; font-family: 'Orbitron'; font-size: 12px; color: #b1c4d2; text-transform: uppercase; line-height: 24px; padding: 18px 0 18px 35px;} .phone1 span{font-size: 24px; color: #fff;} .social_wrapper{float: right; padding-right: 25px;} .social{ display: inline-block; margin: 0; padding: 20px 0; list-style: none;} .social li{display: inline-block; margin: 0 10px;} .social li a{display: block; text-decoration: none; font-size: 20px; color: #9ba5ad; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .social li a:hover{color: #e6f4ff; text-shadow:0px 0px 8px #8ec4d8;} .home_link1{display: inline-block; width: 67px; height: 67px; text-decoration: none; position: absolute; left: 50%; margin-left: -33px; top: -2px; z-index: 10; background: url(../images/home_link1.png) left top no-repeat;} .home_link1:hover{background-position: bottom;} #specials{position: relative; background: url(../images/banner_bg1.jpg) left bottom repeat-x #000; padding-top: 80px; padding-bottom: 90px;} /* ============================= banner ====================== */ #banner_wrapper{ position: relative; padding-top: 0px; padding-bottom: 0px;} .banner_title{font-family: 'Racing Sans One'; font-weight: 400; font-size: 36px; line-height: 36px; color: #fff; text-align: center; padding-top: 0px; padding-bottom: 15px; text-transform: uppercase; background: url(../images/px1.png) left bottom repeat-x;} #banner{position: relative; padding-bottom: 0px; padding-top: 10px; } .banner_prev{display: block; width: 33px; height: 31px; position: absolute; right: 33px; top: -60px; margin-top: 0px; z-index: 0;} .banner_prev .over1{display: block; width: 100%; height: 100%; position: absolute; background: url(../images/prev2.png) left top no-repeat;} .banner_prev:hover .over1{background-position: bottom;} .banner_next{display: block; width: 33px; height: 31px; position: absolute; right: 0px; top: -60px; margin-top: 0px; z-index: 0;} .banner_next .over1{display: block; width: 100%; height: 100%; position: absolute; background: url(../images/next2.png) left top no-repeat;} .banner_next:hover .over1{background-position: bottom;} #banner .carousel-box{position: relative;} #banner .carousel-box .inner{position: relative; overflow: hidden; max-width: none; margin: 0;} #banner .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -30px; } #banner .caroufredsel_wrapper{padding: 0; margin: 0;} #banner .caroufredsel_wrapper ul{padding: 0; margin: 0;} #banner .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:30px } .banner{} .banner .banner_inner{} .banner .banner_inner a{display: block; text-decoration: none; position: relative; background: none; padding: 0px; text-align: left; padding-bottom: 42px; background: url(../images/banner_shadow.png) center bottom no-repeat; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .banner .banner_inner a:hover{ } .banner .banner_inner a .txt1{font-family: 'Orbitron'; font-size: 18px; line-height: 20px; color: #b0bcc7; text-transform: uppercase; padding: 20px 0; background: url(../images/banner_txt1_bg.jpg) left top repeat-x #383e45; text-align: center; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .banner .banner_inner a:hover .txt1{color: #dfeaf4; text-shadow:0px 0px 8px #8ec4d8;} .banner .banner_inner a figure{margin: 0; padding: 0px; position: relative; border: none; padding: 0px; background: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .banner .banner_inner a:hover figure{} .banner .banner_inner a figure .img{width: 100%;} .banner .banner_inner a figure em{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; background: none; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .banner .banner_inner a:hover figure em{opacity: 1; filter: alpha(opacity=100);} .banner .banner_inner a .caption{background: url(../images/banner_txt2_bg.jpg) left top repeat-x #000; text-align: center; padding: 15px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .banner .banner_inner a:hover .caption{} .banner .banner_inner a .caption .txt2{font-family: 'Roboto'; font-size: 12px; line-height: 18px; color: #939ba2; padding-bottom: 20px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .banner .banner_inner a:hover .caption .txt2{color: #fff;} .banner .banner_inner a .caption .txt3{display: inline-block; width: 99px; height: 32px; font-family: 'Racing Sans One'; font-size: 14px; line-height: 32px; color: #333a42; text-transform: uppercase; background: url(../images/btn1.png); transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .banner .banner_inner a:hover .caption .txt3{color: #fff;text-shadow:0px 0px 8px #8ec4d8;} /* ============================= banner end ====================== */ #services{position: relative; padding-top: 90px; padding-bottom: 70px; background: #f1f1f1;} #services h2{color: #111213; float: left;} #services .services_txt1{float: right; font-family: 'Racing Sans One'; font-size: 18px; line-height: 20px; text-transform: uppercase; color: #777777; padding-top: 30px; padding-bottom: 20px;} .service1{padding-bottom: 30px;} .service1 .c1{float: left; width: 70px; text-align: center; font-size: 60px; color: #90a7c7; margin-right: 25px;} .service1 .caption{display: table;} .service1 .caption .txt1{font-family: 'Orbitron'; font-size: 16px; color: #111213; line-height: 20px; padding-bottom: 10px; text-transform: uppercase;} .service1 .caption .txt2{color: #747474;} .service2{padding-bottom: 30px;} .service2 .c1{float: left; width: 70px; text-align: center; font-size: 60px; color: #90a7c7; margin-right: 25px;} .service2 .caption{display: table;} .service2 .caption .txt1{font-family: 'Orbitron'; font-size: 16px; color: #b0bcc7; line-height: 20px; padding-bottom: 10px; text-transform: uppercase;} .service2 .caption .txt2{} #about{position: relative; background: #e5d33e; padding-top: 90px; padding-bottom: 70px;} #about h2{color: #000;} .vl1{background: url(../images/vl1.png) center top repeat-y;} #gallery{position: relative; background: #272838; padding-top: 70px; padding-bottom: 70px;} #gallery h2{color: #fff; float: left;} #contacts{position: relative; background: #000; padding-top: 70px; padding-bottom: 70px;} #google_map{position: relative;} .google_map{width: 100%; position: relative; overflow: hidden; margin: 0; padding: 0px; background: #fff; border: none; line-height: 1px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;} .google_map iframe{position: relative; overflow: hidden; width: 100%; height: 420px; border: none; background: #fff; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;line-height: 0;} /* ============================= footer ====================== */ #bot1{position: relative; background: url(../images/bot1_bg.jpg) left top repeat-x #000; padding-top: 80px; padding-bottom: 90px;} .logo2_wrapper{float: left;} .logo2_wrapper a{display: inline-block;} .social2_wrapper{float: right; padding-top: 20px;} .social2_txt{float: left; font-family: 'Orbitron'; color: #e2e2e2; font-size: 14px; line-height: 20px; padding-top: 22px; padding-right: 30px; text-transform: uppercase;} .social2{ float: left; margin: 0; padding: 0; padding-top: 0px; list-style: none;} .social2 li{display: inline-block; margin: 0px 5px 5px;} .social2 li a{display: block; width: 64px; height: 64px; text-decoration: none; background: url(../images/social_ic1.jpg) left top no-repeat; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .social2 li a:hover{background-position: bottom;} .social2 li.nav1 a{background-image: url(../images/social_ic1.jpg);} .social2 li.nav2 a{background-image: url(../images/social_ic2.jpg);} .social2 li.nav3 a{background-image: url(../images/social_ic3.jpg);} .social2 li.nav4 a{background-image: url(../images/social_ic4.jpg);} .social2 li.nav5 a{background-image: url(../images/social_ic5.jpg);} .social2 li.nav6 a{background-image: url(../images/social_ic6.jpg);} .social2 li.nav7 a{background-image: url(../images/social_ic7.jpg);} footer{position: relative; padding: 40px 0; background: #343536; color: #9b9b9b; font-size: 12px;} footer a{color: #cbcbcb;} /* ============================= parallax ====================== */ .parallax {width: 100%; position: relative; overflow: hidden; background: #000; color: #ffffff;} .parallax, .parallax .parallax-content, .parallax .overlay { height: 100%;} .parallax-bg { width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; position: absolute; background-size: cover; background-attachment: scroll; background-repeat: repeat-y; background-position: center center; } .parallax-bg.bg-fixed{background-attachment: fixed;} .parallax .overlay { background: none; width: 100%; position: absolute; overflow: hidden; background: url(../images/pattern.png);} .parallax .container { } .parallax-content { padding-top: 110px; padding-bottom: 100px; text-align: center;} .parallax_title{font-size: 64px; line-height: 64px; color: #e6ebef; font-family: 'Racing Sans One'; text-transform: uppercase;text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);} .parallax_title span{display: inline-block; padding: 0 100px; position: relative;} .parallax_title em{display: inline-block; width: 94px; height: 42px; background: url(../images/kand1.png); position: absolute; top: 50%; margin-top: -21px;} .parallax_title em.l{left: 0;} .parallax_title em.r{right: 0;} .parallax_txt1{font-size: 18px; line-height: 28px; color: #e6ebef; font-family: 'Orbitron'; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); padding-top: 20px; padding-bottom: 20px;} .bg1 { background-image: url(../images/parallax1.jpg); } .bg2 { background-image: url(../images/parallax2.jpg); } .bg3 { background-image: url(../images/parallax3.jpg); } .bg4 { background-image: url(../images/parallax4.jpg); } #parallax1{} #parallax2{} #parallax3{} #parallax4{} /* ============================= main menu ====================== */ .navbar_ { margin: 0; padding: 0; background: none; border:none; position: relative;z-index: 30; min-height: 0; float: right; padding-right: 25px;} .navbar_ .navbar-toggle { background: #1f1f1f; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 27px; margin-bottom: 27px; margin-right: 15px;} .navbar_ .navbar-toggle:hover, .navbar_ .navbar-toggle:focus{background: #323232;} .navbar_ .navbar-toggle .icon-bar{background: #fff;} .navbar-collapse_{padding-left: 0; padding-right: 0; border: none;} .navbar_ .nav{position: relative; margin: 0; padding: 0; display: block; float: none;} .navbar_ .nav > li{position: relative; display: block; float: left; white-space: nowrap; background: none; margin-left: 10px; margin-right: 10px;} .navbar_ .nav > li:first-child{} .navbar_ .nav > li > a{display: block; text-decoration: none; background: none; font-family: 'Orbitron'; font-weight: 400; font-size: 14px; line-height: 86px; color: #b7b7b6; text-shadow:none; padding: 0px 15px; border: none; margin: 0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .navbar_ .nav > li > a em{display: inline-block; width: 20px; height: 7px; background: url(../images/marker0.png) right center no-repeat; position: absolute; left: 50%; margin-left: -10px; bottom: 20px;} .navbar_ .nav > li > a span{display: block; width: 100%; height: 5px; background: #e0f4fc; position: absolute; left: 0; top: 0; box-shadow: 0px 0px 8px #addbef; moz-box-shadow: 0px 0px 8px #addbef; -webkit-box-shadow: 0px 0px 8px #addbef; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: #fff; text-decoration: none; background: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; text-shadow:0px 0px 8px #8ec4d8;} .navbar_ .nav > li > a:hover span, .navbar_ .nav > li > a:focus span, .navbar_ .nav > li.sfHover > a span, .navbar_ .nav > li.sfHover > a:hover span{opacity: 1; filter: alpha(opacity=100);} .navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus{color: #fff; text-decoration: none; background: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; text-shadow:0px 0px 8px #8ec4d8;} .navbar_ .nav > li.active > a span, .navbar_ .nav > li.active > a:hover span, .navbar_ .nav > li.active > a:focus span{opacity: 1; filter: alpha(opacity=100);} .sub-menu ul{ position: absolute; display: none; left: 0; top: 86px; list-style: none; zoom: 1; z-index: 109; margin: 0; padding:0px; background: #000; text-align: left; border: 1px solid #000; } .sub-menu li{ margin: 0; position: relative; zoom: 1; display: block; border-top: 1px solid #000;} .sub-menu li:first-child{border-top: none;} .sub-menu li a{display: block; position: relative; font-family:'Orbitron'; font-weight: 400; font-size: 12px; line-height: 20px; color: #b7b7b6; text-decoration: none; padding: 10px 30px 10px 15px; text-transform: uppercase; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .sub-menu li a:hover{ text-decoration: none; color: #fff; background: #2a3034;} .sub-menu li a em{display: inline-block; width: 5px; height: 10px; background: url(../images/marker1.png) left top no-repeat; position: absolute; right: 8px; top: 50%; margin-top: -5px;} .sub-menu li a:hover em{background-position: bottom;} .sub-menu-1 > ul{} .sub-menu-2 > ul{left: 100%; top: -1px; margin-left: 0px; background: #000;} /* ============================= toTop ====================== */ #toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; } #toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /* ============================= main layout ====================== */ h2{font-family:'Racing Sans One'; font-weight:400; font-size:38px; color:#e6ebef; line-height:38px; padding:20px 0 30px 0; margin: 0 0 0px; text-transform: uppercase;} h3{font-family:'Racing Sans One'; font-weight:400; font-size:28px; color:#e6ebef; line-height:28px; padding:20px 0 30px 0; margin: 0 0 0px; text-transform: uppercase;} .img-responsive-old{display: block; max-width: 100%; height: auto;} .border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* === */ /*-----btn-----*/ .btn-default.btn2{display: inline-block; width: 237px; height: 50px; background: url(../images/btn2.png) top center no-repeat; font-family: 'Racing Sans One'; margin-top: 10px; margin-bottom: 10px; color: #333a42; font-size: 21px; line-height: 50px; font-weight: 400; padding: 0; text-decoration: none;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-transform: uppercase; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .btn-default.btn2:hover{color: #fff;text-shadow:0px 0px 8px #c9d7dc;} .btn-default.btn3{display: inline-block; background: url(../images/btn3.png) right center no-repeat; font-family: 'Orbitron'; margin-top: 10px; margin-bottom: 10px; color: #747474; font-size: 14px; line-height: 20px; font-weight: 400; padding: 0 25px 0 0; text-decoration: none;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .btn-default.btn3:hover{color: #000; text-decoration: underline;} .btn-default.btn4{display: inline-block; background: url(../images/btn4.png) right center no-repeat; font-family: 'Orbitron'; margin-top: 10px; margin-bottom: 10px; color: #7b7228; font-size: 14px; line-height: 20px; font-weight: 400; padding: 0 25px 0 0; text-decoration: none;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .btn-default.btn4:hover{color: #000; text-decoration: underline;} .btn-default.btn5{display: inline-block; background: url(../images/btn3.png) right center no-repeat; font-family: 'Orbitron'; margin-top: 10px; margin-bottom: 10px; color: #747474; font-size: 14px; line-height: 20px; font-weight: 400; padding: 0 25px 0 0; text-decoration: none;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .btn-default.btn5:hover{color: #adc5d1; text-decoration: underline;} /* ============================= thumbnail ====================== */ .img-polaroid{position: relative; padding: 5px; background: #e7e0d7; border: 1px solid #c4bdab;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;} .thumbnail .caption{padding: 0; color: #9e9e9e} .thumb1 {margin-bottom: 20px;} .thumb1.last {margin-bottom: 0px;} .thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;} .thumb1 figure{margin: 0; float: none; margin:0px 0px 20px 0px;padding: 8px; background: #e5d33e; border: 1px solid #baab32;} .thumb1 figure img{width: 100%;} .thumb1 .caption{color: #111213;} .thumb2 {margin-bottom: 20px;} .thumb2.last {margin-bottom: 0px;} .thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;} .thumb2 .thumbnail a{text-decoration: none; display: block;} .thumb2 a figure{margin: 0; float: left; margin:0px 20px 20px 0px; text-align: center;} .thumb2 a figure img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; max-width: 100%; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb2 a:hover figure img{} .thumb2 a .caption{display: table;} .thumb2 a .caption .txt1{font-family: 'Orbitron'; font-size: 20px; line-height: 20px; color: #7b7228; padding-bottom: 15px; text-transform: uppercase; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb2 a:hover .caption .txt1{color: #111213;} .thumb2 a .caption .txt2{font-family: 'Roboto'; font-size: 14px; line-height: 20px; color: #111213; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .thumb2 a:hover .caption .txt2{color: #111213;} .thumb3 {margin-bottom: 20px;} .thumb3.last {margin-bottom: 0px;} .thumb3 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;} .thumb3 figure{margin: 0; float: none; margin:0px 0px 20px 0px;padding: 8px; background: #e5d33e; border: 1px solid #baab32;} .thumb3 figure img{width: 100%;} .thumb3 .caption{color: #939ba2; font-size: 18px; line-height: 28px;} .thumb4 {margin-bottom: 20px;} .thumb4.last {margin-bottom: 0px;} .thumb4 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background: none;} .thumb4 figure{margin: 0; float: left; margin:0px 20px 20px 0px;padding: 8px; background: #e5d33e; border: 1px solid #000;} .thumb4 figure img{width: 100%;} .thumb4 .caption{} /*================= queryLoader =========================*/ #load {width: 100%;height: 100%;position: fixed;overflow: hidden;z-index: 1001; background-color: #000;} #qLoverlay{background: #000!important;} #qLbar{background: #fff!important;} #qLpercentage{color: #fff!important; font-family: 'Roboto'; font-weight: 700; font-size: 40px!important; line-height: 1;} /*================= Contacts =========================*/ #note{ } .notification_error{ color:#f00; padding-bottom:10px; } .notification_ok{ text-align: left; padding-bottom:10px; } #ajax-contact-form .form-group{margin-left: 0; margin-right: 0;} #ajax-contact-form .form-group label{color: #fff;} #ajax-contact-form .form-control{height: 38px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #939ba2; background: #000;border: 1px solid #8f8f8f;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #ajax-contact-form .form-control:focus{border-color: #66afe9; color: #fff;} #ajax-contact-form textarea.form-control {height: auto;} #ajax-contact-form .form-group.capthca{float: left; margin-right: 30px;} #ajax-contact-form .form-group.capthca input{width: 170px;} #ajax-contact-form .form-group.img{float: left;} #ajax-contact-form .form-group.img img{width:170px; height:38px;} .btn-default.btn-cf-submit{display: inline-block; width: 237px; height: 50px; background: url(../images/btn2.png) top center no-repeat; font-family: 'Racing Sans One'; font-size: 21px; line-height: 50px; font-weight: 400; padding: 0px 0px; text-decoration: none;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border: none; text-transform: uppercase; } .btn-default.btn-cf-submit:hover{color: #fff;text-shadow:0px 0px 8px #c9d7dc;} .btn-default.btn2{display: inline-block; width: 237px; height: 50px; background: url(../images/btn2.png) top center no-repeat; font-family: 'Racing Sans One'; margin-top: 10px; margin-bottom: 10px; color: #333a42; font-size: 21px; line-height: 50px; font-weight: 400; padding: 0; text-decoration: none;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; text-transform: uppercase; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .btn-default.btn2:hover{color: #fff;text-shadow:0px 0px 8px #c9d7dc;} /*----- media queries ------*/ /* Large desktop */ @media (min-width: 1220px) { .container { padding: 0; } } /* Default landscape and desktop to large desktop */ @media (max-width: 1219px) { .navbar_ .nav > li{margin-left: 5px; margin-right: 5px;} .navbar_ .nav > li > a{padding-left: 10px; padding-right: 10px;} } @media (min-width: 992px) and (max-width: 1219px) { } /* Portrait tablet to landscape and desktop */ @media (max-width: 991px) { .navbar_ {padding-right: 10px;} header{left: 20px;} .slogan1{margin-top: -90px; font-size: 40px; line-height: 40px;} .slogan1 .txt1 span{font-size: 60px;} .phone1 span{font-size: inherit;} #services h2{float: none;} #services .services_txt1{float: none; padding-top: 0px; padding-bottom: 20px;} #bot1{text-align: center;} .logo2_wrapper{float: none; text-align: center;} .social2_wrapper{float: none; display: inline-block; padding-top: 0px;} .social2_txt{float: none; padding-bottom: 30px;} .social2{float: none;} .not-front .slogan1{margin-top: -10px;} } @media (min-width: 768px) and (max-width: 991px) { .navbar_ .nav > li{margin-left: 1px; margin-right: 1px;} .navbar_ .nav > li > a{padding-left: 5px; padding-right: 5px; font-size: 12px;} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .navbar_ {float: none; height: 86px; margin-bottom: 0; padding-right: 0;} .navbar-collapse_{clear: both; margin-left: 0px; margin-right: 0px;} .navbar_ .nav{display: block; background: #000; border-right: none;} .navbar_ .nav > li{float: none;background: none; margin: 0;} .navbar_ .nav > li > a{margin-bottom: 0; line-height: 50px;} .navbar_ .nav > li > a span{height: 2px;} .navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{} .sub-menu ul{position: relative; left: 0; top: 0;} .slogan1{margin-top: -90px; font-size: 20px; line-height: 20px; padding-top: 10px;} .slogan1 .txt1 span{font-size: 30px;} .phone1{display: none;} .social_wrapper{display: none;} #banner{padding-top: 50px; } .banner_prev{top: 0px;} .banner_next{top: 0px;} .parallax_title{font-size: 44px; line-height: 44px;} #gallery h2{float: none;} #options{float: none; margin-top: 0;} .page_slide{position: relative;} .page_slide img{width: 800px;left: 50%; margin-left: -400px;} .not-front .slogan1{margin-top: 20px;} .thumb4 figure{float: none; margin-right:0px;} .thumb4 figure img{width: 100%;} } @media (min-width: 481px) and (max-width: 767px) { } /* Landscape phones and down */ @media (max-width: 480px) { .parallax_title{font-size: 24px; line-height: 44px;} .parallax_title span{padding: 0 50px;} .parallax_title em{width: 50px; height: 20px;background-size: 100%; margin-top: -10px;} .google_map iframe{height: 240px;} }