body {
font-family: Arial, Helvetica, sans-serif;
color: #2c3c4c;
background: #fff;
text-align: justify;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-animation-duration: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0.1s;
}
@-webkit-keyframes fontfix{from {opacity: 1;}to {opacity: 1;}}

#menum,.logo img,.menu #nav,a,
#content .galoffer a h4,#content .galoffer a p,#content .galoffer a img
{transition: all 0.25s ease-in;}

#content a.btn-default,.btn-default,#content a.btn-primary,.btn-primary,input
{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}

.clrb{clear: both;}

a, a:active, a:focus {color: #367a97;text-decoration: none;outline: 0;}
a:hover {color: #2c3c4c;text-decoration: none;outline: 0;}

header#header{background: #f3f3f5 url('../img/bg-header2.jpg') no-repeat center center;}
body.start header#header{background: #f3f3f5 url('../img/bg-header.jpg') no-repeat top center;}

.menu_top{padding: 0;padding-top: 10px;padding-bottom: 10px;text-align: right;}
.menu_top_box{display: inline-block;}

.menu_top {font-size: 14px;line-height: 26px;margin:0;color:#307693;}
.menu_top a{color:#307693;white-space: nowrap;}
.menu_top a:hover{color:#2c3c4c;}

.mt-left a{margin-right: 10px;}
.mt-right a{padding: 4px 6px;}
.menu_top  a.facebook {color: #3765a3;}
.menu_top  a.facebook:hover {background-color: #3765a3;color:#fff;}
.menu_top  a.twitter {color: #5ea9dd;}
.menu_top  a.twitter:hover {background-color: #5ea9dd;color:#fff;}
.menu_top  a.linkedin {color: #007bb6;}
.menu_top  a.linkedin:hover {background-color: #007bb6;color:#fff;}

.menu_main{background-color: rgba(255,255,255,0.8);width: 100%;z-index:999;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.03);}

.logo img{max-height:60px;width: auto;margin-top: 15px;}

.h1{color:#307693;text-align: center;font-size: 26px;line-height: 46px;text-transform: uppercase;padding: 15px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
body.start .h1{display: inline-block;float: left;padding-top: 120px;padding-bottom: 160px;}
body.start .h1 h2{font-size: 48px;line-height: 58px;color:#307694;}
body.start .h1 h3{font-size: 30px;line-height: 36px;color:#e92e2f;}

#menurespo{display: none;background-color: #2c3c4c;}
.slicknav_btn {margin-top: -42px;position: relative;top: 45px;z-index: 999999;}

.menu #nav{margin: 0px;float: right;font-family: 'Open Sans', sans-serif;font-weight: 400;}

.nav {list-style: none;*zoom: 1;background:transparent;}
.nav li{white-space:nowrap;}

.nav:before,.nav:after {content: " ";display: table;}
.nav:after {clear: both;}

.nav ul {list-style: none;margin:0;left: 0;}

.nav li {position: relative;}
.nav > li {float: left;}

#mainmenu > li > a.parent:after{content: "\e114";display: inline-block;font-family: "Glyphicons Halflings";font-style: normal;font-size: 10px;margin-left: 10px;}
.nav > li > a {display: block;padding: 35px 0;color:#307694;font-size: 16px;margin: 0 10px;border-bottom:4px solid transparent;}
.nav > li > a:hover,.nav > li > a:focus,.nav > li > a.current {border-color: #e92e2f;color:#e92e2f;background-color: transparent;}

.nav ul li a:hover,.nav ul li a:focus,.nav ul li a.current {background-color: #bd2526;color:#fff;text-decoration: none;}

.nav li ul {position: absolute;left: -9999px;margin:0;padding:0;}

.nav > li.hover > ul {left: 0; margin:0;}

.nav li li.hover ul {left: 100%;top: 0;}

.nav li li a {display: block;background: #e92e2f;color:#fff;position: relative;z-index:100;padding: 10px 15px;}
.nav li li li a {background:#e92e2f;z-index:200;}
#mainmenu li li a.parent:after{content: "\e080";display: inline-block;font-family: "Glyphicons Halflings";font-style: normal;font-size: 10px;position: absolute;right: 5px;}

@media screen and (min-width: 992px) {
#menum.affix .logo img{max-height: 40px;}
#menum.affix {top: 0;}
#menum.affix {background-color: #fff;-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1);}
#menum.affix .nav > li > a{padding: 25px 0;}
}

@media screen and (max-width: 991px) {
.nav > li > a {font-size: 14px;margin: 0 8px;padding: 22px 0;}
}

@media screen and (max-width: 768px) {
#menurespo{display: block;}
.menu{display: none;}
.logo{width: 100%;padding-bottom: 15px;}
.menu_top .mt-right{margin-right: 60px;}
}
@media screen and (max-width: 480px) {
.menu_top .mt-right{display: none;}
.menu_top .mt-left{margin-right: 40px;}
}
@media screen and (max-width: 370px) {
.menu_top .mt-left i{display: none;}
}
@media screen and (max-width: 370px) {
.menu_top .mt-left a{margin-right: 5px;font-size: 12px;}
}

.sy-box{clear: both;margin-top: 20px;}

#content{padding: 90px 0;}
body.start #content{padding-bottom: 0;}
#content .main,#content .side{padding-left: 30px;padding-right: 30px;}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{color:#367a97;margin:15px 0;font-family: 'Open Sans', sans-serif;font-weight: 400;}

#content h1 {font-size: 24px;line-height: 34px;}
#content h2 {font-size: 22px;line-height: 32px;}
#content h3 {font-size: 36px;line-height: 46px;text-align: center;margin-bottom: 60px;}
#content h3::after {content: ". . .";display: block;text-align: center; clear: both;color: #ed1c24;font-size: 48px;line-height: 10px;}
#content h4 {font-size: 18px;line-height: 28px;}
#content h5 {font-size: 16px;line-height: 26px;}
#content h6 {font-size: 14px;line-height: 24px;}

#content a, #content a:link, #content a:active, #content a:visited {color: #e92e2f;}
#content a:hover {color: #000;}

#content a.btn-default,.btn-default{background-color: #2c3c4c;color:#fff;border:none;padding: 10px 30px;}
#content a.btn-default:hover,.btn-default:hover{background-color: #e92e2f;color:#fff;}

#content a.btn-primary,.btn-primary{background-color: transparent;color:#2c3c4c;border:1px solid #2c3c4c;}
#content a.btn-primary:hover, .btn-primary:hover{background-color: #2c3c4c;color:#fff;border-color: #2c3c4c;}

body.start .news{padding-top: 30px;padding-bottom: 60px;margin-top: 40px;}
.newsitem{margin-bottom: 30px;}
p.newsmeta{font-weight: bold;color:#367a97;}

#foot{background-color: #41819d;padding-top: 20px;padding-bottom: 40px;color:#fff;}
#foot a{color:#fff}
#foot h3{font-family: 'Open Sans', sans-serif;font-weight: 400;color:#fff;font-size: 36px;line-height: 46px;}

div.contactform {width: 80%;margin: 30px auto;}
div.contactform div {vertical-align: middle;margin: 8px 0;}
div.contactform input[type="text"], div.contactform input[type="email"] {display: block;padding: 6px;width: 100%;background: #ffffff;border: 1px solid #BCBCBC;margin: 8px 0;}
div.contactform select {width: 100%;margin: 8px 0;padding: 2px 2px 2px 0px;background: #ffffff;border: 1px solid #BCBCBC;}
div.contactform select option {padding: 0px 4px;}
div.contactform textarea {display: block;width: 100%;height: 100px;margin-top: 5px;background: #ffffff;border: 1px solid #BCBCBC;margin: 8px 0;padding: 6px;resize: none;}
div.contactform input.fbsubmit {float: right;padding: 10px 50px;background: #e92e2f;font-size: 14px;font-weight: bold;color: #ffffff;border: none;cursor: pointer;text-transform: uppercase;}
div.contactform input.fbsubmit:hover {opacity: 0.8}
div.contactform label{display:inline;margin-bottom: 15px;font-weight: 400;}
div.error_message {width: 90%;margin: 25px auto;background: #E24522;padding: 20px;}
div.error_message ul {list-style: none;}
div.error_message li {color: #ffffff;}

.vc-wrap{margin: 15px auto;max-width: 640px;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.galcoach .row{margin-bottom: 60px;}
.galcoach .gal-left img{margin-top: 15px;}
#content .galcoach .gal-right h4{font-size: 12px;margin-top: 0;text-transform: uppercase;}

.galclientlogo{text-align: center;clear: both;margin-bottom: 60px;}
.galclientlogo img{margin: 10px;}

body.start .galsk{padding-top: 60px;padding-bottom: 100px;background: #2c3c4c url('../img/bg-blue.jpg') no-repeat center center fixed;color:#fff;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
body.start #content .galsk h3,#content .galsk h3::after{color:#fff;}
body.start #content .galsk p{font-size: 16px;line-height: 36px;text-align: center;}
body.start #content .galsk a.btn-primary{color:#fff;border:1px solid #fff;}
#content .galsk a.btn-primary{padding-top: 25px;padding-bottom: 25px;margin-top: 20px;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 20px;line-height: 30px;}
body.start #content .galsk a.btn-primary:hover{background-color: #fff;color:#2c3c4c;border-color: #fff;}

body.start .galoffer{padding-top: 60px;padding-bottom: 100px;background: #f1f1f3 url('../img/bg-grey.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#content .galoffer h4 {font-size: 20px;line-height: 30px;text-align: center;margin-bottom: 16px;text-transform: uppercase;}
#content .galoffer h4::after {content: ".....";display: block;text-align: center; clear: both;color: #ed1c24;font-size: 18px;line-height: 10px;}

#content .galoffer a h4,#content .galoffer a p{color:#2b3b4c}
#content .galoffer a p strong{color:#307593}
#content .galoffer a:hover h4,#content .galoffer a:hover p,#content .galoffer a:hover img{opacity: 0.6;}

body.start .refs{padding-top: 60px;padding-bottom: 100px;background: #f1f1f3 url('../img/bg-grey.jpg') no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
p.title,.refssep,.refssummary{text-align: right;}
.refssummary{margin-bottom: 60px;}
.refssep{color:#ed1c24;font-size: 20px;margin-bottom: 20px;}
p.title{font-weight: bold;}

body.start p.title,body.start .refssep,body.start .refssummary{text-align: center;}
body.start .refssummary{margin-bottom: 30px;}


#foot .col-md-4 img{margin-bottom: 30px;margin-top: 40px;}
#foot .col-md-4 i{margin-right: 6px;}
#foot .col-md-4 a:hover{opacity: 0.6;}

#foot div.contactform {width: 100%;margin: 0;}
#foot div.contactform div{margin: 0;padding-left: 5px;padding-right: 5px;}
#foot div.contactform input[type="text"],#foot  div.contactform input[type="email"],#foot div.contactform select,#foot div.contactform textarea 
{background: transparent;color:#fff;border: 1px solid #fff;margin: 5px 0;}


footer {background: transparent;width: 100%;padding: 20px 0;line-height: 30px;font-size: 11px;font-weight: normal;margin: 0;text-align: center;color:#41819d;}
footer a {color: #41819d}
footer a.GreenMouse{font-size: 10px;}


.musli *{padding:0;margin:0;list-style:none;}
.musli{ position:fixed;right:0px;top:150px;z-index:100;list-style:none;}
.musli > li{cursor:pointer;width:35px;height:35px;margin-bottom:1px;position:relative;text-align: center;}
.musli > li > span{color: #fff;font-size: 20px;line-height: 36px;}
.musli > li > div{padding:5px;background: #fff;float:left;width:290px;height:230px;position:absolute;top:0;left:35px;z-index:100;}

.musli > li.tab-facebbok{background-color: #3b5998;}
.musli > li > div.musli-facebook{border: solid #3864a3 3px;}
.musli > li.tab-google{background-color:#DC4E41;}
.musli > li > div.musli-google{border: solid #d54431 3px;height:380px;}
.musli > li.tab-contact{background-color:#307593;}
.musli > li > div.musli-mail{border: solid #307593 3px;text-align: center;background-color: #307593;}
.musli-mail h3{font-size:18px;font-weight: bold;line-height: 25px;margin-top: 15px;color:#fff;}
.musli-mail p{font-size:12px;font-weight: normal;line-height: 18px;margin-top: 10px;color:#fff;}
.musli-mail p a{color:#fff;}

#cookie-warn-wrapper {width: 100%;position: fixed;left: 0;bottom: 0;background-color: rgba(0,0,0,0.8);padding: 5px 0;z-index: 999;}
#cookie-warn-wrapper div {font-size: 10px;line-height: 16px;padding-top: 3px;text-align: center;color:#fff;}
#cookie-warn-wrapper div a{color:#fff;text-decoration: underline;}
#cookie-warn-wrapper div a:hover{text-decoration: none;}
#cookie-warn-wrapper span {font-weight: bold;cursor: pointer;text-align: center;margin-left: 20px;color: #fff;background-color: #e92e2f;padding: 4px 8px;}
#cookie-warn-wrapper span:hover {opacity:0.8}

#toTop {display:none;text-decoration:none;position:fixed;bottom:40px;right:5px;overflow:hidden;width:40px;height:40px;border:none;background:#307593;text-align: center;}
#toTop:hover{background-color: #000;}
#toTopHover{font-size: 20px;line-height: 40px;color:#fff;}
@media only screen and ( max-width: 768px ){
#toTop,#toTopHover,.musli{display: none;}
.affix {position: static;}
}