/* GOOGLE FONTS */ @import url(http://fonts.googleapis.com/css?family=Roboto:100); @import url(http://fonts.googleapis.com/css?family=Roboto:300); @import url(http://fonts.googleapis.com/css?family=Roboto:400); @import url(http://fonts.googleapis.com/css?family=Roboto:400italic); @import url(http://fonts.googleapis.com/css?family=Roboto:500); @import url(http://fonts.googleapis.com/css?family=Roboto:700); @import url(http://fonts.googleapis.com/css?family=Roboto:900); /* Global properties ======================================================== */ a[href^="tel:"] { color: inherit; text-decoration: none;} ::selection{ background:#f47503!important; color:#fff} ::-moz-selection{ background:#f47503!important; color:#fff} a{ color:#2382e0; text-decoration: underline; outline:none} a:hover{ color:#2382e0; text-decoration: none; outline:none} body{background: #fff; border:0; font: 14px 'Roboto', Arial, Helvetica, sans-serif; color:#6d7074 ; line-height:20px; min-width:320px;} #main{margin: 0 auto; position: relative; overflow: hidden;} /* ============================= slider3 ====================== */ #slider3_wrapper{padding-top: 30px; padding-bottom: 30px; background: #f2f3f6;} #slider3{position: relative; } .slider3_txt{display: block; line-height: 30px; padding: 0;font-family:'Roboto'; font-weight:900; font-size:24px; color:#3c3d3d; margin-bottom: 25px; text-align: center; text-transform: uppercase;} .prev3{display: block; width: 11px; height: 22px; background: url(../images/prev3.png) left top no-repeat; position: absolute; left: -20px; top: 50%; margin-top: -11px; z-index: 100;} .prev3:hover{background-position: bottom;} .next3{display: block; width: 11px; height: 22px; background: url(../images/next3.png) left top no-repeat; position: absolute; right: -20px; top: 50%; margin-top: -11px; z-index: 100;} .next3:hover{background-position: bottom;} .carousel-box{position: relative;} .carousel-box .inner{position: relative; overflow: hidden;} .carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; } .caroufredsel_wrapper{padding: 0; margin: 0;} .caroufredsel_wrapper ul{padding: 0; margin: 0;} .carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative; width:300px; overflow:hidden; padding-right:20px } .banner{} .banner .banner_inner{text-align: center; padding-bottom: 25px;} .banner .banner_inner a{position: relative; display: block;text-decoration: none; border-top: 5px solid #9c9ea3; border-bottom: 1px solid #9c9ea3; background: #FFFFFF; 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{border-color: #f47503;} .banner .banner_inner a .img{width: 100%; padding-bottom: 20px;} /* For image Caption */ .banner .banner_inner a .txtsm{font-family: 'Roboto';font-weight: 400; font-size: 18px; line-height: 25px; color: #2382e0; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; letter-spacing: 2px; 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 .txtsm{color: #f47503;} .banner .banner_inner a .txt1{font-family: 'Roboto';font-weight: 400; font-size: 22px; line-height: 25px; color: #2382e0; padding-bottom: 15px; text-transform: uppercase; padding-left: 20px; padding-right: 20px; letter-spacing: 2px; 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: #f47503;} .banner .banner_inner a .txt2{color: #5a5d63; font-family: 'Roboto'; font-weight: 400; font-size: 14px; line-height: 18px; padding-bottom: 30px;padding-left: 20px; padding-right: 20px;} .banner .banner_inner a .arr1{width: 100%; height: 45px; position: absolute; left: 0; bottom: -21px; background: url(../images/arr1.png) center center no-repeat;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 .arr1{opacity: 1; filter: alpha(opacity=100);} .banners2_wrapper{background: url(../images/banners2.jpg) center top no-repeat #505259; padding-bottom: 20px;} .banners2{} .banners2_txt{display: block; line-height: 30px; padding: 0;font-family:'Roboto'; font-weight:900; font-size:24px; color:#fff; padding: 55px 0 35px 0; text-align: center; text-transform: uppercase;} .banners2 .banner .banner_inner{text-align: center; margin-bottom: 20px;} .banners2 .banner .c1{display: inline-block; font-family: 'Roboto'; font-weight: 900; font-size: 30px; color: #000000; width: 66px; height: 66px; line-height: 66px; background: #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-bottom: 25px;} .banners2 .banner .txt1{font-family: 'Roboto'; font-weight: 900; font-size: 20px; line-height: 28px; color: #fff; margin-bottom: 10px;} .banners2 .banner .txt2{font-family: 'Roboto'; font-weight: 400; font-size: 14px; line-height: 20px; color: #fff;} /* ============================= header ====================== */ .top1{position: relative; z-index: 30;} .top2_wrapper{height: 37px; background: #fff;} .top2{position: relative;} .top3_wrapper{height: 36px; background: url(../images/menu_bg.jpg) 0 0 repeat-x;} header{width: 324px; height: 82px; background: url(../images/header_bg.png) center top no-repeat; text-align: center; position: absolute; left: -50px; top: 0; z-index: 10;} .logo_wrapper{padding-top: 25px;} .phone1_wrapper{background: url(../images/px1.jpg) 0 0 repeat-x #191919;} .phone1{font-family: 'Roboto'; font-weight: 500; font-size: 24px; color: #f47503; line-height: 28px; padding: 30px 0; text-align: center;} .phone1 span{color: #f2f3f6;} .phone2_wrapper{background: url(../images/px1.jpg) 0 0 repeat-x #191919;} .phone2{padding: 30px 0; line-height: 28px;} .phone2 .txt1{float: left; font-family: 'Roboto'; font-weight: 500; font-size: 16px; color: #fff; line-height: 28px; text-transform: uppercase; padding-left: 70px;} .phone2 .txt2{float: right; font-family: 'Roboto'; font-weight: 500; font-size: 16px; color: #f47503; line-height: 28px;} .phone2 .txt2 span{color: #f2f3f6;} /* ============================= content ====================== */ #content{padding-top: 30px; padding-bottom: 30px;} #content2{padding-top: 30px; padding-bottom: 30px; background: #f2f3f6;} .content2_title{font-family: 'Roboto'; font-size: 24px; color: #3c3d3d; font-weight: 900; line-height: 30px; text-transform: uppercase; text-align: center; padding-top: 15px; padding-bottom: 20px;} /* ============================= footer ====================== */ .bot1_wrapper{background: url(../images/bot1.jpg) 0 0 repeat-x; padding-top: 15px; padding-bottom: 25px;} .bot1{} .bot1_title{font-family: 'Roboto'; font-size: 18px; line-height: 24px; color: #434549; padding-top: 20px; padding-bottom: 15px;} .ul0{ padding: 0; margin: 0; list-style: none; padding-bottom: 0px;} .ul0 > li {color: #7c8085; padding:0px 0px 8px 0px; margin: 0;} .ul0 > li a{color:#7c8085; font-weight: 400; font-family: 'Roboto'; font-size: 12px; text-decoration: none; line-height: 20px; margin: 0px 0px 0px 0px; display: block;} .ul0 > li a:hover{color:#2382e0; text-decoration: underline; } .social_wrapper{line-height: 1px; padding-top: 5px;} .social{ display: inline-block; margin: 0 ; padding-top: 0px; list-style: none; white-space: nowrap;} .social li{display: inline-block; float: left;margin: 0 25px 25px 0;} .social li a{display: block; opacity: 1; filter: alpha(opacity=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; } .social li a:hover{opacity: 0.7; filter: alpha(opacity=70);} .bot2_wrapper{border-top: 1px solid #dcdee1; padding: 25px 0;} footer{} .copyright{color: #888d93; line-height: 18px;} /* ============================= main menu ====================== */ .menu_wrapper{position: relative; z-index: 30; float: right;} .navbar_ { margin: 0; padding: 0; background: none; position: relative;z-index: 30;} .navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; background: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; filter:none; } .navbar_ .btn-navbar { background: url(../images/btn-navbar.png) center top no-repeat; border: none;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; float: none; height: 26px; margin: 0; padding: 0;margin-top: 5px; margin-bottom: 5px;} .navbar_ .btn-navbar:hover{background-color: transparent;} .navbar_ .btn-navbar .icon-bar{background-image: none; display: none;} .nav-collapse_.collapse{ position:relative; display:block; text-align: center;} .navbar_ .nav{ position: relative; float: none; margin: 0; padding: 0; display: block; left: auto;} .navbar_ .nav > li{position: relative; display: block; float: left; padding-left: 2px; white-space: nowrap; background: url(../images/marker0.png) left center no-repeat;} .navbar_ .nav > li:first-child{padding-left: 0; background: none;} .navbar_ .nav > li > a{display: block; text-decoration: none; background: none; font-family: 'Roboto'; font-weight: 400; font-size: 14px; line-height: 36px; color: #fff; text-shadow:none; padding: 0px 15px; text-transform: uppercase; border: none; margin: 0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; } .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{color: #f8e506; text-decoration: none; background: none; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .sub-menu ul { position: absolute; display: none; left: 0px; top: 36px; list-style: none; zoom: 1; z-index: 109; margin: 0; padding:0px; background: #b8babf; text-align: left; } .sub-menu li { margin: 0; position: relative; zoom: 1; display: block; border-bottom: 1px solid #a7a9ae;} .sub-menu li a{display: block; position: relative; font-family:'Roboto'; font-weight: 400; font-size: 14px; line-height: 20px; color: #46474b; text-decoration: none; padding: 7px 35px 7px 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: #1b1c1c; background: #d4d6dc;} .sub-menu li a em{display: inline-block; width: 7px; height: 10px; background: none; 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: 0px; margin-left: 0px;} /* ============================= menu bot ====================== */ .menu_bot { display:inline-block; float: left; position: relative; z-index:10; text-align:center; white-space:nowrap; padding-top: 20px; } #menu_bot { list-style: none; display:inline-block; white-space:nowrap; padding: 0; margin: 0;} #menu_bot > li { list-style: none; display: inline-block; height:24px; line-height: 24px; margin-left: 35px; position:relative; float:left; white-space:nowrap;} #menu_bot > li:first-child{ margin-left: 0;} #menu_bot > li > a{ display:block; height:100%; text-decoration:none; position:relative; font-family:'Sancreek'; font-weight: 400; font-size: 15px; color: #ece1d7;} #menu_bot > li.active > a, #menu_bot > li > a:hover, #menu_bot > li > a:focus{color: #faa709; text-decoration: none;} /* ============================= menu top ====================== */ .menu_top { display:block; float: right; text-align:center;position: relative; z-index: 11;} #menu_top { list-style: none; display:block; white-space:nowrap; padding: 0; margin: 0;} #menu_top > li {font-size: 12px; list-style: none; display: inline-block; height:37px; line-height: 37px; position:relative;white-space:nowrap; margin: 0 10px;} #menu_top > li:first-child{ margin-left: 0;} #menu_top > li > a{ display:block; height:100%; text-decoration:none; position:relative; font-family:'Roboto'; font-weight: 400; font-size: 12px; color: #898c91;} #menu_top > li.active > a, #menu_top > li > a:hover, #menu_top > li > a:focus{color: #2382e0; text-decoration: underline;} /* ============================= search-form ====================== */ .search-form-wrapper{padding-bottom: 0px;} .navbar-form { float: none; position:relative; z-index: 11; margin:11px 0px 0 0 ; padding: 0; } .navbar-form input { width: 100%; height: auto; font-size: 14px; line-height: 20px; color:#8d8d8d; background: #4b4b4b; border: 1px solid #313131; margin: 0; padding: 10px 50px 10px 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .navbar-form input:focus {color: #fff; border-color: #c2c2c2; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;} .navbar-form a {text-decoration: none; margin: 0; display: inline-block; width: 42px; height: 28px; background: url(../images/search.png) left top no-repeat; position:absolute; right:0; top: 7px; } .navbar-form a:hover { background-position: right;} /* ============================= 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 ====================== */ h1{ font-family:'Roboto'; font-weight:700; font-size:24px; color:#3c3d3d; line-height:1px; padding:0px 0 0px 0; margin: 25px 0 30px 0; border-bottom: 2px solid #cdd0d4; text-transform: uppercase;} h1 span{background: #fff; display: inline-block;margin-bottom: -2px; line-height: 30px; padding-right: 10px;} h2{ font-family:'Roboto'; font-weight:700; font-size:18px; color:#85888e; line-height:1px; padding:0px 0 0px 0; margin: 30px 0 30px 0; border-bottom: 2px solid #cdd0d4;} h2 span{background: #fff; display: inline-block;margin-bottom: -2px; line-height: 25px; padding-right: 10px;} h6{ font-family:'Roboto'; font-weight:400; font-size:20px; line-height: 25px; color:#85888e; padding:0px 0 10px 0; margin: 0px 0px 0px 0px;} .upper { text-transform:uppercase;} .color1{ color:#3b3c3c;} .color2{color: #000000;} .color3{color: #000000;} .line1 { height:1px; background:#cdd0d4; margin:15px 0;} .radius1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .pad_bot1{padding-bottom: 20px;} /* === */ .countries{ padding: 0; margin: 0; list-style: none; padding-bottom: 0px;} .countries > li {color: #7c8085; padding:0px 0px 4px 0px; margin: 0; width: 143px; padding-right: 10px; float: left;} .countries > li a{color:#7c8085; font-weight: 400; font-family: 'Roboto'; font-size: 12px; text-decoration: none; line-height: 16px; margin: 0px 0px 0px 0px; display: block;} .countries > li a:hover{color:#2382e0; text-decoration: underline; } .button1{ display:inline-block; line-height:30px; text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:16px; font-family:'Roboto'; font-weight: 700; color:#000000; white-space:nowrap; letter-spacing:0px; background:url(../images/button1.png) right 0 no-repeat; padding-right: 40px; 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; } .button1:hover { color:#f47503; background-image: url(../images/button1_over.png); } .button2{ display:inline-block; line-height:20px; text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:12px; font-family:'Roboto'; font-weight: 700; color:#2382e0; white-space:nowrap; letter-spacing:0px; background:url(../images/button2.png) right center no-repeat; padding-right: 20px; 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; } .button2:hover { color:#f47503;} .testimonial1{margin-bottom: 20px;} .testimonial1 .txt1{padding: 20px; font-style: italic; background: #dfe1e6; font-weight: 400; color: #3c3d3d; line-height: 18px;} .testimonial1 .txt2{padding-top: 30px; color: #3c3d3d; font-weight: 700; font-size: 13px; line-height: 18px; padding-left: 30px;background: url(../images/testimonial1.png) 30px 0px no-repeat;} .testimonial1 .txt2 a{color: #2382e0; font-weight: 400;} .ul1{ padding: 0; margin: 0; list-style: none; padding-bottom: 0px;} .ul1 > li {color: #6d7074; padding: 4px 0 4px 15px; margin: 0; line-height: 20px;background: url(../images/li_st1.png) 0px center no-repeat;} .ul1 > li a{color:#6d7074; text-decoration: none; line-height: 20px; padding:0px; margin: 0px 0px 0px 0px; display: block;} .ul1 > li a:hover{color:#2382e0; text-decoration: none; } .google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 0px; background: #fff; border: none;line-height: 1px;} .google_map iframe{position: relative; width: 100%; height: 400px; border: none; background: #fff;} .page_headtxt{display: block; line-height: 30px; padding: 0;font-family:'Roboto'; font-weight:900; font-size:24px; color:#3c3d3d; margin-bottom: 25px; text-transform: uppercase;} /* ============================= thumbnail ====================== */ .img-polaroid{position: relative; padding: 5px; background: #e7e0d7; border: 1px solid #c4bdab;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .img-polaroid.w1{padding: 10px;} .thumbnail .caption{padding: 0; color: #000000} .thumb0 {margin-bottom: 20px;} .thumb0.last {margin-bottom: 0px;} .thumb0 .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;} .thumb0 figure{margin: 0; float: none; margin:0px 0px 20px 0px;} /*.thumb0 figure img{width: 100%;}*/ .thumb0 .caption{} .thumb0 .txt1{font-family: 'Roboto';font-weight: 600; font-size: 20px; line-height: 25px; color:#000000; padding-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; 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;} .thumb1 {margin-bottom: 20px; border-bottom: 1px solid #cdd0d4;} .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;} .thumb1 figure{margin: 0; float: left; margin:0px 15px 15px 0px;} .thumb1 figure img{width: auto;} .thumb1 .caption{} .thumb1 .caption .txt1{line-height: 16px; color: #2382e0;} .thumb1 .caption .txt1 a{color: #2382e0;} .thumb1 .caption .txt2{line-height: 16px; color: #f47503; padding-top: 5px; font-weight: 700;} .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;} .thumb2 figure{margin: 0; float: left; margin:0px 20px 20px 0px;} .thumb2 figure img{width: auto;} .thumb2 .caption{display: table;} .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;} .thumb3 figure{margin: 0; float: left; margin:0px 20px 20px 0px;} .thumb3 figure img{width: auto;} .thumb3 .caption{display: table;} .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;} .thumb4 figure{margin: 0; float: none; margin:0px 0px 20px 0px;} .thumb4 figure img{width: 100%;} .thumb4 .caption{} .thumb-isotope {} .thumb-isotope .thumbnail{padding: 0px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; } .thumb-isotope .thumbnail a{position: relative; display: block; text-decoration: none; padding: 0px;background: none; 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; } .thumb-isotope .thumbnail a:hover{} .thumb-isotope .thumbnail a figure{position: relative; margin: 0; float: none; margin:0px 0px 20px 0px; padding: 0px; background: none; border: none; 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; } .thumb-isotope .thumbnail a:hover figure{} .thumb-isotope .thumbnail a img{width: 100%;} .thumb-isotope .thumbnail a em{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: url(../images/photo1.png) center center no-repeat; 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; } .thumb-isotope .thumbnail a:hover em{opacity: 1; filter: alpha(opacity=100);} .thumb-isotope .thumbnail a .caption{color: #6d7074; text-align: center; border-bottom: 1px solid #cdd0d4; padding-bottom: 10px; 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; } .thumb-isotope .thumbnail a:hover .caption{color: #e77006;} /*================= form1 =========================*/ .form1_wrapper{width: 240px; position: absolute; right: 50%; margin-right: -470px; top: 30px; z-index: 40; background: #fff; padding: 25px; border-top: 4px solid #f47503; box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.3);} .form1_wrapper .txt1{font-family: 'Roboto'; font-weight: 700; font-size: 24px; line-height: 30px; color: #495056; text-transform: uppercase;} .form1_wrapper .txt2{font-family: 'Roboto'; font-weight: 300; font-size: 16px; line-height: 25px; color: #94969b; text-transform: uppercase; padding-top: 5px; padding-bottom: 0px;} #form1{margin: 0;} #form1 label{font-family: 'Roboto'; font-weight: 300; font-size: 12px; color: #495056; line-height: 20px; margin-top: 10px; margin-bottom: 5px;} #form1 select{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px;} #form1 input{width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px;} #form1 textarea{width: 95%; height: auto; margin-top: 15px;} #form1 .submit{border: 0; margin: 0; display: inline-block;height: 40px; line-height:40px; text-decoration: none;font-size:14px; font-family:'Roboto'; font-weight: 700; color:#fff; text-transform:uppercase; white-space:nowrap; letter-spacing:2px; background:#000000; padding:0px 40px;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top: 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; } #form1 .submit:hover{ color:#fff; background: #f47503;} /*================= Contacts =========================*/ #note{ } .notification_error{ color:#be3b3b; padding-bottom:10px; } .notification_ok{ text-align: left; padding-bottom:10px; } #ajax-contact-form .control-group{margin-bottom: 10px;} #ajax-contact-form .control-label{display: none;} #ajax-contact-form .controls{margin-left: 0;} #ajax-contact-form input, #ajax-contact-form textarea, #ajax-contact-form select {background: #F4F4F4; border: 1px solid #bfc0c5; color: #495056; padding-top: 10px; padding-bottom: 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: inset 0px 3px 20px 3px #eceef3; -webkit-box-shadow: inset 0px 3px 20px 3px #eceef3; box-shadow: inset 0px 3px 20px 3px #eceef3; width: 100%; display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto;} #ajax-contact-form input:focus, #ajax-contact-form textarea:focus, #ajax-contact-form select:focus {border-color:#686868;} #ajax-contact-form textarea{height: 124px;} #ajax-contact-form .control-group.capthca{margin-bottom: 0px;} #ajax-contact-form .capthca input{width: 126px; float: left; margin-right: 30px;margin-bottom: 10px;} #ajax-contact-form img{float:left; width:170px; height:42px;margin-bottom: 10px;} #ajax-contact-form .submit{border: 0; margin: 0; display: inline-block;height: 44px; line-height:44px; text-decoration: none;font-size:14px; font-family:'Roboto'; font-weight: 700; color:#fff; text-transform:uppercase; white-space:nowrap; letter-spacing:2px; background:#2382e0; padding:0px 40px;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-top: 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; } #ajax-contact-form .submit:hover{ color:#fff; background: #f47503;} /*================= 404 =========================*/ .page-404{text-align: center;} .page-404 .txt1{font-family:'Roboto'; font-weight:700; font-size:220px; color:#3c3d3d; line-height:220px; } .page-404 .txt2{font-family:'Roboto'; font-weight:400; font-size:70px; color:#85888e; line-height:70px; } /*----- media queries ------*/ /* Large desktop */ @media (min-width: 1200px) { .phone1{font-size: 24px; line-height: 28px; padding: 30px 0;} .form1_wrapper{margin-top: 35px; margin-right: -585px;} .banners2_wrapper{background-size: cover;} .countries > li{width: 132px;} } /* Default landscape and desktop to large desktop */ @media (max-width: 1199px) { } @media (min-width: 980px) and (max-width: 1199px) { } /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) { .form1_wrapper{display: none;} } @media (min-width: 768px) and (max-width: 979px) { .nav-collapse_.collapse{height: auto!important; overflow: visible!important;} .navbar_ .btn-navbar{display: none;} .navbar_ .nav > li > a{font-size: 12px; padding: 0 4px; letter-spacing: 0px;} .phone1{font-size: 20px; line-height: 28px; padding: 30px 0;} .countries > li{width: 107px;} .thumb1 {padding-bottom: 15px;} .thumb1 figure{margin: 0; float: none; margin:0px 0px 15px 0px;} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { body{padding-left: 0; padding-right: 0;} .container{width: 440px;} .menu_top{float: none;} header{left: 0; right: 0; width: auto; top: 58px;} .logo_wrapper{margin-top: -40px;} .top2_wrapper{padding-bottom: 60px;} #menu_top > li:first-child {margin-left: 14px;} .menu_wrapper{float: none;} .navbar_ .nav{display: block; background: #97989d;} .navbar_ .nav > li{float: none; padding-left: 0; background: none; border-bottom: 1px solid #83868a;} .sub-menu ul{position: relative; left: 0; top: 0;} .phone1{font-size: 18px; line-height: 28px; padding: 30px 0;} .countries > li{width: 136px;} .phone2{text-align: center;} .phone2 .txt1{float: none; padding-left: 0;} .phone2 .txt2{float: none; padding-top: 10px;} } @media (min-width: 481px) and (max-width: 767px) { } /* Landscape phones and down */ @media (max-width: 480px) { .container{width: 300px;} .phone1{font-size: 14px; line-height: 28px; padding: 30px 0;} .countries > li{width: 140px;} .thumb2 figure{ float: none; margin-right: 0;} .thumb2 figure img{width: 100%;} .google_map iframe{height: 300px;} .page-404 .txt1{font-size: 150px; line-height: 150px;} .page-404 .txt2{font-size:50px; line-height: 50px;} } /* WhatsApp ========================================================================== */ .whatsapp-text .float{position:fixed;width:50px;height:50px;bottom:75px;right:10px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:24px;box-shadow:2px 2px 3px #999;z-index:100;} .whatsapp-text .my-float{margin-top:13px;} .whatsapp-text a:focus, .whatsapp-text a:hover{color:#fff;} /*------------------------*/