@import url(//fonts.googleapis.com/css?family=Gentium+Basic:400,700); body { background:@body-bg; font:@font-size-base @font-family-base; line-height:@line-height-base; color:@text-color; } 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:@baseLineHeight; } h1.navbar-brand_ { margin:0; padding: 0; float:left; a { display:inline-block; } span { display:none; } } h2 { font:bold 24px/30px @font-family-base; color:@black; margin:0 0 25px 0; position:relative; z-index:0; display:block; text-align:center; > em { font-style:normal; background:@body-bg; padding:0 35px; } > span { width:100%; height:1px; background:#cdcdcd; position:absolute; z-index: -1; top:16px; left:0; } &.indent { margin-bottom:48px; } } h3 { color: #191919; font: bold 18px @font-family-base; text-transform: uppercase; margin:0 0 19px 0; } .extra-wrap { overflow:hidden; } .global { padding:0; background:@body-bg; } .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:@font-size-base; line-height:@baseLineHeight; 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; .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; .transition(all 0.35s ease); } nav.tm_navbar .sfHover > a { color:#bac494; background:none; .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:@white; .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; .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:@white; .transition(all 0.25s); } nav.tm_navbar .sub-menu > ul li > ul li a:hover { text-decoration: none; color:#bac494 !important; background:none !important; .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:@white; &.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; } hr { margin:0; border-top:1px solid #cdcdcd; } p { margin-bottom: 35px; font:14px 'Gentium Basic'; text-transform:uppercase; color:#2d2c2c; a { font:14px 'Gentium Basic'; text-transform:uppercase; color:#2d2c2c; .transition(all 0.25s ease); &:hover { color:#b8c493; } img { margin:0; } } } em { font-style:normal; } img { margin-bottom: 27px; } } .follow_icon { padding:0; margin:0 0 4px 0; list-style:none; display:block; li { display:inline-block; margin-left:25px; &:first-child { margin-left:0; } a { .transition(all 0.25s); display: block; &:hover { .opacity(0.7); } } } } #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; figure { border-radius:100%; float:left; margin-right:45px; border:3px solid #fee097; img { border-radius:100%; } } .extra-wrap { padding-top: 15px; } p { font-size:14px; font-style:italic; color:#2e2e2e; margin-bottom:0; a { font:bold italic 14px @font-family-base; color:#2e2e2e; &:hover { text-decoration:underline; } } } } .block-box { padding:37px 0 29px 0; background:#3f3f3f; p { color:@white; font-size:14px; margin-bottom:0; } } .trainerBox { margin-bottom:30px; position:relative; display:block; figure { margin:0; a { position: relative; display:block; width:100%; .transition(all 0.4s ease); &:hover { .opacity(0.7); img { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } } } img { width:100%; top:0; left:0; .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; h2 { color:@white; font-size:36px; line-height:30px; text-transform:uppercase; margin-bottom: 13px; > span { background: url(../img/border.png) no-repeat; top: 15px; } em { background:none; padding: 0; } } .description { text-align:center; color:@white; font-size:18px; line-height:21px; margin-bottom: 53px; } .col-lg-3 { margin-bottom:50px; } p { color:@white; } } .servicesBox { padding:68px 0 20px 0; border-top:1px solid #eeefef; background:@white; .col-lg-4 { margin-bottom:65px; p { margin-bottom: 27px; } } hr { border-top:1px solid #eee; margin:0; } } .overviewBox { padding:83px 0 33px 0; background:@white; } .videosBox { padding:61px 0 0 0; background: #e9e9e9 url(../img/pattern1.png) repeat; .col-lg-4 { margin-bottom:55px; } figure { margin-bottom:30px; img { width:100%; } em { .size(100%,100%); background: url(../img/play.png) center center no-repeat; display: block; position: absolute; top: 0; .transition(all 0.25s); } a { position: relative; display: block; &:hover { em { opacity:0; .transition(all 0.25s); } } } } h3 { margin-bottom:11px ; } } .centre-box { margin-bottom:55px; time { margin-bottom: 5px; display: inline-block; a { font:bold 18px @font-family-base; color:#e38a82; .transition(all 0.25s); &:hover { color:#584b46; } } } } .gallery-box { padding-bottom:29px; } .blogBox { margin-bottom:48px; } .about-box { text-align:center; margin-bottom:83px; > div { border-top:1px solid #eee; padding:63px 0 0 0; } h2 { margin-bottom:50px; } } .center-box { padding:72px 0; margin-bottom:62px; background: url(../img/pattern2.png) repeat; min-height:280px; .title { font:bold 60px/53px 'Gentium Basic'; color:@white; text-shadow: 1px 1px 0 rgba(0,0,0,0.08); margin-bottom:0; } .title2 { font:30px/36px 'Gentium Basic'; color:@white; text-shadow: 1px 1px 0 rgba(0,0,0,0.08); margin-bottom:0; } .description { font:18px/24px 'Gentium Basic'; color:@white; 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; h2 { color:@white; font-size:36px; line-height:30px; text-transform:uppercase; margin-bottom: 13px; > span { background: url(../img/border.png) no-repeat; top: 36px; } em { background:none; padding: 0; } } .description { text-align:center; color:@white; font-size:18px; line-height:21px; margin-bottom: 53px; } &.indent { h2 > span { background: url(../img/border2.png) no-repeat; } } } .follow_list { padding:0; margin:0; list-style:none; li { margin-bottom:23px; display:block; span { float:left; font-size:25px; color:#ce3b28; margin-right:16px; } a { font:18px @font-family-base; color:@white; .transition(all 0.25s); &:hover { color:#ce3b28; } } } } .error-box { background: url(../img/bg_pic1.jpg) center 0 no-repeat; padding:82px 0 78px 0; text-align: center; h2 { color:@white; font-size:36px; line-height:30px; text-transform:uppercase; margin-bottom:37px; > span { background: url(../img/border.png) no-repeat; top: 36px; } em { background:none; padding: 0; } } .description { text-align:center; font:bold 22px/24px @font-family-base; 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; .col-lg-6 { margin-bottom:30px; } figure { a { display:block; .transition(all 0.25s); &:hover { .opacity(0.7); } } img { width:100%; } } 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; figure { margin-bottom:31px; img { width:100%; } } .title { font:16px/21px 'Gentium Basic'; color:#353535; margin-bottom:0; text-transform:uppercase; float:left; } .btn1 { float:right; } 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; .transition(all 0.25s ease); } .list_btn .next { background: url(../img/next2.png) 0 top no-repeat; .transition(all 0.25s ease); } .list_btn .prev:hover { background: url(../img/prev2.png) 0 bottom no-repeat; .transition(all 0.25s ease); } .list_btn .next:hover { background: url(../img/next2.png) 0 bottom no-repeat; .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; figure a { display:block; .transition(all 0.25s); &:hover { .opacity(0.7); } } } .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; .transition(all 0.25s ease); } .list_btn2 .next2 { float: right; right: 0; background: url(../img/next3.png) 0 top no-repeat; .transition(all 0.25s ease); } .list_btn2 .prev2:hover { background: url(../img/prev3.png) 0 bottom no-repeat; .transition(all 0.25s ease); } .list_btn2 .next2:hover { background: url(../img/next3.png) 0 bottom no-repeat; .transition(all 0.25s ease); } /*-----thumbs-----*/ .residential-box { .thumb-pad0 { margin-bottom:61px; } 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; p { margin-bottom:31px; } .title { color:#191919; font:bold 18px 'Gentium Basic'; text-transform:uppercase; margin-bottom:17px; } .lnk { color:#191919; font:18px 'Gentium Basic'; text-transform:uppercase; display:inline-block; margin-bottom:17px; .transition(all 0.25s); &:hover { color:#bac494; } } } .thumb-pad0 figure { margin:0 0 30px 0; a { display:block; .transition(all 0.25s); &:hover { .opacity(0.7) } } 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; a { color:#ffe400; font:bold 22px @font-family-base; text-shadow: 1px 1px 0 rgba(0,0,0,0.08); .transition(all 0.25s); &:hover { color:@white; } } p { margin:11px 0 0 0; color:@white; 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; a { color:#606060; font:21px @font-family-base; display:inline-block; margin-bottom:8px; .transition(all 0.25s); &:hover { color:#ce3b28 } } } .thumb-pad2 figure { margin:0 0 18px 0; border-radius:100%; border:1px solid #eee; display:inline-block; 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:@text-color; overflow:hidden; .title { color:#4a837c; font:bold 18px @font-family-base; margin-bottom:12px; } } .thumb-pad3 figure { margin:6px 23px 0 0; float:left; img { width:100%; } } .popular-box { padding-bottom:18px; margin-bottom:44px; border-bottom:1px solid #e8e8e8; &.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; 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:@text-color; } .thumb-pad5 figure { margin:0 30px 0 0; float:left; 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:@text-color; } .thumb-pad5-1 figure { margin:0 30px 0 0; float:left; 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; a { font:16px @font-family-base; color:@white; text-shadow: 1px 1px 0 rgba(0,0,0,0.08); .transition(all 0.25s); &:hover { color:#ffe400; } } .name { color:#ffe400; font:bold 22px @font-family-base; margin:39px 0 12px 0; text-shadow: 1px 1px 0 rgba(0,0,0,0.08); } p { margin-bottom: 6px; } } .thumb-pad6 .thumbnail .caption { padding:0 0 0 0; overflow: hidden; color:@text-color; } .thumb-pad6 .thumbnail figure { float:left; margin:4px 15px 0 0; } /*-----btn-----*/ .btn-default.btn1 { box-shadow: none; position:relative; text-decoration:none !important; display:inline-block; padding:8px 18px; font:16px 'Arial'; margin:0; text-shadow:none; color:@white; border-radius:5px; background:#2c2c2c; display:inline-block; .transition(all 0.25s ease); } .btn-default.btn1:hover { color:@white; background:#bac494; text-decoration:none !important; .transition(all 0.25s ease); } .btn-default.btn2 { box-shadow: none; position:relative; text-decoration:none !important; display:inline-block; padding:8px 18px; font:16px 'Arial'; margin:0; text-shadow:none; color:@white; border-radius:5px; background:#bac494; display:inline-block; .transition(all 0.25s ease); } .btn-default.btn2:hover { color:@white; background:#2c2c2c; text-decoration:none !important; .transition(all 0.25s ease); } .btn-default.btn3 { box-shadow: none; position:relative; text-decoration:none !important; display:inline-block; padding:9px 24px; border-radius:10px; font:20px @font-family-base; margin:0; text-shadow:none; color:@white; background:#ce3b28; display:inline-block; .transition(all 0.25s ease); } .btn-default.btn3:hover { color:#1b1b1b; background:#d8d8d8; text-decoration:none !important; .transition(all 0.25s ease); } .btn-default.btn4 { box-shadow: none; position:relative; text-decoration:none !important; display:inline-block; padding:0; font:12px 'Trajan Pro'; margin:0; text-shadow:none; color:#f75050; background:none; display:inline-block; .transition(all 0.25s ease); img { display:inline-block; margin:0 13px 0 0; } } .btn-default.btn4:hover { color:@text-color; background:none; text-decoration:none !important; .transition(all 0.25s ease); } /*-----list-----*/ .list1-1 { margin:0; padding:0; list-style:none; overflow: hidden; } .list1-1 li { font-size:@font-size-base; line-height:@line-height-base; overflow:hidden; margin-bottom:15px; padding-left:22px; background: url(../img/list_arrow.png) left 5px no-repeat; } .list1-1 li a { font:@font-size-base @font-family-base; color:@text-color; .transition(all 0.25s ease); } .list1-1 li a:hover { color:#ff5c5d; .transition(all 0.25s ease); } .list1 { margin:0; padding:0; list-style:none; overflow: hidden; position:relative; } .list1 li { font-size:@font-size-base; line-height:@line-height-base; overflow:hidden; margin-bottom:3px; em { float:left; margin-right:20px; font-size:22px; color:#bac494; } p { margin-top:0; } } .list2 { margin:0; padding:0; list-style:none; overflow: hidden; } .list2 li { font-size:@font-size-base; line-height:@line-height-base; overflow:hidden; margin-bottom:33px; p { margin-bottom:0; } figure { float:left; margin-right:27px; img { width:100%; } } .title { font:bold 18px @font-family-base; color:#4a837c; margin-bottom:2px; } } .list3 { margin:0 0 55px 0; padding:0; list-style:none; } .list3 li { font-size:@font-size-base; line-height:@line-height-base; margin-bottom:7px; a { color:#e38a82; font:bold 18px 'PT Sans Narrow'; .transition(all 0.25s); &:hover { color:#584b46; } } } .list6 { margin:0; padding:0; list-style:none; } .list6 li { font-size:@font-size-base; line-height:@line-height-base; margin-bottom:30px; time { font:bold 18px 'PT Sans'; color:#0a6f68; margin-bottom:15px; display:inline-block; } p { margin-bottom:0; } } .list8 { margin:0; padding:0; list-style:none; } .list8 li { font-size:@font-size-base; line-height:@baseLineHeight; margin-bottom:20px; } /*-----search-----*/ #search-404 { position:relative; overflow: hidden; border-radius:5px; background:@white; width:370px; display: inline-block; a { position:absolute; top: 4px; right: 7px; width:28px; height:29px; display:inline-block; background: url(../img/magnify.png) no-repeat; .transition(all 0.25s); &:hover { .opacity(0.7); } } } #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:@font-size-base @font-family-base; line-height:18px; color:@text-color; padding:8px 40px 8px 14px; height:36px; resize:none; } #search { margin:28px 0 0 0; position:relative; float: right; border-radius:38px; border:1px solid #ebebeb; border-radius:5px; display: inline-block; width:213px; float:right; a { position: absolute; float: left; top:2px; right:11px; .transition(all 0.25s ease); &:hover { .opacity(0.5); } } } #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:@font-size-base @font-family-base; line-height:18px; float: left; color:@text-color; 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; 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:@font-size-base @font-family-base; line-height:18px; color:@text-color; } #contact-form label span { margin-bottom:2px; display:block; color:@text-color; } #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:@white; font:@font-size-base @font-family-base; line-height:18px; color:@text-color; 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; .transition(.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; .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:@white; border-radius:5px; font:@font-size-base @font-family-base; line-height:36px; color:@text-color; padding:0 14px; height:36px; resize:none; .transition(all 0.35s ease); } .mail { color:#bac494; font:@font-size-base @font-family-base; text-decoration:none; } .mail:hover { color:@text-color; text-decoration:none; } .btns { .btn2 { float:left; margin-right:30px; } 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; 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 { display: inline-block; } } h1.navbar-brand_ { float: none; width: 100%; text-align: center; } .thumb-pad0 { margin: 0 0 30px 0; overflow: hidden; .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; 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:@white; cursor:pointer; height: 30px; font-size:12px; vertical-align: middle; } .thumb-pad0 { margin: 0 0 30px 0; overflow: hidden; .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; h2 { font-size: 50px; margin-bottom: 10px; } .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; 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; .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; 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; } 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; } > 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:@font-size-base; } .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*/ @import "variables.less"; // Modify this for custom colors, font-sizes, etc @import "mixins.less";