2045 lines
39 KiB
CSS
Executable File
2045 lines
39 KiB
CSS
Executable File
@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*/
|
|
/*-------------------------------------------------*/
|
|
/*-------------------------------------------------*/
|