/* 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); p:empty { display: none !important; } .spacer_super_small { clear: both; overflow: hidden; display: block; width: 100%; height: 15px; } .spacer_small { clear: both; overflow: hidden; display: block; width: 100%; height: 30px; } .spacer_big { clear: both; overflow: hidden; display: block; width: 100%; height: 60px; } /* 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, Helvetica, sans-serif; color:#5e4d38 ; 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: "Solomon Normal"; font-size: 20px; line-height: 20px; color: #fff;} .phone1 .txt2{font-family: "Solomon Normal"; font-size: 26px; line-height: 26px; color: #fff;} .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: block; margin: 0 0px; padding-top: 35px; list-style: none; white-space: nowrap; text-align: center; } .social li{ display: inline-block; margin: 0 2px; } .social li a { text-decoration: none !important; } #slider_wrapper{position: relative; overflow: hidden;} #slider{width: 940px; margin: 0 auto; padding: 10px; background: #fcf4db; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;} .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%;} /* ============================= 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: -40px;} footer{position: relative; z-index: 1; background: #5e4d38; } .footer_inner{padding-top: 15px; padding-bottom: 20px;} .copyright{color:#a99d75; padding-top: 10px; padding-bottom: 20px; line-height: 20px; float: left; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} .copyright a{color: #f1e7c6; 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/nav1.png) 0 10px no-repeat; font-family: 'Solomon Normal'; 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.current-menu-item > a, .navbar_ .nav > li.current-menu-item > a:hover, .navbar_ .nav > li.current-menu-item > 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);} .menu-item-has-children 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; } .menu-item-has-children li { margin: 0; position: relative; zoom: 1; display: block;} .menu-item-has-children li a{display: block; position: relative; font-family:'Solomon Normal'; 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; } .menu-item-has-children li a:hover{ text-decoration: none; color: #fff; background: #efc043;} .menu-item-has-children li a:hover em{background-position: bottom;} .menu-item-has-children > ul 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;} .menu-item-has-children li a:hover{} .navbar_ .nav > li:first-child + li.menu-item-has-children li a:hover{background: #d5c651;} .navbar_ .nav > li:first-child + li + li.menu-item-has-children li a:hover{background: #eb7400;} .navbar_ .nav > li:first-child + li + li + li.menu-item-has-children li a:hover{background: #db666c;} .navbar_ .nav > li:first-child + li + li + li + li.menu-item-has-children li a:hover{background: #816d53;} .navbar_ .nav > li:first-child + li + li + li + li + li.menu-item-has-children li a:hover{background: #48b3ce;} /* ============================= 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:'Solomon Normal'; 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#s { width: 240px; height: 36px; 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#s:focus {color: #fff; border-color: #f1e7c6;-moz-box-shadow: inset none; -webkit-box-shadow: none; box-shadow: none;} .navbar-form #searchsubmit {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; border: none; text-indent: -9999px;} .navbar-form #searchsubmit: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); -webkit-transition: opacity 0.7s ease; -o-transition: opacity 0.7s ease; transition: opacity 0.7s ease; } #toTop:active, #toTop:focus { outline:none; } #toTopHover:hover { opacity: 1; } /* ============================= main layout ====================== */ h1{ font-family:'Solomon Normal'; 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:'Solomon Normal'; font-weight:400; font-size:35px; color:#816d53; line-height:35px; padding:25px 0 20px 0; margin: 0;} h3{ font-family:'Solomon Normal'; font-weight:400; font-size:35px; color:#eb7400; line-height:35px; padding:25px 0 20px 0; margin: 0;} h4{ font-weight: 700; color:#5e4d38; padding:0px 0 10px 0; margin: 0px 0px 0px 0px;font-size: 16px; line-height: 22px;} h5{ font-family:'Solomon Normal'; font-weight:400; font-size:16px; color:#fcf4db; line-height:20px; padding:0px 0 10px 0; margin: 0;} h6{ font-family:'Solomon Normal'; 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{} .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:'Solomon Normal'; font-weight: 400; font-size: 26px; line-height: 26px; color: #fff; padding-top: 5px;} .banners .banner_txt{padding: 15px 20px 0;} .banners .banner_txt img{width: 100%;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .banners .banner_txt .txt2{font-family:'Solomon Normal'; font-weight: 400; font-size: 14px; line-height: 20px; color: #fff; padding-top: 15px;} .banners .banner_txt .banner_link{text-align: right; height: 80px;} .banners .banner1 .banner_inner{background: url(../images/banner1_bg.jpg) 0 0 no-repeat #efc043; 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: #efc043; color: #efc043;} .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: 80px; height: 80px; border: 5px solid #efc043; line-height:73px; text-align: center; text-decoration: none; font-size:16px; font-family:'Solomon Normal'; 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; text-decoration: none !important; } .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 #c9ba47; 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: #938624;} .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:'Solomon Normal'; 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 #816d53; 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:'Solomon Normal'; 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 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 20px 20px 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 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 50; } .thumb-isotope .thumbnail p { margin-bottom: 0; } .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: 'Solomon Normal'; 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;} /*================= Contacts =========================*/ #fields { text-align: left; } #fields .control-group{margin-bottom: 10px;} #fields .control-label{display: none;} #fields .controls{margin-left: 0;} #fields input, #fields textarea{ height: 41px; 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; margin-bottom: 0; } #fields input:focus, #fields textarea:focus{border-color:#eb7400; } #fields textarea{height: 143px; resize: none; width: 100%;} #fields .control-group.capthca{margin-bottom: 0px;} #fields .capthca input{width: 156px; float: left; margin-right: 30px;margin-bottom: 10px;} #fields img{float:left; width:170px; height:42px;margin-bottom: 10px;} #fields input[type="submit"]{ border: 0; margin: 0; display: inline-block;line-height:20px; text-decoration: none; font-size:13px; font-family:'Solomon Normal'; 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; -webkit-box-shadow: none; box-shadow: none; } #fields input[type="submit"]:hover{ color:#fff; background: #eb7400;} #fields input::-webkit-input-placeholder { color: #5e4d38 !important; opacity: 1 !important; } #fields input::-moz-placeholder { color: #5e4d38 !important; opacity: 1 !important; } #fields input:-ms-input-placeholder { color: #5e4d38 !important; opacity: 1 !important; } #fields input:-moz-placeholder { color: #5e4d38 !important; opacity: 1 !important; } #fields textarea::-webkit-input-placeholder { color: #5e4d38 !important; opacity: 1 !important; } #fields textarea::-moz-placeholder { color: #5e4d38 !important; opacity: 1 !important; } #fields textarea:-ms-input-placeholder { color: #5e4d38 !important; opacity: 1 !important; } #fields textarea:-moz-placeholder { color: #5e4d38 !important; opacity: 1 !important; } #fields .wpcf7-form { position: relative; } #fields span.wpcf7-not-valid-tip { color: #f00; display: block; font-size: 12px; padding-left: 15px; font-family: Arial; } #fields .wpcf7-form .ajax-loader { position: absolute; right: 25px; bottom: 0; width: auto; height: auto; } .button2{ display:inline-block; line-height:20px; text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:13px; font-family:'Solomon Normal'; font-weight: 400; color:#fcf4db !important; 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; text-decoration: none !important; } .button2:hover, .button2:active { background: #eb7400; color: #fff !important;} .button2.orange { background: #EB7400; } .button2.orange:hover, .button2.orange:active { background: #DB666C; } .wpcf7-form div.wpcf7-validation-errors { display: none!important; } .wpcf7-form div.wpcf7-mail-sent-ok { border: 2px solid #BEBC3E; background: #BEBC3E; padding: 15px 10px; color: #fff; font-size: 14px; border-radius: 10px; margin: 15px 0; } /*================= 404 =========================*/ .page-404{text-align: center;} .page-404 .txt1{font-family:'Solomon Normal'; font-weight:400; font-size:220px; color:#816d53; line-height:220px; } .page-404 .txt2{font-family:'Solomon Normal'; font-weight:400; font-size:70px; color:#816d53; line-height:70px; } /***************************/ .post .post-date { color: #5e4d38; font-size: 16px; font-weight: 700; line-height: 22px; margin: 0; padding: 0 0 10px; } .post .post-story h3 { padding-top: 0; } .navigation.pagination .nav-links .page-numbers { background: #efc043; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; color: #fff !important; display: block; float: left; font-family: "Titan One"; font-size: 14px; font-weight: 400; height: 30px; line-height: 30px; text-align: center; width: 30px; -webkit-transition: background 0.6s ease; -o-transition: background 0.6s ease; transition: background 0.6s ease; text-decoration: none !important; margin-right: 15px; } .navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers:hover { background: #DB666C; } .sidebar ul { padding: 0; margin: 0; } .sidebar ul li { display: block; margin: 0 0 10px 0; padding: 0; color: #5e4d38; font-size: 16px; font-weight: 700; line-height: 22px; } .sidebar ul li a { color: #5e4d38; font-size: 16px; font-weight: 700; line-height: 22px; text-decoration: none; display: inline-block; padding-left: 28px; position: relative; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .sidebar ul li a:before { position: absolute; display: block; content: '\f185'; font-family: 'FontAwesome'; font-size: 16px; line-height: 1.1; color: #EFC043; left: 0; top: 3px; width: 20px; height: 20px; } .sidebar ul li a:hover { color: #EFC043; } .sidebar .widget-title { text-transform: capitalize; } .post-tags { margin-bottom: 25px; } .single h3 { text-transform: capitalize; } .sidebar .tagcloud a, .post-tags .tags a { background: #db666c; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #fff !important; display: block; float: left; font-family: "Titan One"; font-size: 13px !important; font-weight: bold; letter-spacing: 0.05em; line-height: 35px !important; margin: 0 5px 5px 0; text-align: center; text-decoration: none !important; -webkit-transition: background 0.6s ease 0s; -o-transition: background 0.6s ease 0s; transition: background 0.6s ease 0s; padding: 0 10px; display: inline-block; vertical-align: top; font-family: "Open Sans", sans-serif; } .sidebar .tagcloud a:hover, .post-tags .tags a:hover { background: #DC6901; } .search-form { position: relative; } .search-form input.search-field { background: #FFFCF4; border: 1px solid rgba(95,77,57, 0.2); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; color: #5e4d38; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: italic; height: auto; line-height: 20px; margin: 0; padding: 8px 50px 8px 20px; width: 100%; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; } .search-form input.search-field::-webkit-input-placeholder { color: #5e4d38 !important; opacity: 0.7 !important; } .search-form input.search-field::-moz-placeholder { color: #5e4d38 !important; opacity: 0.7 !important; } .search-form input.search-field:-ms-input-placeholder { color: #5e4d38 !important; opacity: 0.7 !important; } .search-form input.search-field:-moz-placeholder { color: #5e4d38 !important; opacity: 0.7 !important; } .search-form input.search-submit { background: rgba(0, 0, 0, 0) url("../images/search.png") no-repeat scroll left top; border: medium none; display: inline-block; height: 33px; margin: 0; position: absolute; right: 3px; text-decoration: none; text-indent: -9999px; top: 7px; width: 28px; clip:auto; } /***************************/ .single .post-info { clear: both; overflow: hidden; } .single .post-info .post-date { color: #5e4d38; display: inline-block; font-size: 14px; font-weight: 700; line-height: 22px; position: relative; text-decoration: none; } .single .post-info .post-date i, .single .post-info .post-cat i { color: #efc043; } .single .post-info .post-cat { color: #5e4d38; display: inline-block; font-size: 13px; font-weight: bold; line-height: 22px; position: relative; text-decoration: none; float: right; } .single .post-info .post-cat a { color: #5e4d38; } #reply-title > a, #reply-title > small { font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: bold; } .single .wf { width: 100%; float: none; } .single .wh { width: 48%; float: left; padding: 0 30px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #commentform .form-submit { clear: both; overflow: hidden; } #commentform { max-width: 600px; } #commentform input[type="text"], #commentform input[type="email"], #commentform textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 15px; background: #fffcf4 none repeat scroll 0 0; border: 1px solid rgba(95, 77, 57, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none; color: #5e4d38; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 25px; height: auto; } #commentform textarea { height: 170px; } #commentform #submit { border: none; height: auto; background: #bebc3e; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; color: #fcf4db !important; display: inline-block; font-family: 'Solomon Normal'; font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 20px; margin-bottom: 10px; margin-top: 10px; padding: 11px 35px; text-decoration: none !important; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; white-space: nowrap; } #commentform #submit:hover, #commentform #submit:active { background: #eb7400; color: #fff !important; } .prev_next { clear: both; overflow: hidden; margin: 0; padding: 10px 0; } .prev_next .prev { float: left; } .prev_next .next { float: right; } .prev_next a { color: #eb7400; font-family: "Titan One"; font-size: 14px; font-weight: 400; line-height: 35px; margin: 0; padding: 0; text-decoration: none; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .prev_next a:hover { color: #DB666C; } /**************************/ #content img.alignleft, #content img.alignright { max-width: 60%; } @media only screen and (max-width: 767px) { /* line 451, ../sass/screen.scss */ #content img.alignleft, #content img.alignright { max-width: 43%; } } @media only screen and (max-width: 479px) { /* line 451, ../sass/screen.scss */ #content img.alignleft, #content img.alignright { max-width: 100%; } } /* line 464, ../sass/screen.scss */ #content img.alignleft { float: left; margin: 0 20px 10px 0; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 472, ../sass/screen.scss */ #content img.alignleft + br { display: none; } @media only screen and (max-width: 479px) { /* line 464, ../sass/screen.scss */ #content img.alignleft { float: none !important; margin: 0 0 20px 0; display: block; clear: both; } } /* line 482, ../sass/screen.scss */ #content img.alignright { float: right; margin: 0 0 10px 20px; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 490, ../sass/screen.scss */ #content img.alignright + br { display: none; } @media only screen and (max-width: 479px) { /* line 482, ../sass/screen.scss */ #content img.alignright { float: none !important; margin: 0 0 20px 0; display: block; clear: both; } } /* line 500, ../sass/screen.scss */ #content img.alignnone { max-width: 100%; margin: 0 20px 15px 0; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 508, ../sass/screen.scss */ #content img.alignnone + br { display: none; } @media only screen and (max-width: 479px) { /* line 500, ../sass/screen.scss */ #content img.alignnone { float: none !important; margin: 0 0 20px 0; display: block; clear: both; } } /* line 518, ../sass/screen.scss */ #content img.aligncenter { max-width: 100%; display: block; margin: 0 auto 15px; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 527, ../sass/screen.scss */ #content img.aligncenter + br { display: none; } @media only screen and (max-width: 479px) { /* line 518, ../sass/screen.scss */ #content img.aligncenter { float: none !important; margin: 0 0 20px 0; display: block; clear: both; } } /*************************/ .comment-block { list-style: outside none none; margin-bottom: 20px; padding: 20px; background: #FCF9ED; border: 1px solid #F7ECC3; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: relative; } .comment-block figure { float: left; margin-right: 20px; margin-left: 0; } .comment-block figure i.fa { border: 1px solid #f2e7c7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; font-size: 70px; width: 80px; height: 80px; text-align: center; background: #F2E7C7; } .comment-block .caption { overflow: hidden; } .comment-block .caption .top { padding-bottom: 10px; } .comment-block .caption .top .top_left { float: left; } .comment-block .caption .top .txt1 { color: #5e4d38; font-size: 11px; font-weight: 700; letter-spacing: 2px; padding-bottom: 5px; text-transform: uppercase; } .comment-block .caption .top .txt2 { font-size: 14px; } .comment-block .top_right { position: absolute; top: -23px; right: 12px; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); } .comment-block .top_right:hover { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .comment-block .reply .comment-reply-link { background: #fcf4db; border: 5px solid #efc043; border-radius: 40px; color: #efc043; display: inline-block; font-family: "Finger Paint"; font-size: 16px; font-weight: 400; height: 80px; letter-spacing: 0; line-height: 73px; margin-top: 10px; min-width: 80px; text-align: center; text-decoration: none !important; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; white-space: nowrap; border-color: #d5c651; color: #d5c651; } .comment-block .reply .comment-reply-link:hover { background: #d5c651 none repeat scroll 0 0; border-color: #fcf4db; color: #fcf4db; } .archive .post { margin-bottom: 20px; } .archive .post .post-image { margin-bottom: 10px; } /*************************************************/ /*----- 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;} .sidebar ul li a { font-size: 14px; } .sidebar .tagcloud a { letter-spacing: 0; padding: 0 5px; line-height: 31px !important; font-size: 12px !important; margin: 0 3px 3px 0; } } @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;} .menu-item-has-children ul, .menu-item-has-children > ul ul {position: relative; left: 0; top: 0; margin: 0; border: none; padding-left: 20px;} #slider{width: 440px;} .copyright{float: none;} .search-form-wrapper{float: none; padding-top: 0px;} .navbar-form input#s{width: 100%;} .navbar-form { float: none; } .sidebar { clear: both; overflow: hidden; padding-top: 50px; } .sidebar .tagcloud a { font-size: 13px !important; letter-spacing: 0; line-height: 31px !important; margin: 0 5px 5px 0; padding: 0 10px; } } @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;} .comment-block .caption { overflow: visible; } .comment-block .caption .top .top_left { float: none; display: block; overflow: hidden; clear: both; } }