@import url(//fonts.googleapis.com/css?family=Gentium+Basic:400,700); body { background: #f7f7f7; font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.428571429; color: #666666; } a { text-decoration: none; } a:hover { text-decoration: none; } a:focus { text-decoration: none; background: none; } a[href^="tel:"] { color: inherit; text-decoration: none; } textarea, input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; -moz-appearance: caret; } p { margin-bottom: 21px; line-height: 21px; } h1.navbar-brand_ { margin: 0; padding: 0; float: left; } h1.navbar-brand_ a { display: inline-block; } h1.navbar-brand_ span { display: none; } h2 { font: bold 24px/30px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; margin: 0 0 25px 0; position: relative; z-index: 0; display: block; text-align: center; } h2 > em { font-style: normal; background: #f7f7f7; padding: 0 35px; } h2 > span { width: 100%; height: 1px; background: #cdcdcd; position: absolute; z-index: -1; top: 16px; left: 0; } h2.indent { margin-bottom: 48px; } h3 { color: #191919; font: bold 18px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0 0 19px 0; } .extra-wrap { overflow: hidden; } .global { padding: 0; background: #f7f7f7; } .global.indent { padding: 63px 0 0 0; background: #f7f7f7; } .center { text-align: center; } /*-----menu-----*/ nav.tm_navbar { background: none; border: none; padding: 0; margin: 24px 0 0 0; float: right; min-height: 0; } nav.tm_navbar li { float: left; font-size: 16px; line-height: 21px; padding: 0; position: relative; margin-right: 53px; } nav.tm_navbar li:last-child { margin-right: 0; padding-right: 0; background: none; } nav.tm_navbar li a { position: relative; padding: 0; font: bold 14px 'Gentium Basic'; color: #191919; text-transform: uppercase; background: none; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } nav.tm_navbar li.active > a { color: #bac494; background: none; } nav.tm_navbar li > a:hover { color: #bac494; background: none; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } nav.tm_navbar .sfHover > a { color: #bac494; background: none; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } nav.tm_navbar li span { height: 4px; background: url(../img/menu-marker.png) center 0 no-repeat; width: 100%; text-align: center; position: absolute; left: 0; bottom: -6px; } /*-----subMenu1-----*/ nav.tm_navbar .sub-menu > ul { position: absolute; display: none; width: 105px; left: -18px; top: 25px; list-style: none !important; zoom: 1; z-index: 11; background: #bac494; padding: 26px 12px 11px 12px; margin: 0; text-align: left; } nav.tm_navbar .sub-menu > ul li { background: none; border: none; width: auto; float: none; margin: 0 0 12px 0; padding: 0; display: block; } nav.tm_navbar .sub-menu > ul li a { background: none; padding: 0; margin: 0; float: none; font: 12px 'Arial'; text-transform: uppercase; color: #ffffff; -webkit-transition: all 0.25s; transition: all 0.25s; } nav.tm_navbar .sub-menu > .submenu li span { display: inline-block; background: url(../img/menu-marker2.png) no-repeat; width: 6px; height: 7px; position: relative; left: 9px; top: 0; } nav.tm_navbar .sub-menu > ul li a:hover { text-decoration: none; color: #333 !important; background: none !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } nav.tm_navbar .sub-menu > ul li.sfHover > a { text-decoration: none; color: #333 !important; background: none !important; } /*-----subMenu2-----*/ nav.tm_navbar .sub-menu ul ul { position: absolute; display: none; width: 105px; left: 93px; top: -25px; list-style: none !important; zoom: 1; z-index: 11; background: #333; padding: 26px 20px 11px 20px; margin: 0; text-align: left; } nav.tm_navbar .sub-menu ul ul li a { background: none; padding: 0; margin: 0; float: none; font: 12px 'Arial'; text-transform: uppercase; color: #ffffff; -webkit-transition: all 0.25s; transition: all 0.25s; } nav.tm_navbar .sub-menu > ul li > ul li a:hover { text-decoration: none; color: #bac494 !important; background: none !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .select-menu { display: none !important; } /*-----content-----*/ header { margin: 0; padding: 72px 0 22px 0; position: relative; z-index: 11; background: #ffffff; } header.indent { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); } footer .col-lg-12 { padding-top: 43px; padding-bottom: 43px; text-align: center; } footer hr { margin: 0; border-top: 1px solid #cdcdcd; } footer p { margin-bottom: 35px; font: 14px 'Gentium Basic'; text-transform: uppercase; color: #2d2c2c; } footer p a { font: 14px 'Gentium Basic'; text-transform: uppercase; color: #2d2c2c; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } footer p a:hover { color: #b8c493; } footer p a img { margin: 0; } footer em { font-style: normal; } footer img { margin-bottom: 27px; } .follow_icon { padding: 0; margin: 0 0 4px 0; list-style: none; display: block; } .follow_icon li { display: inline-block; margin-left: 25px; } .follow_icon li:first-child { margin-left: 0; } .follow_icon li a { -webkit-transition: all 0.25s; transition: all 0.25s; display: block; } .follow_icon li a:hover { opacity: 0.7; filter: alpha(opacity=70); } #toTop { display: inline-block !important; width: 42px; height: 42px; background: url(../img/top.png) 0 top no-repeat; position: relative; z-index: 999; margin: 0 !important; left: 0 !important; right: 0 !important; } #toTop:hover { background: url(../img/top.png) 0 bottom no-repeat; } .privacyBox { margin-bottom: 80px; } .blog-box { padding: 63px 0 40px 0; position: relative; } .comment-box { padding: 11px 0 26px 0; background: #fed46f; } .comment-box figure { border-radius: 100%; float: left; margin-right: 45px; border: 3px solid #fee097; } .comment-box figure img { border-radius: 100%; } .comment-box .extra-wrap { padding-top: 15px; } .comment-box p { font-size: 14px; font-style: italic; color: #2e2e2e; margin-bottom: 0; } .comment-box p a { font: bold italic 14px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2e2e2e; } .comment-box p a:hover { text-decoration: underline; } .block-box { padding: 37px 0 29px 0; background: #3f3f3f; } .block-box p { color: #ffffff; font-size: 14px; margin-bottom: 0; } .trainerBox { margin-bottom: 30px; position: relative; display: block; } .trainerBox figure { margin: 0; } .trainerBox figure a { position: relative; display: block; width: 100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .trainerBox figure a:hover { opacity: 0.7; filter: alpha(opacity=70); } .trainerBox figure a:hover img { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } .trainerBox figure img { width: 100%; top: 0; left: 0; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; outline: 1px solid transparent; } .testimBox { background: url(../img/bg_pic2.jpg) center 0 no-repeat; padding: 82px 0 27px 0; } .testimBox h2 { color: #ffffff; font-size: 36px; line-height: 30px; text-transform: uppercase; margin-bottom: 13px; } .testimBox h2 > span { background: url(../img/border.png) no-repeat; top: 15px; } .testimBox h2 em { background: none; padding: 0; } .testimBox .description { text-align: center; color: #ffffff; font-size: 18px; line-height: 21px; margin-bottom: 53px; } .testimBox .col-lg-3 { margin-bottom: 50px; } .testimBox p { color: #ffffff; } .servicesBox { padding: 68px 0 20px 0; border-top: 1px solid #eeefef; background: #ffffff; } .servicesBox .col-lg-4 { margin-bottom: 65px; } .servicesBox .col-lg-4 p { margin-bottom: 27px; } .servicesBox hr { border-top: 1px solid #eee; margin: 0; } .overviewBox { padding: 83px 0 33px 0; background: #ffffff; } .videosBox { padding: 61px 0 0 0; background: #e9e9e9 url(../img/pattern1.png) repeat; } .videosBox .col-lg-4 { margin-bottom: 55px; } .videosBox figure { margin-bottom: 30px; } .videosBox figure img { width: 100%; } .videosBox figure em { width: 100%; height: 100%; background: url(../img/play.png) center center no-repeat; display: block; position: absolute; top: 0; -webkit-transition: all 0.25s; transition: all 0.25s; } .videosBox figure a { position: relative; display: block; } .videosBox figure a:hover em { opacity: 0; -webkit-transition: all 0.25s; transition: all 0.25s; } .videosBox h3 { margin-bottom: 11px; } .centre-box { margin-bottom: 55px; } .centre-box time { margin-bottom: 5px; display: inline-block; } .centre-box time a { font: bold 18px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #e38a82; -webkit-transition: all 0.25s; transition: all 0.25s; } .centre-box time a:hover { color: #584b46; } .gallery-box { padding-bottom: 29px; } .blogBox { margin-bottom: 48px; } .about-box { text-align: center; margin-bottom: 83px; } .about-box > div { border-top: 1px solid #eee; padding: 63px 0 0 0; } .about-box h2 { margin-bottom: 50px; } .center-box { padding: 72px 0; margin-bottom: 62px; background: url(../img/pattern2.png) repeat; min-height: 280px; } .center-box .title { font: bold 60px/53px 'Gentium Basic'; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08); margin-bottom: 0; } .center-box .title2 { font: 30px/36px 'Gentium Basic'; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08); margin-bottom: 0; } .center-box .description { font: 18px/24px 'Gentium Basic'; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08); margin: 31px 0 0 0; } .location-box { background: url(../img/bg_pic.jpg) center 0 no-repeat; padding: 82px 0 63px 0; } .location-box h2 { color: #ffffff; font-size: 36px; line-height: 30px; text-transform: uppercase; margin-bottom: 13px; } .location-box h2 > span { background: url(../img/border.png) no-repeat; top: 36px; } .location-box h2 em { background: none; padding: 0; } .location-box .description { text-align: center; color: #ffffff; font-size: 18px; line-height: 21px; margin-bottom: 53px; } .location-box.indent h2 > span { background: url(../img/border2.png) no-repeat; } .follow_list { padding: 0; margin: 0; list-style: none; } .follow_list li { margin-bottom: 23px; display: block; } .follow_list li span { float: left; font-size: 25px; color: #ce3b28; margin-right: 16px; } .follow_list li a { font: 18px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; -webkit-transition: all 0.25s; transition: all 0.25s; } .follow_list li a:hover { color: #ce3b28; } .error-box { background: url(../img/bg_pic1.jpg) center 0 no-repeat; padding: 82px 0 78px 0; text-align: center; } .error-box h2 { color: #ffffff; font-size: 36px; line-height: 30px; text-transform: uppercase; margin-bottom: 37px; } .error-box h2 > span { background: url(../img/border.png) no-repeat; top: 36px; } .error-box h2 em { background: none; padding: 0; } .error-box .description { text-align: center; font: bold 22px/24px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffe400; margin-bottom: 53px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } .who-box { overflow: hidden; margin-bottom: 80px; } .client-box { background: url(../img/pattern2.png) repeat; padding: 35px 0 42px 0; } .banner-box { margin-top: 8px; } .banner-box .col-lg-6 { margin-bottom: 30px; } .banner-box figure a { display: block; -webkit-transition: all 0.25s; transition: all 0.25s; } .banner-box figure a:hover { opacity: 0.7; filter: alpha(opacity=70); } .banner-box figure img { width: 100%; } .banner-box hr { margin: 80px 0 0 0; border-top: 1px solid #cdcdcd; } /*-----carousel-----*/ .list_carousel1.responsive { position: relative; width: auto; margin: 0; padding: 55px 0 85px 0; } .list_carousel1 #foo1 { margin: 0; padding: 0; list-style: none; display: block; cursor: default; } .list_carousel1 #foo1 > li { padding: 0; float: left; cursor: default; margin-right: 30px; } .list_carousel1 #foo1 > li figure { margin-bottom: 31px; } .list_carousel1 #foo1 > li figure img { width: 100%; } .list_carousel1 #foo1 > li .title { font: 16px/21px 'Gentium Basic'; color: #353535; margin-bottom: 0; text-transform: uppercase; float: left; } .list_carousel1 #foo1 > li .btn1 { float: right; } .list_carousel1 #foo1 > li p { margin-bottom: 0; } .list_carousel1.responsive .caroufredsel_wrapper { cursor: default !important; } .list_btn { position: absolute; top: 0; z-index: 1; left: 50%; width: 60px; margin-left: -30px; } .list_btn .prev, .list_btn .next { display: inline-block; width: 17px; height: 18px; cursor: pointer; float: left; position: relative; margin: 0 6px; } .list_btn .prev { background: url(../img/prev2.png) 0 top no-repeat; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list_btn .next { background: url(../img/next2.png) 0 top no-repeat; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list_btn .prev:hover { background: url(../img/prev2.png) 0 bottom no-repeat; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list_btn .next:hover { background: url(../img/next2.png) 0 bottom no-repeat; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list_carousel2.responsive { position: relative; width: auto; margin: 0; z-index: 0; } .list_carousel2 #foo2 { margin: 0; padding: 0; list-style: none; display: block; cursor: default; } .list_carousel2 #foo2 > li { padding: 0; float: left; cursor: default; margin-right: 40px; } .list_carousel2 #foo2 > li figure a { display: block; -webkit-transition: all 0.25s; transition: all 0.25s; } .list_carousel2 #foo2 > li figure a:hover { opacity: 0.7; filter: alpha(opacity=70); } .list_carousel2.responsive .caroufredsel_wrapper { cursor: default !important; } .list_btn2 .prev2, .list_btn2 .next2 { display: inline-block; width: 18px; height: 25px; cursor: pointer; float: left; position: absolute; margin: 0 6px; top: 20px; } .list_btn2 .prev2 { background: url(../img/prev3.png) 0 top no-repeat; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list_btn2 .next2 { float: right; right: 0; background: url(../img/next3.png) 0 top no-repeat; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list_btn2 .prev2:hover { background: url(../img/prev3.png) 0 bottom no-repeat; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list_btn2 .next2:hover { background: url(../img/next3.png) 0 bottom no-repeat; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } /*-----thumbs-----*/ .residential-box .thumb-pad0 { margin-bottom: 61px; } .residential-box hr { margin: 50px 0 0 0; border-top: 1px solid #c8c8c8; } .projects-box .thumb-pad0 { margin-bottom: 39px; } .thumb-pad0 { margin: 0; overflow: hidden; } .thumb-pad0 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; overflow: hidden; } .thumb-pad0 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad0 .thumbnail .caption p { margin-bottom: 31px; } .thumb-pad0 .thumbnail .caption .title { color: #191919; font: bold 18px 'Gentium Basic'; text-transform: uppercase; margin-bottom: 17px; } .thumb-pad0 .thumbnail .caption .lnk { color: #191919; font: 18px 'Gentium Basic'; text-transform: uppercase; display: inline-block; margin-bottom: 17px; -webkit-transition: all 0.25s; transition: all 0.25s; } .thumb-pad0 .thumbnail .caption .lnk:hover { color: #bac494; } .thumb-pad0 figure { margin: 0 0 30px 0; } .thumb-pad0 figure a { display: block; -webkit-transition: all 0.25s; transition: all 0.25s; } .thumb-pad0 figure a:hover { opacity: 0.7; filter: alpha(opacity=70); } .thumb-pad0 figure img { width: 100%; } .thumb-pad1 { margin: 0 0 32px 0; overflow: hidden; } .thumb-pad1 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; overflow: hidden; } .thumb-pad1 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad1 .thumbnail .caption a { color: #ffe400; font: bold 22px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08); -webkit-transition: all 0.25s; transition: all 0.25s; } .thumb-pad1 .thumbnail .caption a:hover { color: #ffffff; } .thumb-pad1 .thumbnail .caption p { margin: 11px 0 0 0; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08); } .thumb-pad1 figure { margin: 0 15px 0 0; float: left; } .thumb-pad2 { margin: 0 0 20px 0; overflow: hidden; } .thumb-pad2 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; text-align: center; } .thumb-pad2 .thumbnail .caption { padding: 0; overflow: hidden; text-align: center; } .thumb-pad2 .thumbnail .caption a { color: #606060; font: 21px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; margin-bottom: 8px; -webkit-transition: all 0.25s; transition: all 0.25s; } .thumb-pad2 .thumbnail .caption a:hover { color: #ce3b28; } .thumb-pad2 figure { margin: 0 0 18px 0; border-radius: 100%; border: 1px solid #eee; display: inline-block; } .thumb-pad2 figure img { border-radius: 100%; } .thumb-pad3 { overflow: hidden; margin-bottom: 30px; } .thumb-pad3 .thumbnail { position: relative; padding: 0; margin: 0; border: none; border-radius: 0; box-shadow: none; background: none; } .thumb-pad3 .thumbnail .caption { padding: 0; color: #666666; overflow: hidden; } .thumb-pad3 .thumbnail .caption .title { color: #4a837c; font: bold 18px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 12px; } .thumb-pad3 figure { margin: 6px 23px 0 0; float: left; } .thumb-pad3 figure img { width: 100%; } .popular-box { padding-bottom: 18px; margin-bottom: 44px; border-bottom: 1px solid #e8e8e8; } .popular-box.indent { border-bottom: none; margin-bottom: 56px; padding-bottom: 0; } .thumb-pad4 { margin: 0; overflow: hidden; } .thumb-pad4 .thumbnail { position: relative; margin: 0; border-radius: 0; box-shadow: none; border: none; padding: 0; background: none; } .thumb-pad4 .thumbnail .caption { padding: 0; overflow: hidden; } .thumb-pad4 figure { margin: 0 0 29px 0; } .thumb-pad4 figure img { width: 100%; } .thumb-pad5 { margin-bottom: 82px; overflow: hidden; } .thumb-pad5 .thumbnail { position: relative; padding: 0; margin: 0; border: none; border-radius: 0; box-shadow: none; background: none; } .thumb-pad5 .thumbnail .caption { padding: 0; color: #666666; } .thumb-pad5 figure { margin: 0 30px 0 0; float: left; } .thumb-pad5 figure img { width: 100%; } .thumb-pad5-1 { margin-bottom: 28px; overflow: hidden; } .thumb-pad5-1 .thumbnail { position: relative; padding: 0; margin: 0; border: none; border-radius: 0; box-shadow: none; background: none; } .thumb-pad5-1 .thumbnail .caption { padding: 0; color: #666666; } .thumb-pad5-1 figure { margin: 0 30px 0 0; float: left; } .thumb-pad5-1 figure img { width: 100%; } .thumb-pad6 { overflow: hidden; } .thumb-pad6 .thumbnail { position: relative; padding: 0; margin: 0; border: none; border-radius: 0; box-shadow: none; background: none; } .thumb-pad6 .thumbnail a { font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08); -webkit-transition: all 0.25s; transition: all 0.25s; } .thumb-pad6 .thumbnail a:hover { color: #ffe400; } .thumb-pad6 .thumbnail .name { color: #ffe400; font: bold 22px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 39px 0 12px 0; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.08); } .thumb-pad6 .thumbnail p { margin-bottom: 6px; } .thumb-pad6 .thumbnail .caption { padding: 0 0 0 0; overflow: hidden; color: #666666; } .thumb-pad6 .thumbnail figure { float: left; margin: 4px 15px 0 0; } /*-----btn-----*/ .btn-default.btn1 { box-shadow: none; position: relative; text-decoration: none !important; padding: 8px 18px; font: 16px 'Arial'; margin: 0; text-shadow: none; color: #ffffff; border-radius: 5px; background: #2c2c2c; display: inline-block; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-default.btn1:hover { color: #ffffff; background: #bac494; text-decoration: none !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-default.btn2 { box-shadow: none; position: relative; text-decoration: none !important; padding: 8px 18px; font: 16px 'Arial'; margin: 0; text-shadow: none; color: #ffffff; border-radius: 5px; background: #bac494; display: inline-block; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-default.btn2:hover { color: #ffffff; background: #2c2c2c; text-decoration: none !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-default.btn3 { box-shadow: none; position: relative; text-decoration: none !important; padding: 9px 24px; border-radius: 10px; font: 20px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; text-shadow: none; color: #ffffff; background: #ce3b28; display: inline-block; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-default.btn3:hover { color: #1b1b1b; background: #d8d8d8; text-decoration: none !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-default.btn4 { box-shadow: none; position: relative; text-decoration: none !important; padding: 0; font: 12px 'Trajan Pro'; margin: 0; text-shadow: none; color: #f75050; background: none; display: inline-block; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-default.btn4 img { display: inline-block; margin: 0 13px 0 0; } .btn-default.btn4:hover { color: #666666; background: none; text-decoration: none !important; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } /*-----list-----*/ .list1-1 { margin: 0; padding: 0; list-style: none; overflow: hidden; } .list1-1 li { font-size: 16px; line-height: 1.428571429; overflow: hidden; margin-bottom: 15px; padding-left: 22px; background: url(../img/list_arrow.png) left 5px no-repeat; } .list1-1 li a { font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666666; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list1-1 li a:hover { color: #ff5c5d; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .list1 { margin: 0; padding: 0; list-style: none; overflow: hidden; position: relative; } .list1 li { font-size: 16px; line-height: 1.428571429; overflow: hidden; margin-bottom: 3px; } .list1 li em { float: left; margin-right: 20px; font-size: 22px; color: #bac494; } .list1 li p { margin-top: 0; } .list2 { margin: 0; padding: 0; list-style: none; overflow: hidden; } .list2 li { font-size: 16px; line-height: 1.428571429; overflow: hidden; margin-bottom: 33px; } .list2 li p { margin-bottom: 0; } .list2 li figure { float: left; margin-right: 27px; } .list2 li figure img { width: 100%; } .list2 li .title { font: bold 18px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4a837c; margin-bottom: 2px; } .list3 { margin: 0 0 55px 0; padding: 0; list-style: none; } .list3 li { font-size: 16px; line-height: 1.428571429; margin-bottom: 7px; } .list3 li a { color: #e38a82; font: bold 18px 'PT Sans Narrow'; -webkit-transition: all 0.25s; transition: all 0.25s; } .list3 li a:hover { color: #584b46; } .list6 { margin: 0; padding: 0; list-style: none; } .list6 li { font-size: 16px; line-height: 1.428571429; margin-bottom: 30px; } .list6 li time { font: bold 18px 'PT Sans'; color: #0a6f68; margin-bottom: 15px; display: inline-block; } .list6 li p { margin-bottom: 0; } .list8 { margin: 0; padding: 0; list-style: none; } .list8 li { font-size: 16px; line-height: 21px; margin-bottom: 20px; } /*-----search-----*/ #search-404 { position: relative; overflow: hidden; border-radius: 5px; background: #ffffff; width: 370px; display: inline-block; } #search-404 a { position: absolute; top: 4px; right: 7px; width: 28px; height: 29px; display: inline-block; background: url(../img/magnify.png) no-repeat; -webkit-transition: all 0.25s; transition: all 0.25s; } #search-404 a:hover { opacity: 0.7; filter: alpha(opacity=70); } #search-404 input { box-shadow: none; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0; width: 100%; outline: none; border: none; background: none; font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; color: #666666; padding: 8px 40px 8px 14px; height: 36px; resize: none; } #search { margin: 28px 0 0 0; position: relative; border-radius: 38px; border: 1px solid #ebebeb; border-radius: 5px; display: inline-block; width: 213px; float: right; } #search a { position: absolute; float: left; top: 2px; right: 11px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #search a:hover { opacity: 0.5; filter: alpha(opacity=50); } #search input { box-shadow: none; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; margin: 0; width: 215px; outline: none; font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; float: left; color: #666666; background: none; height: 26px; padding: 3px 0 9px 20px; resize: none; overflow: hidden; } /*-----map-----*/ .map { margin: 0 0 62px 0; width: 100%; line-height: 0; overflow: hidden; } .map iframe { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 615px; border: none; line-height: 0; overflow: hidden; } .info { margin-bottom: 30px; } .info p { margin-bottom: 13px; } /*-----form-----*/ #contact-form { width: 100%; position: relative; overflow: hidden; margin-top: 20px; text-align: left; margin-bottom: 110px; } #contact-form label { position: relative; display: block; min-height: 56px; margin: 0; font-weight: normal; font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; color: #666666; } #contact-form label span { margin-bottom: 2px; display: block; color: #666666; } #contact-form .holder { overflow: hidden; } .form-div-1, .form-div-2, .form-div-3 { float: left; width: 240px; margin-right: 23px; } .form-div-3 { margin-right: 0; } #contact-form ._placeholder { position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: text; padding: 8px 14px; border-radius: 0; display: block; } #contact-form ._placeholder.focused { opacity: 0; filter: alpha(opacity=0); box-shadow: none; } #contact-form ._placeholder.hidden { display: none; } #contact-form input, #contact-form textarea { box-shadow: none; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0; width: 100%; outline: none; border: 1px solid #cdcdcd; background: #ffffff; font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 18px; color: #666666; padding: 8px 14px; height: 36px; resize: none; } #contact-form textarea { height: 336px; margin-bottom: 34px; } #contact-form .error-message, #contact-form .empty-message { height: 0; overflow: hidden; font: 10px 'Arial'; color: #bac494; -webkit-transition: 0.3s ease-in height; transition: 0.3s ease-in height; position: absolute; right: 5px; top: 2px; } #contact-form .invalid .error-message, #contact-form .empty .empty-message { height: 20px; } #contact-form .success-message { line-height: 48px; position: absolute; overflow: hidden; height: 0; left: 0; top: 0; box-sizing: border-box; box-shadow: none; border-radius: 0; background: #fff; z-index: 10; width: 100%; text-align: center; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; padding: 0; } #contact-form.success .success-message { box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin: 0; width: 100%; outline: none; border: 1px solid #cdcdcd; background: #ffffff; border-radius: 5px; font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 36px; color: #666666; padding: 0 14px; height: 36px; resize: none; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .mail { color: #bac494; font: 16px 'Gentium Basic', "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; } .mail:hover { color: #666666; text-decoration: none; } .btns .btn2 { float: left; margin-right: 30px; } .btns p { float: left; margin: 8px 0 0 0; } /*------------------------------------------------------media queries---------------------------------------------------------*/ @media (min-width: 1220px) { .container { padding: 0; } .list_carousel1 #foo1 > li { width: 370px !important; } .list_btn2 .prev2 { left: -35px; } .list_carousel2.responsive .caroufredsel_wrapper { margin-left: 4px !important; } .client-box { padding-left: 17px; } } /*---------------------------------------------------------------------------------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1219px) { .form-div-1, .form-div-2, .form-div-3 { width: 100%; float: none; margin-right: 0; } #contact-form label { min-height: 50px; } .thumb-pad0 .thumbnail .caption p { font-size: 14px; line-height: 21px; } #contact-form.success .success-message { height: 136px; line-height: 136px; } .list_carousel1 #foo1 > li .title { float: none; margin-bottom: 10px; } .list_carousel1 #foo1 > li .title br { display: none; } .list_carousel1 #foo1 > li .btn1 { float: none !important; } .location-box h2 > span { display: none; } .testimBox h2 > span { display: none; } .error-box h2 > span { display: none; } .list_btn2 { overflow: hidden; margin-top: 20px; width: 100px; left: 50%; position: relative; margin-left: -50px; } .list_btn2 .prev2, .list_btn2 .next2 { position: relative; top: 0; } } /*---------------------------------------------------------------------------------------------------------------------------*/ @media (min-width: 768px) and (max-width: 991px) { header { text-align: center; } nav.tm_navbar { float: none; } nav.tm_navbar > .nav { display: inline-block; } h1.navbar-brand_ { float: none; width: 100%; text-align: center; } .thumb-pad0 { margin: 0 0 30px 0; overflow: hidden; } .thumb-pad0 .thumbnail .caption p { font-size: 14px; line-height: 21px; } .testimBox .col-lg-3 { margin-bottom: 40px; } #contact-form.success .success-message { height: 136px; line-height: 136px; } .form-div-1, .form-div-2, .form-div-3 { float: none; width: 100%; margin-right: 0; } #contact-form label { min-height: 50px; } .testimBox article { margin-bottom: 35px; } .categories-box { margin-bottom: 40px; } .list1 li .title br { display: none; } .thumb-pad3 figure { margin: 0 0 20px 0; float: none; } #search { float: none; } .servicesBox .col-lg-4 { margin-bottom: 0; } .overviewBox { padding: 40px 0 33px 0; } .thumb-pad5-1 figure { margin: 0 0 20px 0; float: none; } #options { margin-bottom: 20px; } .center-box .title { font-size: 40px; } .center-box .title2 { font-size: 22px; line-height: 30px; } .list_carousel1 #foo1 > li .title { float: none; margin-bottom: 10px; } .list_carousel1 #foo1 > li .title br { display: none; } .list_carousel1 #foo1 > li .btn1 { float: none !important; } .location-box h2 > span { display: none; } .testimBox h2 > span { display: none; } .error-box h2 > span { display: none; } .thumb-pad1 .thumbnail .caption a br { display: none; } .list_btn2 { overflow: hidden; margin-top: 20px; width: 100px; left: 50%; position: relative; margin-left: -50px; } .list_btn2 .prev2, .list_btn2 .next2 { position: relative; top: 0; } .trainers-box { margin-top: 50px; } } /*---------------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 767px) { header { text-align: center; } h1.navbar-brand_ { float: none; width: 100%; margin-bottom: 15px; text-align: center; } nav.tm_navbar { display: inline-block; margin-top: 50px; } nav.tm_navbar { float: none; display: inline-block; width: 100%; padding: 0; margin: 0; } nav.tm_navbar .nav { display: none; } .select-menu { display: inline-block !important; padding-top: 4px; padding-right: 3px; padding-bottom: 4px; width: 100%; border: 1px solid #252525; background: #252525; color: #ffffff; cursor: pointer; height: 30px; font-size: 12px; vertical-align: middle; } .thumb-pad0 { margin: 0 0 30px 0; overflow: hidden; } .thumb-pad0 .thumbnail .caption p { font-size: 14px; line-height: 21px; } .testimBox .col-lg-3 { margin-bottom: 40px; } #contact-form.success .success-message { height: 136px; line-height: 136px; } .form-div-1, .form-div-2, .form-div-3 { width: 100%; float: none; margin-right: 0; } .map iframe { height: 300px; } .info { margin-bottom: 50px; } #contact-form label { min-height: 50px; } .proffesional-box { padding: 70px 0; } .proffesional-box h2 { font-size: 50px; margin-bottom: 10px; } .proffesional-box .title { font-size: 21px; } .privacyBox { margin-bottom: 50px; } .pict { background: none; padding: 0 0 90px 0; } .testimBox article { margin-bottom: 35px; } .categories-box { margin-bottom: 40px; } .block-box article { margin-bottom: 50px; } .list1 li .title br { display: none; } .advantages-box article { margin-bottom: 60px; } footer { text-align: center; } footer ul { display: none; } .thumb-pad4 figure { margin: 0 20px 0 0; float: left; } .thumb-pad4 .thumbnail .caption { overflow: visible; } .thumb-pad3 figure { margin: 0 0 20px 0; float: none; } #search { float: none; } .thumb-pad1 { margin-bottom: 20px; } .location-box { padding: 45px 0 30px 0; } .location-box .col-lg-4 { margin-bottom: 40px; } footer { padding: 25px 0; } .servicesBox .col-lg-4 { margin-bottom: 0; } .overviewBox { padding: 40px 0 33px 0; } .thumb-pad5-1 figure { margin: 0 0 20px 0; float: none; } #options { margin-bottom: 20px; } .list_carousel1 #foo1 > li .title { float: none; margin-bottom: 10px; } .list_carousel1 #foo1 > li .title br { display: none; } .list_carousel1 #foo1 > li .btn1 { float: none !important; } .who-box { margin-bottom: 40px; } .location-box h2 > span { display: none; } .testimBox h2 > span { display: none; } .error-box h2 > span { display: none; } .location-box, .testimBox, .error-box { background: url(../img/pattern2.png) repeat; } .location-box { margin-bottom: 2px; } .thumb-pad1 .thumbnail .caption a br { display: none; } .list_btn2 { overflow: hidden; margin-top: 20px; width: 100px; left: 50%; position: relative; margin-left: -50px; } .list_btn2 .prev2, .list_btn2 .next2 { position: relative; top: 0; } .trainers-box { margin-top: 50px; } .location-box h2 br { display: none; } } /*---------------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 626px) { .thumb-pad4 figure { margin: 0 0 20px 0; float: none; } .thumb-pad5 figure { float: none; margin: 0 0 20px 0; } } /*---------------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 560px) { .comment-box .extra-wrap { overflow: visible; } .comment-box figure { margin-right: 20px; } .list_carousel2 #foo2 > li img { width: 80%; } } /*---------------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 480px) { h1.navbar-brand_ a img { width: 100%; } h2 > em { padding: 0; } h2 > span { display: none; } .baner-box { width: 100%; float: none; } .proffesional-box h2 { font-size: 35px; } .trainerBox { width: 50%; } .videosBox .col-lg-4 { width: 100%; float: left; } .services-box { width: 100%; float: none; } .location-box p span { font-size: 16px; } .overviewBox .col-xs-6 { width: 100%; float: none; } .thumb-pad6 .thumbnail .name { margin-top: 10px; } .testimBox .col-lg-3 { margin-bottom: 20px; } .residential-box .col-xs-6 { width: 100%; float: none; } .projects-box .col-xs-6 { width: 100%; float: none; } #search-404 { width: 100%; } } /*---------------------------------------------------------------------------------------------------------------------------*/ @media (max-width: 320px) { h1.navbar-brand_ a img { width: 100%; } .trainerBox { width: 100%; float: none; } .gallery-box { width: 100%; float: none; } .about-box .col-xs-6 { width: 100%; float: none; } .center-box .title { font-size: 40px; } .center-box .title2 { font-size: 22px; line-height: 30px; } .list_carousel1 #foo1 > li { margin-right: 0; } .list_carousel2 #foo2 > li { margin-right: 0; } } /*---------------------------------------------------------------------------------------------------------------------------*/ .margBot { margin-bottom: 0; } .padBot { padding-bottom: 77px; } /*Core variables and mixins*/ /*-------------------------------------------------*/ /*-------------------------------------------------*/