/* GOOGLE FONTS */ @import url(http://fonts.googleapis.com/css?family=Finger+Paint); @import url(http://fonts.googleapis.com/css?family=Titan+One); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic); @import url(http://fonts.googleapis.com/css?family=Open+Sans:700); @import url(http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700); /* 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:#000; text-decoration: underline; outline:none} a:hover{ color:#000; text-decoration: none; outline:none} body{ background:url(../images/px1.jpg) #fcf4db; border:0; font: 13px "Open Sans", Arial, H elvetica, sans-serif; color:#000 ; line-height:18px; min-width:320px;} #main{margin: 0 auto; position: relative;} .bg1{width: 100%; height: 602px; background: url(../images/bg1.jpg) 0 0 repeat-x; overflow: hidden; position: absolute; left: 0; top: 0; z-index: -10;} #clouds1{width: 100%; height: 348px; background: url(../images/clouds1.png) 0 0 repeat-x; position: absolute; left: 0; top: 0; z-index: 1;} #sun1{width: 548px; height: 334px; background: url(../images/sun1.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -680px; top: 0; z-index: 2;} #bird1{width: 80px; height: 36px; background: url(../images/bird1.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -680px; top: 270px; z-index: 3;} #bird2{width: 66px; height: 81px; background: url(../images/bird2.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: 680px; top: 70px; z-index: 4;} /* ============================= header ====================== */ header{position: relative; z-index: 1; padding-top: 0px; padding-bottom: 20px;} .logo_wrapper{text-align: center; padding: 10px 0; float: left;} .logo{} .top1{float: right; padding-top: 40px;} .phone1{float: left; padding-right: 40px; padding-top: 30px;} .phone1 .txt1{font-family: "Finger Paint"; font-size: 20px; line-height: 20px; color: #fff;} .phone1 .txt2{font-family: "Finger Paint"; font-size: 26px; line-height: 26px; color: #fff; webkit-animation-duration: 3s; margin-top:5px; -webkit-animation-delay: 2s;animation-iteration-count: 2, 0, infinite; -webkit-animation-iteration-count: infinite; margin-top:10px;} .social_wrapper{ text-align: center; float: right;} .social_inner{width: 180px; height: 95px; background: url(../images/social_bg.png) 0 0 no-repeat; display: inline-block;} .social{ display: inline-block; margin: 0 0px; padding-top: 35px; list-style: none; white-space: nowrap;} .social li{display: inline-block; margin: 0 2px; float: left;} #slider_wrapper{position: relative; overflow: hidden;} #slider{width: 940px; margin: 0 auto; padding: 10px; background-color:#FF0066; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; height:350px;} .subpage #slider > .img{width: 100%; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;} .hl1{padding-top: 0px; padding-bottom: 15px;} .hl1 img{width: 100%;} .reachus{webkit-animation-duration: 3s; margin-top:5px; -webkit-animation-delay: 2s;animation-iteration-count: 2, 0, infinite; -webkit-animation-iteration-count: infinite; } #gallery .title1{font-family: 'Cabin Sketch'; font-size: 56px; line-height: 56px; color: #0053B1; font-weight: 700; text-transform: uppercase; padding-bottom: 35px; text-align: center;} #gallery .title1 i{font-size: 48px; line-height: 56px; padding-left: 10px;} /* ============================= banner end ====================== */ .wave2{height: 70px; background: url(../images/wave2.png) 0 0 repeat-x; z-index: 12;} .wave2 { -webkit-animation: wave-animation2 15.7s infinite linear; /* Safari 4+ */ -moz-animation: wave-animation2 15.7s infinite linear; /* Fx 5+ */ -o-animation: wave-animation2 15.7s infinite linear; /* Opera 12+ */ animation: wave-animation2 15.7s infinite linear; /* IE 10+ */ } @-webkit-keyframes wave-animation2 { 0% { background-position: 0 0; } 100% { background-position: 1610px 0; } } @-moz-keyframes wave-animation2 { 0% { background-position: 0 0; } 100% { background-position: 1610px 0; } } @-o-keyframes wave-animation2 { 0% { background-position: 0 0; } 100% { background-position: 1610px 0; } } @keyframes wave-animation2 { 0% { background-position: 0 0; } 100% { background-position: 1610px 0; } } .wave1{height: 25px; background: url(../images/wave1.png) 0 0 repeat-x; z-index: 12;} .wave1 { -webkit-animation: wave-animation1 8.7s infinite linear; /* Safari 4+ */ -moz-animation: wave-animation1 8.7s infinite linear; /* Fx 5+ */ -o-animation: wave-animation1 8.7s infinite linear; /* Opera 12+ */ animation: wave-animation1 8.7s infinite linear; /* IE 10+ */ } @-webkit-keyframes wave-animation1 { 0% { background-position: 0 0; } 100% { background-position: 932px 0; } } @-moz-keyframes wave-animation1 { 0% { background-position: 0 0; } 100% { background-position: 932px 0; } } @-o-keyframes wave-animation1 { 0% { background-position: 0 0; } 100% { background-position: 932px 0; } } @keyframes wave-animation1 { 0% { background-position: 0 0; } 100% { background-position: 932px 0; } } /* ============================= content ====================== */ #content{padding-top: 0px; padding-bottom: 40px;} /* ============================= footer ====================== */ .bot1{height: 160px; background: url(../images/bot1.jpg) 0 0 repeat-x;} .bot1_inner{position: relative;} .flowers1{float: right; margin-top: -13px;} footer{position: relative; z-index: 1; background: #008aff; text-align:center;} .footer_inner{padding-top: 15px; padding-bottom: 20px;} .copyright{color:#fff; padding-top: 10px; padding-bottom: 20px; line-height: 20px; float: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif;width:100%} .copyright a{color: #fff; text-decoration: underline;} .copyright a:hover{color: #fff; text-decoration: none;} /* ============================= main menu ====================== */ .navbar_ {height: 72px; 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 {width: 128px; height: 72px; background: url(../images/btn-navbar.png) 0 10px no-repeat; border: none;box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 0px; margin-bottom: 0px; padding: 0;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-right: 10px;} .navbar_ .btn-navbar:hover{background-position: 0 0; 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: inline-block; left: auto;} .navbar_ .nav > li{position: relative; display: block; float: left; padding:0; margin: 0 1px; white-space: nowrap; background: none;} .navbar_ .nav > li:first-child{} .navbar_ .nav > li > a{text-align: center; width: 128px; height: 72px; display: block; text-decoration: none; background: url(../images/nav7.png) 0 10px no-repeat; font-family: 'Finger Paint'; font-weight: 400; font-size: 17px; line-height: 82px; color: #fff; text-shadow:none; padding: 0; border: none; margin: 0; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; position: relative; overflow: hidden; 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.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: #fff; line-height: 72px; text-decoration: none; background-color: transparent; background-position: 0 0; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .navbar_ .nav > li:first-child > a{} .navbar_ .nav > li:first-child + li> a{background-image: url(../images/nav2.png);} .navbar_ .nav > li:first-child + li + li> a{background-image: url(../images/nav3.png);} .navbar_ .nav > li:first-child + li + li + li> a{background-image: url(../images/nav4.png);} .navbar_ .nav > li:first-child + li + li + li + li> a{background-image: url(../images/nav5.png);} .navbar_ .nav > li:first-child + li + li + li + li + li> a{background-image: url(../images/nav6.png);} .sub-menu ul { position: absolute; display: none; left: 0px; top: 72px; list-style: none; zoom: 1; z-index: 109; margin: 0; padding:10px; background: url(../images/submenu_bg.png); text-align: left; border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; position:absolute; z-index:2; } .sub-menu li { margin: 0; position: relative; zoom: 1; display: block; position:absolute; z-index:1;} .sub-menu li a{display: block; position: relative; font-family:'Finger Paint'; font-weight: 400; font-size: 15px; line-height: 20px; color: #fcf4db; text-decoration: none; padding: 9px 15px 9px 15px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius: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; position:absolute; z-index:2; } .sub-menu li a:hover{ text-decoration: none; color: #fff; background: #efc043; position:absolute; z-index:2;} .sub-menu li a:hover em{background-position: bottom; position:absolute; z-index:2;} .sub-menu-1 > ul{} .sub-menu-2 > ul{left: 100%; top: -10px; margin-left: 11px; border-radius:0 20px 20px 20px; -moz-border-radius:0 20px 20px 20px; -webkit-border-radius:0 20px 20px 20px; position:absolute; z-index:2;} .sub-menu li a:hover{} .navbar_ .nav > li:first-child + li.sub-menu li a:hover{background: #d5c651; position:absolute; z-index:2;} .navbar_ .nav > li:first-child + li + li.sub-menu li a:hover{background: #eb7400; position:absolute; z-index:2;} .navbar_ .nav > li:first-child + li + li + li.sub-menu li a:hover{background: #db666c; position:absolute; z-index:2;} .navbar_ .nav > li:first-child + li + li + li + li.sub-menu li a:hover{background: #816d53; position:absolute; z-index:2;} .navbar_ .nav > li:first-child + li + li + li + li + li.sub-menu li a:hover{background: #48b3ce; position:absolute; z-index:2;} /* ============================= menu bot ====================== */ .menu_bot { display:inline-block; position: relative; z-index:10; text-align:left; white-space:nowrap; padding-top: 50px; float: left; } #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:32px; line-height: 32px; padding:0 0 0 30px; position:relative; float:left; white-space:nowrap;} #menu_bot > li:first-child{ padding-left: 0; background: none;} #menu_bot > li > a{ display:inline-block; text-decoration:none; position:relative; font-family:'Finger Paint'; font-weight: 400; font-size: 16px; color: #a9a72a; line-height: 30px; border-bottom: 3px solid transparent;} #menu_bot > li.active > a, #menu_bot > li > a:hover, #menu_bot > li > a:focus{color: #eb7400; text-decoration: none; border-color: #eb7400;} /* ============================= search-form ====================== */ .search-form-wrapper{float: right;} .navbar-form { float: left; position:relative; z-index: 11; margin:3px 0px 0 0 ; padding: 0; } .navbar-form input { width: 170px; height: 20px; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 12px; line-height: 20px; color:#f1e7c6; background: #75644e; border: none; border: 1px solid transparent; margin: 0; padding: 6px 50px 6px 20px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -moz-box-shadow: inset 0px 3px 20px 3px #75644e; -webkit-box-shadow: inset 0px 3px 20px 3px #75644e; box-shadow: inset 0px 3px 20px 3px #75644e; } .navbar-form input:focus {color: #fff; border-color: #f1e7c6;-moz-box-shadow: inset none; -webkit-box-shadow: none; box-shadow: none;} .navbar-form a {text-decoration: none; margin: 0; display: inline-block; width: 28px; height: 33px; background: url(../images/search.png) left top no-repeat; position:absolute; right:3px; top: 7px; } .navbar-form a:hover { } /* ============================= toTop ====================== */ #toTop { display:none; text-decoration:none; position:fixed; bottom:70px; 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:'Titan One'; font-weight:400; font-size:45px; color:#beaf3e; line-height:45px; padding:20px 0 20px 0; margin: 0;} h1.home{ font-size:60px; color:#5e4d38; line-height:60px; padding:20px 0 20px 0; margin: 0;} h2{ font-family:'Titan One'; font-weight:400; font-size:35px; color:#beaf3e; line-height:35px; padding:25px 0 20px 0; margin: 0;} h3{ font-family:'Titan One'; font-weight:400; font-size:35px; color:#eb7400; line-height:35px; padding:25px 0 20px 0; margin: 0;} h4{ font-weight: 700; color:#000; padding:0px 0 10px 0; margin: 0px 0px 0px 0px;font-size: 16px; line-height: 22px;} h5{ font-family:'Finger Paint'; font-weight:400; font-size:16px; color:#fcf4db; line-height:20px; padding:0px 0 10px 0; margin: 0;} h6{ font-family:'Finger Paint'; font-weight:400; font-size:20px; color:#816d53; line-height:25px; padding:0px 0 10px 0; margin: 0;} .upper { text-transform:uppercase;} .color1{ color:#fff;} .line1 { height:1px; background:#b9b2a2; margin:5px 0;} .radius1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} /* === */ .banners{ background:#fff;} .banners .banner{ margin-bottom: 40px;} .banners .banner_inner{background: #fff;} .banners .banner_title{padding-top: 15px;} .banners .banner_title .ic{float: left; padding-left: 0px; padding-right: 5px;} .banners .banner_title .txt1{font-family:'Titan One'; font-weight: 400; font-size: 26px; line-height: 26px; color: #fff; padding-top: 5px;} .banners .banner_txt{padding: 15px 20px 0; height:380px;} .banners .banner_txt .banner_link1{text-align: right; height: 80px; margin-top: -5px;} .banners .banner_txt .img{width: 100%;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .banners .banner_txt .txt2{font-family:'Open Sans'; font-weight: 400; font-size: 14px; line-height: 20px; color: #000; padding-top: 15px;} .banners .banner_txt .banner_link{text-align: right; height: 80px; margin-top: 147px;} .banners .banner_txt .banner_link2{text-align: right; height: 80px; margin-top: 8px;} .banners .banner1 .banner_inner{background: url(../images/banner1_bg.jpg) 0 0 no-repeat #ECBD12; border-radius:20px 70px 30px 70px / 30px 40px 70px 40px; -moz-border-radius:20px 70px 30px 70px / 30px 40px 70px 40px; -webkit-border-radius:20px 70px 30px 70px / 30px 40px 70px 40px;} .banners .banner1 .button1{border-color: #FF0066; color: #FF0066;} .banners .banner1 .button1:hover{ border-color: #fcf4db; color: #fcf4db; background: #efc043;} .banners .banner2 .banner_inner{background: url(../images/banner2_bg.jpg) 0 0 no-repeat #d5c651; border-radius:40px 40px 140px 30px / 20px 70px 30px 80px; -moz-border-radius:40px 40px 140px 30px / 20px 70px 30px 80px; -webkit-border-radius:40px 40px 140px 30px / 20px 70px 30px 80px;} .banners .banner2 .button1{border-color: #d5c651; color: #d5c651;} .banners .banner2 .button1:hover{ border-color: #fcf4db; color: #fcf4db; background: #d5c651;} .banners .banner3 .banner_inner{background: url(../images/banner3_bg.jpg) 0 0 no-repeat #eb7400; border-radius:20px 90px 70px 170px / 70px 40px 30px 40px; -moz-border-radius:20px 90px 70px 170px / 70px 40px 30px 40px; -webkit-border-radius:20px 90px 70px 170px / 70px 40px 30px 40px;} .banners .banner3 .button1{border-color: #eb7400; color: #eb7400;} .banners .banner3 .button1:hover{ border-color: #fcf4db; color: #fcf4db; background: #eb7400;} .banners .banner4 .banner_inner{background: url(../images/banner4_bg.jpg) 0 0 no-repeat #816d53; border-radius:40px 40px 140px 30px / 20px 70px 30px 80px; -moz-border-radius:40px 40px 140px 30px / 20px 70px 30px 80px; -webkit-border-radius:40px 40px 140px 30px / 20px 70px 30px 80px;} .banners .banner4 .button1{border-color: #816d53; color: #816d53;} .banners .banner4 .button1:hover{ border-color: #fcf4db; color: #fcf4db; background: #816d53;} .button1{margin-top: 10px; display:inline-block; min-width: 70px; height: 70px; border: 5px solid #efc043; line-height:70px; text-align: center; text-decoration: none; font-size:16px; font-family:'Finger Paint'; font-weight: 400; color:#efc043; white-space:nowrap; letter-spacing:0px; background:#fcf4db; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; 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 {} .ul0{ padding: 0; margin: 0; list-style: none;} .ul0 > li { padding:10px 0px 10px 25px; margin: 0px 0px 0px 0px;border-bottom: 1px solid #fff; line-height: 20px; font-family: 'Open Sans'; font-size: 16px; font-weight: 700; color: #fff;} .ul0 > li span{padding-right: 30px; font-size: 20px; color: #fff;} .ul1{ padding: 0; margin: 0; list-style: none;} .ul1 > li { padding:0px 0px 10px 0px; margin: 0px 0px 10px 0px;} .ul1 > li .txt1{ display: block; float: left; width: 60px; height: 60px; background: #efc043; text-align: center; line-height: 60px; font-family: 'Titan One'; font-size: 26px; font-weight: 400; color: #fff; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;} .ul1 > li .txt2{ display: block; float: none; margin-left: 85px;} .button2{ display:inline-block; line-height:20px; text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:13px; font-family:'Finger Paint'; font-weight: 400; color:#fcf4db; white-space:nowrap; letter-spacing:0px; background:#bebc3e; padding: 11px 35px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius: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; } .button2:hover { background: #eb7400; color: #fff;} .testimonial1{margin-bottom: 20px;} .testimonial1 .txt1{ padding: 40px; background: url(../images/testimonial1.png) 25px 25px no-repeat #FF9000; font-size: 15px; line-height: 22px; color: #fdf8e9; border-radius:40px 40px 40px 30px / 70px 60px 60px 40px; -moz-border-radius:40px 40px 40px 30px / 70px 60px 60px 40px; -webkit-border-radius:40px 40px 40px 30px / 70px 60px 60px 40px; } .testimonial1 .txt2{ background: url(../images/testimonial2.png) right top no-repeat; text-align: right; font-size: 15px; line-height: 20px; color: #816d53; font-style: italic; min-height: 20px; padding-top: 25px; padding-right: 25px;} .button3{ display:inline-block; line-height:20px; text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:18px; font-family:'Finger Paint'; font-weight: 400; color:#efc043; white-space:nowrap; letter-spacing: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; } .button3:hover { color:#eb7400;} .google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 8px; background: #beaf3e;border: none; line-height: 1px; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;} .google_map iframe{position: relative; width: 100%; height: 350px; border: none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} /* ============================= thumbnail ====================== */ .img-polaroid{position: relative; padding: 8px; background: #beaf3e; border: none; box-shadow: none;-moz-box-shadow: none; -webkit-box-shadow: none;} .img-rounded{border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;} .img-rounded img{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .thumbnail .caption{padding: 0; color: #5e4d38} .thumb1 {margin-bottom: 20px; padding-top: 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;} .thumb1 figure{margin: 0; float: none; margin:0px 0px 20px 0px;} .thumb1 figure img{width: 100%;} .thumb1 .caption{} .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 97px 27px 0px;} .thumb2 figure img{width: auto;} .thumb2 .caption{} .thumb3 {margin-bottom: 40px;} .thumb3.last {margin-bottom: 0px;} .thumb3 .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; background: none; } .thumb3 .thumbnail > a{position: relative; display: block;text-decoration: none; padding: 8px; background: #efc043; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; 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; } .thumb3 .thumbnail > a:hover{background: #816d53!important;} .thumb3 figure{margin: 0; float: none; margin:0px 0px 15px 0px;} .thumb3 figure img{width: 100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .thumb3 .caption{ text-align: center; padding-bottom: 10px;} .thumb3 .caption .txt1{ color: #fcf4db; padding-bottom: 0; text-decoration: none;} .thumb3 .caption .txt2{ color: #fcf4db; font-size: 16px; line-height: 22px; text-decoration: none;} .thumb3.team1 .thumbnail > a{background: #efc043;} .thumb3.team2 .thumbnail > a{background: #d5c651;} .thumb3.team3 .thumbnail > a{background: #db666c;} .thumb3.team4 .thumbnail > a{background: #48b3ce;} .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 figure{position: relative; margin: 0; float: none; margin:0px 0px 0px 0px; padding: 0; 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{position: relative; display: block; text-decoration: none; padding: 8px; background: #efc043; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; 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{background: #816d53;} .thumb-isotope .thumbnail a:hover figure{} .thumb-isotope .thumbnail a img{width: 100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .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 .caption{ padding: 15px 0px; line-height: 22px; font-size: 16px; color: #fcf4db; text-align: center;} .thumb-isotope .thumbnail a .caption{ text-decoration: none; color: #fcf4db; 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: #fcf4db;} /* ============================= accordion ====================== */ .accordion{ margin-bottom: 20px;} .accordion-group{ margin-bottom: 6px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;} .accordion-heading{border-bottom: 0;} .accordion-heading .accordion-toggle{font-family: 'Finger Paint'; text-decoration: none; display: block; padding: 17px 10px 17px 55px;cursor: pointer; font-size: 18px; line-height: 20px; font-weight: 400; color: #fdf8e9; background: url(../images/accordion1.png) 13px 13px no-repeat #beaf3e; border-radius:27px; -moz-border-radius:27px; -webkit-border-radius:27px;} .accordion-heading .accordion-toggle:hover{ text-decoration: none; color: #fdf8e9; background: url(../images/accordion1_over.png) 13px 13px no-repeat #eb7400;} .accordion-inner{ background: none; border-left: 3px solid #eb7400; border-top: none; padding:0; padding-left: 20px; margin: 15px 0;} /* ============================= Wave ====================== */ .wave1{height: 25px; background: url(../images/wave1.png) 0 0 repeat-x; position: absolute; left: 0; width: 100%; bottom: 0; z-index: 12;} .wave1 { -webkit-animation: wave-animation1 8.7s infinite linear; /* Safari 4+ */ -moz-animation: wave-animation1 8.7s infinite linear; /* Fx 5+ */ -o-animation: wave-animation1 8.7s infinite linear; /* Opera 12+ */ animation: wave-animation1 8.7s infinite linear; /* IE 10+ */ } @-webkit-keyframes wave-animation1 { 0% { background-position: 0 0; } 100% { background-position: 932px 0; } } @-moz-keyframes wave-animation1 { 0% { background-position: 0 0; } 100% { background-position: 932px 0; } } @-o-keyframes wave-animation1 { 0% { background-position: 0 0; } 100% { background-position: 932px 0; } } @keyframes wave-animation1 { 0% { background-position: 0 0; } 100% { background-position: 932px 0; } } /*================= Contacts =========================*/ #note{ font-size: 16px; line-height: 24px; } .notification_error{ color:#eb7400; 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{background: #fdf8e9; border: 1px solid #d5ca78; color: #5e4d38; padding-top: 10px; padding-bottom: 10px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -moz-box-shadow: inset 0px 3px 20px 3px #f5efd4; -webkit-box-shadow: inset 0px 3px 20px 3px #f5efd4; box-shadow: inset 0px 3px 20px 3px #f5efd4; padding-left: 10px;} #ajax-contact-form input:focus, #ajax-contact-form textarea:focus{border-color:#eb7400; } #ajax-contact-form textarea{height: 124px;} #ajax-contact-form .control-group.capthca{margin-bottom: 0px;} #ajax-contact-form .capthca input{width: 156px; 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;line-height:20px; text-decoration: none; font-size:13px; font-family:'Finger Paint'; font-weight: 400; color:#fcf4db; white-space:nowrap; letter-spacing:0px; background:#bebc3e; padding:11px 35px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius: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; } #ajax-contact-form .submit:hover{ color:#fff; background: #eb7400;} .button2{ display:inline-block; line-height:20px; text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:13px; font-family:'Finger Paint'; font-weight: 400; color:#fcf4db; white-space:nowrap; letter-spacing:0px; background:#bebc3e; padding: 11px 35px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius: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; } .button2:hover { background: #eb7400; color: #fff;} /*================= 404 =========================*/ .page-404{text-align: center;} .page-404 .txt1{font-family:'Finger Paint'; font-weight:400; font-size:220px; color:#816d53; line-height:220px; } .page-404 .txt2{font-family:'Finger Paint'; font-weight:400; font-size:70px; color:#816d53; line-height:70px; } /*----- media queries ------*/ /* Large desktop */ @media (min-width: 1200px) { #sun1{ margin-left: -800px;} #bird1{ margin-left: -800px;} #bird2{ margin-left: 800px;} #slider{width: 1170px;} } /* 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) { #sun1{ margin-left: -580px;} #bird1{ margin-left: -580px;} #bird2{ margin-left: 580px;} .navbar_ .nav{display: block;} #slider{width: 724px;} .menu_bot{display: none;} .bot1_inner{text-align: center;} .flowers1{float: none; margin-top: -40px;} } @media (min-width: 768px) and (max-width: 979px) { .nav-collapse_.collapse{height: auto!important; overflow: visible!important;} .navbar_ .btn-navbar{display: none;} .phone1{padding-right: 30px;} .phone1 .txt1{font-size: 16px;} .phone1 .txt2{font-size: 20px;} .navbar_ .nav > li{margin-left: 0; margin-right: -10px;} .banners .banner_title .txt1{font-size: 16px; line-height: 26px; color: #fff; padding-top: 5px;} } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { body{padding-left: 0; padding-right: 0;} .container{width: 440px;} #sun1{ margin-left: -440px;} #bird1{ margin-left: -440px;} #bird2{ margin-left: 440px;} .logo_wrapper{float: none;} .top1{float: none; padding-top: 0px;} .phone1 .txt2{font-size: 22px;} .phone1{float: none; padding-right: 0; text-align: center; padding-top: 0px; padding-bottom: 15px;} .social_wrapper{float: none;} .navbar_ .nav{background: url(../images/submenu_bg.png); padding: 10px; border-radius:0 0 20px 0; -moz-border-radius:0 0 20px 0; -webkit-border-radius:0 0 20px 0; } .navbar_ .nav > li{float: none; height: auto; width: auto; display: block; margin: 0px; padding: 0px; margin-bottom: 1px;} .navbar_ .nav > li > a{display: block; width: auto; height: auto; line-height: 20px!important; background: none!important; text-align: left; padding: 9px 15px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; } .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: #fff; background: #48b3ce!important;} .sub-menu ul{position: relative; left: 0; top: 0; margin: 0; border: none; padding-left: 20px;} #slider{width: 440px;} .copyright{float: none; text-align:center} .search-form-wrapper{float: none; padding-top: 0px;} .navbar-form input{width: 360px;} } @media (min-width: 481px) and (max-width: 767px) { } /* Landscape phones and down */ @media (max-width: 480px) { .container{width: 300px;} #sun1{ margin-left: -370px;} #bird1{ margin-left: -370px;} #bird2{ margin-left: 370px;} #slider{width: 300px;} .navbar-form input{width: 230px;} .thumb2 figure{float: none; margin-right: 0;} .thumb2 figure img{width: 100%;} .page-404 .txt1{font-size: 150px; line-height: 150px;} .page-404 .txt2{font-size: 50px; line-height: 50px;} } .tul-box { width:950px; height:200px; padding:10px 10px 10px 10px; } .tul1 { width:172px; height:180px; float:left; } .tul2 { width:700px; height:180px; padding: 10px 0px 0px 10px; float:left; } .gal-box { width:800px; height:auto; } .gal-box2 { width:auto; height:auto; float:left; padding:5px 5px 5px 5px; text-decoration:none; } .cws_callout, .testimonial, .header_logo_part.with_border .logo>img { background-image: url(../img/dots-pattern.png); } .cws_callout, .testimonial, .header_logo_part.with_border .logo>img { background-image: url(../img/dots-pattern.png); } .cws_callout { background-color: #26b4d7; } .cws_callout { position: relative; padding: 21px 40px; text-align: center; color: #fff; line-height: 1.4; border-radius: 20px; background-position: left center; z-index: 1; } .cws_callout .button_section>a:hover { background-color: #fd8e00; } .cws_callout .content_section + .button_section { margin-top: 25px; } .cws_callout .button_section { margin-bottom: -1.57em; } .cws_callout .button_section>a { position: relative; font-size: 1.58em; padding: 8px 16px; line-height: 1; border-bottom-right-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; -webkit-box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.15); } .cws_button.xlarge, .cws_button.xlarge.alt>span { padding: 15px 45px; font-size: 1.8578em; } .cws_button.large, .cws_button.xlarge { border-radius: 9px; } .cws_button:hover, input[type='submit']:hover { color: #fff; } .cws_button, .cws_callout .button_section>a:hover { background-color: #fec20b; } .cws_callout .button_section .button-shadow { position: absolute; bottom: 0; right: 10px; top: 0; left: 10px; background-color: inherit; z-index: -1; } .cws_callout .button_section .button-shadow:before, .cws_callout .button_section .button-shadow:after { content: ""; position: absolute; bottom: 0; right: -0px; left: -14px; height: 9px; background-color: inherit; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -ms-transform: skew(45deg); transform: skew(45deg); background-image: url(../img/dark-pattern.png); background-position: left center; background-repeat: repeat; } .cws_callout .button_section .button-shadow:before, .cws_callout .button_section .button-shadow:after { content: ""; position: absolute; bottom: 0; right: -0px; left: -14px; height: 9px; background-color: inherit; -webkit-transform: skew(45deg); -moz-transform: skew(45deg); -ms-transform: skew(45deg); transform: skew(45deg); background-image: url(../img/dark-pattern.png); background-position: left center; background-repeat: repeat; } .cws_callout .button_section .button-shadow:after { left: 0; right: -14px; -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); } .cws_callout .callout_title { font-size: 2em; line-height: 1; font-family: 'Titan One'; } .cws_callout .separate { display: inline-block; width: 22px; height: 5px; border-radius: 5px; background-color: #fec20b; } .cws_callout .callout_text { font-size: 1.21em; line-height: 1.1; padding-bottom: 10px; } .cws_callout .callout_title .bees.bees-end>span { -webkit-transform: rotateY(180deg) translateX(125%); -moz-transform: rotateY(180deg) translateX(125%); -ms-transform: rotateY(180deg) translateX(125%); transform: rotateY(180deg) translateX(125%); } .bees.bees-end>span { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .bees>span { content: ''; display: inline-block; width: 40px; height: 40px; background: url(../img/bees.png) left center; animation: play .1s steps(3) infinite; -webkit-animation: play .1s steps(3) infinite; } .bees { display: inline-block; } .cws_callout .callout_title .bees { vertical-align: baseline; width: 0px; } *{margin:0;padding:0;text-decoration:none} nav{position:relative;width:1050px;margin:0 auto;} #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1024;} #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} #cssmenu #head-mobile{display:none} #cssmenu > ul > li{float:left} #cssmenu > ul > li > a{padding: 35px 0;font-size:15px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;} #cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff} #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;} #cssmenu > ul > li.has-sub > a{padding-right:30px} #cssmenu > ul > li.has-sub > a:after{ position: absolute; top: 40px; right: 11px; width: 8px; height: 2px; display: block; background: #fff; content: ''; } #cssmenu > ul > li.has-sub > a:before{ position: absolute; top: 37px; right: 14px; display: block; width: 2px; height: 8px; background: #fff; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; } #cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0} #cssmenu ul ul{position:absolute;left:-9999px} #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease} #cssmenu ul ul li:hover{} #cssmenu li:hover > ul{left:auto} #cssmenu li:hover > ul > li{height:35px} #cssmenu ul ul ul{margin-left:100%;top:0} #cssmenu ul ul li a{ border-bottom: 1px solid rgba(150,150,150,0.15); padding: 11px 15px; width: 170px; font-size: 14px; text-decoration: none; color: #fff; font-weight: 400; font-family: 'Finger Paint'; background: #0195ff; } #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0} #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff} #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease} #cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0} #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;} #cssmenu ul ul ul li.active a{border-left:1px solid #333} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333} @media screen and (max-width:1000px){ nav{width:100%;} #cssmenu{width:100%} #cssmenu ul{width:100%;display:none} #cssmenu ul li{width:100%;border-top:1px solid #444} #cssmenu ul li:hover{background:#363636;} #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto} #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0} #cssmenu > ul > li{float:none} #cssmenu ul ul li a{padding-left:25px} #cssmenu ul ul li{background:#333!important;} #cssmenu ul ul li:hover{background:#363636!important} #cssmenu ul ul ul li a{padding-left:35px} #cssmenu ul ul li a{color:#ddd;background:none} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff} #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none} #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700} .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;} .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''} .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''} .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer} #cssmenu .submenu-button.submenu-opened{background:#262626} #cssmenu ul ul .submenu-button{height:34px;width:34px} #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''} #cssmenu ul ul .submenu-button:after{top:15px;right:13px} #cssmenu .submenu-button.submenu-opened:after{background:#fff} #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''} #cssmenu ul ul .submenu-button:before{top:12px;right:16px} #cssmenu .submenu-button.submenu-opened:before{display:none} #cssmenu ul ul ul li.active a{border-left:none} #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none} } @media (min-width: 1200px) { .span6 { width: 45%; float: left; } } .testimonialsh3 { font-family: 'Titan One'; font-weight: 400; font-size: 18px; color: #eb7400; line-height: 35px; padding: 0px 0 20px 0; margin: 0; float:right; }