Files
preview_sites/templates/landscapedesign/sources/less/style.less
T

2008 lines
38 KiB
Plaintext
Executable File

@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";