0byt3m1n1

Path: /data/17/1/18/11/1670011/user/1801231/htdocs/wholebodylightpod_dot_com/less/ [ Home ]
File: style.less
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
@import url(//fonts.googleapis.com/css?family=Pacifico);
@import "stuck-menu.less";
/*========================================================
                    Main layout styles
=========================================================*/
body {    
    background:@body-bg url(../img/pattern1.png) repeat;
	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; 
    strong {
        font-weight:600;
    }
}
h1.navbar-brand_ {
    margin:0;
    padding:0;
    float:left;
    height: auto;
    position:relative;
    top:0;
    z-index:10;
    a {
        display:inline-block; 
        img {
            width:100%;
        }
    }
}
h2 {
    font:bold 36px/36px 'Roboto Condensed';
    text-transform:uppercase;
    margin:0 0 42px 0;
    color:#414141;
    text-align:center;
    span {
        font:14px/18px 'Roboto Condensed';
        color:#909497;
        display:block;
        margin-top:10px;
        text-transform:none;
    }
}
h3 {
    font:bold 20px/22px 'Roboto Condensed';
    color:#414141;
    margin:0 0 15px 0;
    text-transform:uppercase;
}
h4 {
    font:bold 30px/30px 'Roboto Condensed';
    color:#414141;
    text-transform:uppercase;
    margin:0 0 43px 0;
    padding:4px 0 12px 0;
    border-bottom:1px solid #e4e4e4;
    img {
        margin-right:28px;
        margin-top:-4px;
    }
}
h5 {
    font:14px/20px 'Trebuchet MS';
    color:#2f2f2f;
    text-transform:uppercase;
    margin:0 0 18px 0;
    font-weight:normal !important;
}
.extra-wrap {
    overflow:hidden;
}
.content {
    padding:0;
    background:@white;
}
.content.indent {
    padding:75px 0 0 0;
    background:@white;
}
.center {
    text-align:center;
}
/*========================================================
                    header
=========================================================*/
header {
    position:relative;
    margin:0;
    padding:44px 0 0 0;
    z-index:11;
    background:@white;
    .box1 {
        float:right;
        margin-top:4px;
    }
    .box2 {
        padding:9px 27px 10px 86px; 
        border:1px solid #dadada;
        border-radius:7px;
        float:left;
        position:relative;
        p {
            margin-bottom:0;
            font:bold 12px/18px 'Roboto Condensed';
            text-transform:uppercase;
            color:#2d3238;
            float:left;
            span {
                color:#53afee;
            }
        }
        img {
            float:left;
            position:absolute;
            top:-10px;
            left:15px;
        }
    }
}
.follow_icon {
    padding:15px 30px;
    margin:0 4px 0 0;
    list-style:none;
    float:left;
    overflow: hidden;
    border:1px solid #dadada;
    border-radius:7px;
    li {
        float:left;
        margin:0 0 0 25px;
        &:first-child {
            margin:0;
        }
        a {
            font-size: 23px;
            line-height: 25px;
            color:#c0c0c0;
            .transition(all 0.25s);
            &:hover {
                color:#53afee;
            }
        }
    }
}
/* menu
========================================================*/
nav.tm_navbar {
    position:relative;
    z-index:0;
    border:none;
    padding:26px 0 15px 0;
    margin:20px 0 0 0;
    float:none;
    min-height:0;
    background:#53afee;
    .nav.sf-menu {
        float:left;
    }
}
nav.tm_navbar li {
    position: relative;
    font-size:@font-size-base;
    line-height:@baseLineHeight;
    margin:0 0 0 46px;
    float:left;
    &:first-child {
        margin:0;
    }
}
nav.tm_navbar li a {
    position:relative;
    padding:0; 
    font:15px 'Roboto Condensed';
    color:@white;
    text-transform:uppercase;
    background:none;
    .transition(all 0.25s);
}
nav.tm_navbar li.active  {
    > a {
        color:#a0d7fe;
        background:none;
    }
    > span {
        color:#a0d7fe;
    }
}
nav.tm_navbar li:hover {
    > a {
        color:#a0d7fe;
        background:none;
        .transition(all 0.25s);
    }
    > span {
       color:#a0d7fe;
        .transition(all 0.25s);
    }
}
nav.tm_navbar .sfHover {
    > a {
        color:#a0d7fe;
        background:none;
        .transition(all 0.25s);
    }
    > span {
        color:#a0d7fe;
        .transition(all 0.25s);
    }
}
nav.tm_navbar li span {
    text-align: center;
    position: absolute;
    width:100%;
    height:4px;
    background:url(../img/marker.png) center bottom no-repeat;
    left:0;
    bottom:-12px;
    z-index:0;
    .transition(all 0.25s);
}
/* subMenu1
========================================================*/
nav.tm_navbar .sub-menu > ul {
    position: absolute;
    display: none;
    width:110px;
    left:-13px;
    top: 46px;
    list-style: none !important; 
    zoom: 1;
    z-index: 11;
    background:#53afee;
    border-radius:7px;
    padding:11px 10px 11px 13px;
    margin: 0;
    text-align:left;
}
nav.tm_navbar .sub-menu > ul li {
    background:none;
    border:none;
    width:auto;
    float:none;
    margin:0 0 13px 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 > ul li span  {
    display: inline-block;
    position: absolute;
    right: 10px;
    top:5px;
    left: auto;
    width: auto !important;
    color:@white;
    font-size:14px;
    background:none;
}
nav.tm_navbar .sub-menu > ul li a:hover {
    text-decoration: none;
    color:#414141 !important;
    background:none !important;  
    .transition(all 0.25s ease);
}
nav.tm_navbar .sub-menu > ul li.sfHover > a {
    text-decoration: none;  
    color:#414141 !important;
    background:none !important; 
}
/* subMenu2
========================================================*/
nav.tm_navbar .sub-menu ul ul {
    position: absolute;
    display: none;
    width:98px;
    left:97px;
    top:-10px;
    border-radius:7px;
    list-style: none !important; 
    zoom: 1;
    z-index: 11;
    background:#414141;
    padding:10px 10px 0 13px;
    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:#53afee !important;  
    background:none !important;  
    .transition(all 0.25s ease);
}
.select-menu {
    display:none !important;
}
/*========================================================
                    -Content-
=========================================================*/
#toTop {
    display: none;
    text-decoration: none; 
    position: fixed;
    bottom: 80px;
    right: 30px;
    width:42px;
    height:42px;
    overflow: hidden;
    border: none;
    z-index: 20;
    text-indent:-9999px;
    background:url(../img/top.png) 0 top no-repeat;
    &:hover {        
        outline: none;
        .opacity(0.5);
    }
}
.who-box {
    overflow:hidden;
    .col-lg-4 {
        margin-bottom:0;
    }
}
.thumb-box1 {
    overflow:hidden;
    padding:56px 0 0 0;
    background:#f1f6fc;
}
.thumb-box2 {
    overflow:hidden;
    padding:77px 0 80px 0;
    text-align:center;
    background:url(../img/pattern2.png) repeat;
    .title {
        font:bold 48px/48px 'Roboto Condensed';
        text-transform:uppercase;
        margin-bottom:16px;
        color:#414141;
    }
    p {
        font:italic 16px/26px 'Roboto Condensed';
        color:#8b8a8a;
        margin-bottom:21px;
    }
}
.thumb-box3 {
    overflow:hidden;
    padding:74px 0 80px 0;
    text-align:center;
    .col-lg-4 {
        text-align:left;
        overflow:hidden;
    }
}
.thumb-box4 {
    overflow:hidden;
    padding:0 0 32px 0;
    font:12px/25px 'Roboto Condensed';
    p {
        margin-bottom: 28px;
    }
    .col-lg-5 {
        margin-bottom:40px;
    }
}
.thumb-box5 {
    overflow:hidden;
}
.thumb-box6 {
    overflow:hidden;
    padding:82px 0 50px 0;
    text-align:center;
    background:url(../img/pattern2.png) repeat;
}
.thumb-box7 {
    overflow:hidden;
    padding:72px 0 20px 0;
    p {
        font:12px/24px 'Roboto Condensed';
        color:#848484;
    }
}
.thumb-box8 {
    overflow:hidden;
    padding:0;
}
.thumb-box9 {
    overflow:hidden;
    padding:82px 0 50px 0;
    text-align:center;
    background:url(../img/pattern2.png) repeat;
    p {
        font:12px/24px 'Roboto Condensed';
        color:#848484;
    }
}
.thumb-box10 {
    overflow:hidden;
    padding:72px 0 0 0;
}
.thumb-box11 {
    overflow:hidden;
    text-align:center;
}
.thumb-box12 {
    overflow:hidden;
    padding:82px 0 35px 0;
    text-align:center;
    background:url(../img/pattern2.png) repeat;
}
.thumb-box13 {
    text-align:center;
    .col-lg-4, .col-lg-8 {
        margin-bottom:50px;
    }
}
.thumb-box14 {
    overflow:hidden;
}
.errorBox {
    text-align:center;
    padding-bottom:50px;
}
.errorBox1 {
    padding-bottom:50px;
    h2 {
        text-align:left;
    }
}
/* thumbs
========================================================*/
.thumb-pad1 {
    margin:0 0 50px 0;
    text-align:center;
    padding:0 20px;
}
.thumb-pad1 .thumbnail {
    position:relative;
    margin:0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding:0;
    background:none;
}
.thumb-pad1 figure {
    margin: 0 0 37px 0;
}
.thumb-pad1 .thumbnail .caption {
    padding:0;
    .title {
        font:bold 30px/30px 'Roboto Condensed';
        text-transform:uppercase;
        color:#414141;
        margin-bottom:3px;
    }
    p {
        margin-bottom: 21px;
        font:14px/24px 'Roboto Condensed';
        color:#414141;
    }
}
.thumb-pad2 {
    margin:0;
    padding:15px 15px 26px 15px;
    border: 1px solid #edeaea;
    text-align:left;
}
.thumb-pad2 .thumbnail {
    position:relative;
    margin:0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding:0;
    background:none;
}
.thumb-pad2 .thumbnail .caption {
    padding:0;
    .title {
        font:20px/20px 'Roboto Condensed';
        color:#7d8286;
        margin-bottom:4px;
        text-transform:none;
    }
    .lnk {
        font:20px/20px 'Roboto Condensed';
        color:#7d8286;
        text-transform:none;
    }
    .description {
        font:bold 14px 'Roboto Condensed';
        color:#53afee;
        margin-bottom:12px;
        text-transform:uppercase;
    }
    p {
        font:13px/18px 'Roboto Condensed';
        color:#8b9196;
        margin-bottom:22px;
    }
    hr {
        border-top:1px solid #dedfe0;
        margin:0 0 13px 0;
    }
}
.thumb-pad2 figure {
    margin:0 0 22px 0;
    img {
        width:100%;
    }
}
.thumb-pad3 {
    margin:0 0 30px 0;
    padding:15px 15px 26px 15px;
    border: 1px solid #edeaea;
    text-align:left;
    background:@white;
}
.thumb-pad3 .thumbnail {
    position:relative;
    margin:0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding:0;
    background:none;
}
.thumb-pad3 .thumbnail .caption {
    padding:0;
    a {
        font:20px 'Roboto Condensed';
        color:#7d8286;
        .transition(all 0.25s);
        &:hover {
            color:#53afee;
        }
    }
    .description {
        font:bold 14px 'Roboto Condensed';
        color:#53afee;
        margin:2px 0 12px 0;
        text-transform:uppercase;
    }
    p {
        font:13px/18px 'Roboto Condensed';
        color:#8b9196;
        margin-bottom:22px;
    }
    hr {
        border-top:1px solid #dedfe0;
        margin:0 0 13px 0;
    }
}
.thumb-pad3 figure {
    margin:0 0 19px 0;
    img {
        width:100%;
    }
}
.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;
}
.thumb-pad4 figure {
    margin:0 0 21px 0;
    img {
        width:100%;
    }
}
.thumb-pad5 {
    margin:0 0 40px 0;
    overflow:hidden;
    text-align:left;
}
.thumb-pad5 .thumbnail {
    position:relative;
    margin:0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding:0;
    background:none;
}
.thumb-pad5 .thumbnail .caption {
    padding:0;
    overflow:hidden;
}
.thumb-pad5 figure {
    margin:0 30px 0 0;
    float:left;
    img {
        width:100%;
    }
}


.thumb-pad5-1 {
    margin:0 0 40px 0;
    overflow:hidden;
    text-align:left;
}
.thumb-pad5-1 .thumbnail {
    position:relative;
    margin:0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding:0;
    background:none;
}
.thumb-pad5-1 .thumbnail .caption {
    padding:0;
    overflow:hidden;
    p {
        font:12px/24px 'Roboto Condensed';
        color:#848484;
    }
}
.thumb-pad5-1 figure {
    margin:0 30px 0 0;
    float:left;
    img {
        width:100%;
    }
}
.thumb-pad6 {
    overflow:hidden;
    text-align:left;
    margin:0 0 30px 0;
}
.thumb-pad6 .thumbnail {
    position: relative;
    padding:0;
    margin:0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background:none;
    .badge {
        width:70px;
        height:70px;
        background:#53afee;
        border-radius:100%;
        text-align:center;
        line-height:64px;
        color:@white;
        font-size:45px;
        float:left;
        margin-right:30px;
    }
}
.thumb-pad6 .thumbnail .caption {
    padding:0;
    overflow:hidden;
}
.thumb-pad7 {
    margin:0 0 44px 0;
}
.thumb-pad7 .thumbnail {
    position:relative;
    margin:0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
    background:none;
}
.thumb-pad7 .thumbnail .caption {
    padding:0;
    overflow:hidden;
    p {
        font:12px/24px 'Roboto Condensed';
        color:#848484;
        margin-bottom:0;
    }
    h5 {
        margin-bottom:15px;
    }
}
.thumb-pad7 figure {
    margin:0 0 21px 0;
    img {
        width:100%;
    }
}
.thumb-pad8 {
    margin:0 0 30px 0;
    padding:15px 15px 22px 15px;
    border: 1px solid #edeaea;
    text-align:left;
}
.thumb-pad8 .thumbnail {
    position:relative;
    margin:0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding:0;
    background:none;
}
.thumb-pad8 .thumbnail .caption {
    padding:0;
    .lnk {
        font:20px/20px 'Roboto Condensed';
        color:#7d8286;
        text-transform:none;
        .transition(all 0.25s);
        &:hover {
            color:#53afee;
        }
    }
    p {
        font:13px/18px 'Roboto Condensed';
        color:#8b9196;
        margin:0;
    }
    hr {
        border-top:1px solid #dedfe0;
        margin:12px 0 13px 0;
    }
}
.thumb-pad8 figure {
    margin:0 0 22px 0;
    img {
        width:100%;
    }
}
/* btn
========================================================*/
.btn-default.btn1 {
    box-shadow: none;
	text-decoration:none;
	display:inline-block;
	padding:0;
    font:bold 18px 'Roboto Condensed';
    margin:0;   
    border-radius:0;
    color:#53afee;
    background:none;
    text-transform:uppercase;
    float:none;
    .transition(all 0.25s);
    i {
        width:13px;
        height:13px;
        display:inline-block;
        background:url(../img/more.png) 0 top no-repeat;
    }
    &:hover {
        color:#414141;
        background:none;
        text-decoration:none;
        i {
            background:url(../img/more.png) 0 bottom no-repeat;
        }
    }
}
.btn-default.btn2 {
    box-shadow: none;
	text-decoration:none;
	display:inline-block;
	padding:0 33px;
    font:bold 18px/52px 'Roboto Condensed';
    margin:0;   
    border-radius:0;
    color:@white;
    background:#53afee;
    text-transform:uppercase;
    border:none;
    float:none;
    text-shadow: 1px 1px 1px #4ca1db;
    .transition(all 0.25s);
    &:hover {
        color:@white;
        text-shadow:none;
        background:#414141;
        text-decoration:none;
    }
}
.btn-default.btn3 {
    box-shadow: none;
	text-decoration:none;
	display:inline-block;
	padding:0 20px;
    font:bold 18px/38px 'Roboto Condensed';
    margin:0;   
    border-radius:0;
    color:@white;
    background:#53afee;
    text-transform:uppercase;
    border:none;
    float:none;
    .transition(all 0.25s);
    &:hover {
        color:@white;
        text-shadow:none;
        background:#414141;
        text-decoration:none;
    }
}
.btn-default.btn4 {
    box-shadow: none;
	text-decoration:none;
	display:inline-block;
	padding:0 28px;
    font:bold 14px/46px 'Roboto Condensed';
    margin:0;   
    border-radius:0;
    color:@white;
    background:#53afee;
    border:none;
    float:none;
    .transition(all 0.25s);
    &:hover {
        color:@white;
        text-shadow:none;
        background:#414141;
        text-decoration:none;
    }
}
/* list
========================================================*/
.list1 {
    margin:0;
    padding:0;
    list-style:none;
}
.list1 li {
    font-size:@font-size-base;
    line-height:@line-height-base;
    margin:0 0 22px 0;
    figure {
        float:left;
        width:17px;
        margin-right:7px;
    }
    a {
        color:@white;
        font:13px 'Roboto Condensed';
        .transition(all 0.25s);
        &:hover {
            color:#414141;
        }
    }
}
.list2 {
    margin:0;
    padding:0;
    list-style:none;
}
.list2 li {
    font-size:@font-size-base;
    line-height:@line-height-base;
    margin:0 0 12px 0;
    padding-left:21px;
    background:url(../img/list_point.png) left 4px no-repeat;
    a {
        font:@font-size-base @font-family-base;
        color:@text-color;
        .transition(all 0.25s);
        &:hover {
            color:#f1373a;
        }
    }
}
.list3 {
    margin:0;
    padding:0;
    list-style:none;
}
.list3 li {
    font-size:@font-size-base;
    line-height:@line-height-base;
    margin:0 0 0 86px;
    float:left;
    &:first-child {
        margin:0;
    }
    a {
        display: inline-block;
        .transition(all 0.25s);
        &:hover {
            .opacity(0.5);
        }
    }
}
.list4 {
    margin:0;
    padding:0;
    list-style:none;
    overflow: hidden;
}
.list4 li {
    font-size:@font-size-base;
    line-height:@line-height-base;
    margin-bottom:31px;
    time {
        font:bold 48px/48px 'Roboto Condensed';
        text-transform:uppercase;
        color:#414141;
        display:inline-block;
        width:48px;
        float:left;
        text-align:center;
        margin:-3px 27px 0 0;
        span {
            font-size:14px;
            line-height:20px;
            display:block;
            color: #53afee;
        }
    }
    p {
        margin-bottom:0;
    }
}
.list5 {
    margin:0;
    padding:0;
    list-style:none;
}
.list5 li {
    font-size:@font-size-base;
    line-height:@line-height-base;
    margin:0 0 29px 0;
    overflow:hidden;
    figure {
        float:left;
        margin:7px 20px 0 0;
    }
    p {
        font:italic 16px/26px 'Roboto Condensed';
        color:#8b8a8a;
        margin-bottom:17px;
    }
    a {
        font:20px/21px 'Roboto Condensed';
        color:#7d8286;
        .transition(all 0.25s);
        &:hover {
            color:#53afee;
        }
    }
    .description {
        font:bold 14px 'Roboto Condensed';
        color:#53afee;
        margin:3px 0 0 0;
        text-transform:uppercase;
    }
}
.list6 {
    margin:0 0 18px 0;
    padding:0;
    list-style:none;
}
.list6 li {
    font-size:@font-size-base;
    line-height:@line-height-base;
    margin:0 0 14px 0;
    padding:0 0 13px 0;
    border-bottom:1px solid #c7c7c7;
    .title {
        font:18px @font-family-base;
        color:@text-color;
        margin-bottom:17px;
        padding-left:30px;
        background: url(../img/list_arrow.png) left 9px no-repeat;
    }
    p {
        margin-bottom:0;
    }
    &:last-child {
        border-bottom:none;
    }
}
.list7 {
    margin:0;
    padding:0;
    list-style:none;
    overflow: hidden;
}
.list7 li {
    font-size:@font-size-base;
    line-height:@line-height-base;
    overflow:hidden;
    margin-bottom:10px;
    span {
        width:70px;
        height:70px;
        position:relative;
        border-radius:100%;
        background:#53afee;
        color:@white;
        font:40px/68px 'Roboto Condensed';
        display:inline-block;
        float:left;
        margin:5px 30px 0 0;
        text-align:center;
    }
    p {
        font:12px/24px 'Roboto Condensed';
        color:#848484;
    }
}
.list8 {
    margin:0 0 30px 0;
    padding:0;
    list-style:none;
    overflow:hidden;
}
.list8 li {
    font-size:@font-size-base;
    line-height:@line-height-base;
    margin:0 0 21px 0;
    p {
        margin-bottom:0;
    }
}
/*-----accordeon-----*/
._accodList {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom:28px;
        > li {
            padding-bottom: 0;
            margin-bottom:-1px;
            width: 100%;
            position: relative;
            font-size:14px;
            line-height:50px;
                strong {
                    margin: 0;
                    float: none;
                    display: block;
                    cursor:pointer;
                    overflow:hidden;
                    position:relative;
                    font:12px/31px 'Roboto Condensed';
                    width: 100%;
                    color:#878787;
                    background:#f4f4f4;
                    border:1px solid #ececec;
                    border-radius:3px;
                    text-transform:uppercase;
                    padding:0 0 0 9px;
                    .transition(all 0.25s);
                        &.color1{
                            color:#878787;
                        }
                        &.color2{
                            color:#53afee;
                            span {
                                background:url(../img/plus.png) 0 bottom no-repeat;
                            }
                        }
                }
                span {
                    width:16px;
                    height:16px;
                    overflow:hidden;
                    background:url(../img/plus.png) 0 top no-repeat;
                    float: left;
                    display:inline-block;
                    margin:7px 8px 0 0;
                    position: relative;
                    z-index: 1;
                    .transition(all 0.25s);
                }
                p {
                    margin: 0;
                    font:@font-size-base @font-family-base;
                    line-height:@baseLineHeight;
                    color:@text-color;
                    padding:13px 33px 35px 33px;
                }
        }
}
._accodList.indent {
    padding-bottom:0;
    p {
        padding: 13px 33px;
    }
}
._accodList li strong:hover {
    color:#53afee;
    .transition(all 0.25s);
    span {
        background:url(../img/plus.png) 0 bottom no-repeat;
    }
}
/* search
========================================================*/
#search-404 {
    padding:0;
    margin:40px 0 0 0;
    position:relative;
}
#search-404 input{
    box-shadow:none;
	border-radius:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	width:100%;
	outline:none;
	background:#f2f4f6;
    border:1px solid #f0efef;
    font:@font-size-base @font-family-base;
	line-height:18px;
	color:@text-color;
    padding:14px 15px;
    height:48px;
    resize:none;
    margin-bottom:26px;
}
#search {
    padding:0;
    margin:0;
    float:right;
    position:relative;
    a {
        display:inline-block;
        position:absolute;
        top:5px;
        right:14px;
        .transition(all 0.25s);
        &:hover {
            .opacity(0.7);
        }
    }
}
#search input{
    box-shadow:none;
	border-radius:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	width:269px;
	outline:none;
	background:@white;
    border:1px solid @white;
    font:@font-size-base @font-family-base;
	line-height:18px;
	color:@text-color;
    padding:6px 40px 6px 15px;
    height:32px;
    resize:none;
}
/* map
========================================================*/
.content_map2 {
    position:relative;
    height:317px;
}
.google-map-api {
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
#map-canvas {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    img {max-width: none !important;}
}

.gm-wrapper {
    div:first-child {
        div+div+div+div {
            background-color: transparent !important;  
            background-color: #000 !important;
            background-color: rgba(0,0,0, .7) !important;
        }
    } 
    * {
        box-shadow: 0 0 0 #000 !important;
        background-color: transparent !important;
    }
}
.gm-style-iw {
    text-align: center;
    width: 330px !important;
    height: 127px !important;
    right: 0;
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    color:@white;
    padding:38px 0 0 20px;
    font:@font-size-base @font-family-base !important;
    overflow: visible !important;
    &:after {
        content: '';
        width: 0;
        height: 0;
        top: 100%;
        margin-top: 17px;
        left: 50%;
        margin-left:5px;
        border-style: solid;
        border-width:25px 15px 0 15px;
        border-color:@black;
        border-color: rgba(0,0,0, .7) transparent transparent transparent;
        position: absolute;
    }
    span {
        font-weight: bold;
        display: block;
        font-size: 18px;
        color:@white;
    }
}
.info {
    margin-bottom:30px;
    text-align:left;
    p {
        margin-bottom:18px;
    }
}
.mail {
    color:@text-color;
    font:@font-size-base @font-family-base;
    text-decoration:underline;
    .transition(all 0.25s);
    &:hover {
        color:#53afee;
        text-decoration:underline;
    }
}
/*========================================================
                    footer
=========================================================*/
footer {
    padding:52px 0;
    overflow:hidden;
    .prev {
        font:14px/18px 'Roboto Condensed';
        color:@white;
        margin:0;
        a {
            color:@white;
            .transition(all 0.25s);
            &:hover {
                color:#414141;
            }
        }
    }
    p {
        font:13px/18px 'Roboto Condensed';
        color:@white;
        margin-bottom:0;
    }
    em {
        font-style:normal;
    }
    .title {
        font:bold 24px 'Roboto Condensed';
        color:@white;
        text-transform:uppercase;
        margin-bottom:24px;
    }
    .name {
        font:36px 'Pacifico';
        color:@white;
        margin-bottom:0;
    }
    .col-lg-4 {
        overflow:hidden;
    }
}
.follow_icon2 {
    padding:0;
    margin:14px 0 0 0;
    list-style:none;
    overflow: hidden;
    li {
        float:left;
        margin:0 0 0 25px;
        &:first-child {
            margin:0;
        }
        a {
            font-size: 23px;
            line-height: 25px;
            color:@white;
            .transition(all 0.25s);
            &:hover {
                color:#414141;
            }
        }
    }
}
/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media (min-width: 1220px) {
.container {padding:0;}
}
/*===========================================================================================================================*/
@media (min-width: 992px) and (max-width: 1219px){
.who-box .col-lg-4 {
    margin-bottom: 50px;
}
.thumb-box7 {
    .col-lg-4 {
        margin-bottom: 50px;
    }
}
}  
/*===========================================================================================================================*/
@media (min-width: 768px) and (max-width: 991px) {
#toTop {display: none !important;}
.errorBox img {
    width:100%;
}
nav.tm_navbar {
    text-align: center;
}
nav.tm_navbar .nav.sf-menu {
    float:none;
    display: inline-block;
    margin-bottom: 25px;
}
#search {
    float:none;
    display:inline-block;
}
header {
    text-align:center;
    h1.navbar-brand_ {
        float:none;
        margin-bottom: 30px;
    }
    .box1 {
        float:none;
    }
    .box2 {
        float:none;
        display:block;
    }
    .follow_icon {
        float:none;
        display:inline-block;
    }
    
}
.thumb-box3 .col-lg-4 {
    margin-bottom:50px;
}
.who-box .col-lg-4 {
    margin-bottom: 50px;
}
.thumb-box7 {
    .col-lg-4 {
        margin-bottom: 50px;
    }
}
}
/*===========================================================================================================================*/
@media (max-width: 767px) {
#toTop {display: none !important;}
nav.tm_navbar {
    text-align: center;
}
nav.tm_navbar .nav.sf-menu {
    float:none;
    display: inline-block;
    margin-bottom: 25px;
}
h4 {
    font-size:25px;
    line-height: 25px;
    img {
        margin-right: 15px;
    }
}
#search {
    float:none;
    display:block;
    margin:15px 0;
    input {
        width:100%;
    }
}
header {
    text-align:center;
    h1.navbar-brand_ {
        float:none;
        margin-bottom: 30px;
    }
    .box1 {
        float:none;
    }
    .box2 {
        float:none;
        display:block;
        margin-bottom:15px;
    }
    .follow_icon {
        float:none;
        display:inline-block;
    }
}
nav.tm_navbar {
    float:none;
    padding:0;
    margin:0;
    .nav {
        display:none !important;
    }
} 
.select-menu {
    display:inline-block !important;   
    padding:4px 4px 4px 0;
    margin:30px 0 0 0;
    width:100%;
    border:1px solid #f2f4f6;
    background:#f2f4f6;
    color:#8c8c8c;
    cursor:pointer;
    height: 30px;
    font-size:12px;
    vertical-align: middle;
}
.thumb-box2 .title {
    font-size:36px;
    line-height:40px;
}
.thumb-box3 .col-lg-4 {
    margin-bottom:50px;
}
footer {
    text-align:center;
    padding: 40px 0 0 0;
    .follow_icon2 {
        display:inline-block;
    }
    .list1 li {
        margin: 0 0 10px 0;
        figure {
            float: none;
            margin: 0 0 10px 0;
            display: inline-block;
        }
    }
    .col-lg-4 {
        margin-bottom:40px;
    }
}
.thumb-pad4 figure {
    margin: 0 30px 0 0;
    float: left;
}
.who-box .col-lg-4 {
    margin-bottom: 50px;
}
.thumb-box7 {
    .col-lg-4 {
        margin-bottom: 50px;
    }
}
.content_map {
    height: 300px;
}
}
/*===========================================================================================================================*/
@media (max-width: 626px) {
}
/*===========================================================================================================================*/
@media (max-width: 560px) { 
.thumb-pad5, .thumb-pad5-1 figure {
    margin: 0 0 20px 0;
    float: none;
}
.thumb-pad6 .thumbnail .badge {
    float: none;
    margin: 0 0 20px 0;
}
}
/*===========================================================================================================================*/
@media (max-width: 480px) {
.col-xs-6 {
    width:100%;
    float:none;
}
.errorBox img {
    width:100%;
}
header br {
    display:none;
}
.thumb-pad5 figure {
    margin: 0 0 20px 0;
    float: none;
}
}
/*===========================================================================================================================*/
@media (max-width: 320px) {
.col-xs-4 {
    width:100%;
    float:none;
}
.col-xs-6 {
    width:100%;
    float:none;
}
}
/*===========================================================================================================================*/ 
/*Core variables and mixins*/
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "mixins.less";