/* cmsms stylesheet: Main modified: 11.08.2026 17:27:28 */
/* whitehousecenter CSS */


body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height: 1.1;
	color:#4f4f4f;
}

@media (min-width: 1200px){
	#header .container {
	    max-width: 1400px;
	}
	.container {
	    max-width: 1200px;
	}
}

a {
	color:#4f4f4f;
}

a:focus, a:active, a:hover {
	text-decoration: none;
}

a:hover {
	color:#81efe5;
}

p {
	font-size:16px;
	line-height: 1.3;
}

#header {
	background: #4f4f4f;
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	z-index: 999;
}

.menu ul {
	padding-left:0;
	margin:0;
}

.menu li {
    display: inline-block;
}

.menu a {
	display: block;
	font-size:18px;
	color:#fff;
	font-weight: 400;
	text-transform: uppercase;
	padding-top:30px;
	padding-bottom:20px;
	padding-right: 42px;
}

.heahder-right .menu a {
    padding-right: 0;
    padding-left:60px;
}

.menu a:hover {
	color:#81efe5;
}

.image-upload {
    margin-bottom: 15px;
    font-size: 12px;
}

.image-upload input {
    font-size: initial;
}

div#contact-top {
    padding-right: 60px;
}

div.social-media, #contact-top {
	padding: 15px 0;
	min-height: 60px;
}

 #contact-top, #contact-top a,  #contact-top span {
 	color:#fff;
 	font-size:14px;
 }
 
 #mobile-lang {
     position: fixed;
     top: 10px;
     left: 0;
     color: #ffffff;
     display: none;
 }
 
 #mobile-lang a {
     color: #ffffff;
 }

 .language-selector {
    display: inline-block;
    padding-left: 33px;
}

#logo {padding-top:15px;}

div.social-media a {
	color:#000;
	background: #fff;
}

div.social-media a {
    color: #000;
    background: #fff;
    padding: 5px;
    border-radius: 100%;
    width: 30px;
    display: inline-flex;
    text-align: center;
    height: 30px;
}

div.social-media a i {
    margin: auto;
}

#slider, #banner {
	max-width: 2400px;
	margin: 0 auto;
	position: relative;
	padding-top: 66px;
}
#slider {
  padding-top: 126px;
}

.content-img {
    margin-right: 30px;
    margin-bottom: 30px;
}

#banner {
	min-height: 350px;
	background-image:url(https://whitehousecenter.ch/assets/images/bg_pages.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#slider .bxslider {
    height: 100%;
    display: none;
}


@media (min-width:600px) {
    #slider .bxslider {
        display: block;
    }
    
    .staticSlider {
        display: none;
    }
}

#slider .img-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
}

#slider img {
	width:100%;
	height: auto;
	visibility: hidden;
}

.caption {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}


.btn.btn-default {

    background: #057c71;
    color: #fff;
    padding: 12px 24px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 50px;

    max-width: 545px;
    width: 100%;
}

.btn.btn-primary {
    background: #4f4f4f !important;
    border-color: #4f4f4f !important;
    white-space: normal !important;
}

#slider p.caption-subtitle a{
    background: #057c71;
    color: #fff;
    padding: 20px 135px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 50px;
    margin-left:150px;
}


#subcategories {
    padding: 0 15px;
    max-width: 2420px;
    margin: 0 auto;
}
.subcategory {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 15px solid #fff;
    min-height: 290px !important;
    border-right-width: 10px;
    border-left-width: 10px;
    position: relative;
}

.subcategory a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.subcategory-title {
    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    background: rgba(255, 255, 255, 0.63);
    width: 100%;
    color: #696a6c;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    padding: 27px 0;
    display: block;
}

.dark-section {
	background:#4f4f4f;
	float:left;
	width:100%;
}

#content .block {
	max-width: 1200px;
	margin:70px auto;
	padding: 65px 60px 30px;
	background: #fff;
}

#content .block .image-block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 305px;
    margin-top:30px;
}

.padding-sm {
    padding: 0;
}

#content .block h1, h2, h3 {
	font-weight: 300;
	font-size:38px;
	text-transform: uppercase;
	margin-bottom: 55px;
}

p.link-block a.btn.btn-default {

    margin-top:35px;

}

div#gallery {
    width: 100%;
    clear: both;
    padding: 20px 60px;
    max-width: 2400px;
    margin:0 auto;

}
.contact-block {
	max-width: 1200px;
    margin: 0 auto;
    padding: 20px 60px;
    background: #fff;
    margin-top:50px;

}

.instagram-block {
    margin-top: 50px;
}


body#pages.angebote .block {
    padding-bottom: 0;
    padding:30px 0;
}

body#pages.angebote .block {
    margin-bottom: 0;
}

body#pages.angebote h1 {
    margin-bottom: 0;
}

body#pages iframe.fullscreen {
    width: 100%;
}

iframe.twocolumns, img.twocolumns {
    width: 100%;
    max-width: 48%;
    display: inline-block;
    float: left;
    padding: 30px;
    border: 1px solid #f7f7f7;
    margin: 1%;
}

body#pages .page-section h3 {
    font-size: 30px;
    margin-bottom: 10px;
}

.contact-block .contact-infos p {
    line-height: 26px;
}

.contact-block .contact-infos em {
    width: 80px;
    display: inline-block;
    font-style: normal;
}

.contact-infos {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    margin-bottom: 40px;
    max-width: 90%;
}

.contact-infos:last-child {
	border-bottom: none;
}

.contact-infos .btn.btn-default {
    padding: 7px 82px;
}

.contactform input {
    border: 1px solid #e3e3e3;
    padding: 15px;
    margin-bottom: 15px;
    color:#b6b6b6;
    width:100%;
}

.contactform select, .contactform textarea {
	color:#b6b6b6;
	border: 1px solid #e3e3e3;
	width:100%;
	margin-bottom: 15px;
	padding: 15px;
}

.contactform textarea {
	height: 125px;
	resize: none;
}

.contactform input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#b6b6b6
}
.contactform input::-moz-placeholder { /* Firefox 19+ */
  color:#b6b6b6
}
.contactform input:-ms-input-placeholder { /* IE 10+ */
  color:#b6b6b6
}
.contactform input:-moz-placeholder { /* Firefox 18- */
  color:#b6b6b6
}

.contactform .fieldset div {
    display: inline-block;
    width: 100%;
    max-width: 49%;
    float: left;
    margin-right: 2%;
}

.contactform .fieldset div:last-child {
    margin-right: 0;
}

.contactform input.cms_submit {
    background: #057c71;
    color: #fff;
    padding: 12px 0;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 50px;
    border: none;
    max-width: 250px;
}


.contact-infos h3 {
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 26px;
}



.contact-infos a:hover {
	color:#057c71;
}

.contact-infos .btn.btn-default:hover {
	color:#fff;
}

#footer {
    background: #4f4f4f;
}

#footer, #footer p, #footer a {
	color:#fff;
}

#copyright {
	border-top:1px solid #a5a5a5;
	margin-top:25px;
	padding-top:35px;
	padding-bottom: 30px;
}

div#copyright, div#copyright p, div#copyright a {
    font-size: 12px;
}

#footer {
    padding-top: 45px;
}

#footer .container {
    max-width: 1100px;
}

#footer .social-media {
    text-align: right;
}
#footer .social-media a {
	background: #dadada;
	color:#4f4f4f;
}
#footer .logo {
    padding-right: 40px;
}


#slider p.caption-subtitle a:hover, .btn.btn-default:hover, .contactform input.cms_submit:hover {
	background: #07655c;
	cursor: pointer;
}

.contactform input.cms_submit:focus {
	outline: none;

}

#subcategories .subcategory:hover span.subcategory-title {
	z-index: 9;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background: rgba(5, 124, 113, 0.74);
	padding-top: 30%;
	color:#fff;
	    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
}

div#gallery .img {
    overflow: hidden;
}

div#gallery .img a:hover img {
	transform: scale(1.2);
	    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
}

button.owl-next:hover:before, button.owl-prev:hover:before {
	opacity: 0.8
}

.error_message, .error_message li {
	color:red;
}

#content .block .image-block:hover {
    opacity: 0.7;
	    transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
}

#header .social-media a:hover {
    background: #057c71;
    color: #fff;
}

hr {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.menu a.menuactive {
	color:#81efe5;
}

#pages .block {
    margin-top: 0;
    padding-top: 35px;
}

#pages .btn.btn-default {
    padding: 12px 95px;
}

#pages #content p {
   line-height: 1.5;
}

#pages #subcategories {
    padding: 0 51px 5px;
}

#pages #subcategories h3 {
    margin-bottom: 20px;
    padding:0px 45px 0;
}

#pages #subcategories {
    padding-bottom: 106px;
}

#home div#gallery {
	padding:80px 60px;
}

div#mobileNav.hidden-lg-up {display: none;}

.card {
    border: none;
}

@media (min-width: 1200px){
.bx-wrapper, .bx-wrapper .bx-viewport {
	height: 680px!important
}

#slider .img-background {
	height:100%!important;
}
}
html:lang(fr) .menu a {font-size:15px;}

.bxslider {
    background: none;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/


.bx-wrapper {
    visibility: hidden;
    position: relative;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
    width: 100%;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    background: #2d2d2d;
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    right: 50px;
    bottom: 50%;
    margin-bottom: -85px;
}

/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../../../../assets/js/bxslider/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #000;
    text-indent: -9999px;
    display: block;
    width: 3px;
    height: 50px;
    margin: 5px 0;
    outline: 0;
    transition: .5s;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    opacity: 1;
    background-color: #fff;
    position: relative;
    right: 6px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    right: 0px;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(/uploads/images/layout/arrowleft.png) no-repeat 40%;
    background-size: 20px;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url(/uploads/images/layout/arrowright.png) no-repeat 60%;
    background-size: 20px;
}

/*.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}*/

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 47%;
    outline: 0;
    width: 65px;
    height: 65px;
    text-indent: -9999px;
    z-index: 9;
    background-color: #866f5f;
    border-radius: 30px;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    top: 48%;
    left: 50%;
    display: block;
    text-align: center;
    width: 90%;
    margin-left: -45%;
    z-index: 200;
}
.bx-wrapper .bx-caption span {
    color: white;
    display: block;
    font-size: 2em;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5em;
    padding: 20px;
}
pager.bx-default-pager {
    display: none;
}
.bx-controls.bx-has-pager {
    display: none;
}

.initialImg {
    background-image: url(/uploads/images/Gallery/Slider/SL_PvW_small.webp);
}

@media (min-width: 600px) {
    .initialImg {
        background-image: url(/uploads/images/Gallery/Slider/SL_PvW.webp);
    }
}
/* cmsms stylesheet: Respnsive modified: 10.08.2020 09:15:51 */
/* Responsive css */

@media(max-width: 1400px){
	.menu a,div#contact-top {
		padding-right:25px;
	}
	#logo img {
		height: auto;
		width:100%;
		max-width: 234px;
	}
}

@media(max-width: 1280px)
{
.menu a {font-size:17px;}

}

@media (max-width: 1200px){
	#slider .img-background {height: 320px}
	#slider {padding-top:95px;}
	.container {
	    max-width: 100%;
	}
	div#contact-top {padding-right: 20px;}
	.menu a {
		padding-right:15px;
		font-size:15px;
	}
	#slider .img-background {
	    background-position: right bottom;
	}
}



/*@media (max-width: 991px){*/
@media (max-width: 1100px){
	#footer .col {
	    width: 100%;
	    max-width: 100%;
	    display: block;
	    flex: none;
	    text-align: center;
	    margin: 0!important;
	}
	#footer .social-media {text-align: center}

	#banner {min-height: 200px;}
	#pages #subcategories, #pages #subcategories h3 {padding:0;}
	.caption {top:47%;}
	div#copyright {padding: 20px 50px;}
	div#copyright, div#copyright p, div#copyright a {text-align: center}
	#banner {padding-top:90px;}
	#content .block {max-width: 95%; padding: 50px 20px;margin-top:0;margin-bottom: 0;}
	.btn.btn-default, .contact-infos .btn.btn-default,#slider p.caption-subtitle a, #pages .btn.btn-default {padding:12px 30px; width:auto; max-width:none;}
	#slider p.caption-subtitle a {margin-left:0;}
	.header-right .menu, .header-right .menu, #header div.social-media {display: none;}
	header#header .col {
		display: none;
	}
	#logo {
		text-align: center;
		max-width: 100%;
	    width: 100%;
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	}
	#mobile-lang {display: block;}
}

@media (max-width: 767px)
{
	#content .col-md-3.padding-sm .image-block {
	    background-size: cover;
	    min-height: 500px;
	}

	#logo img {max-width: 170px;}
	iframe.twocolumns, img.twocolums {max-width: 100%;}
	.content-img {max-width: 150px}
	.contact-block {padding:20px 15px;}
	.contact-block .contact-infos em {width:auto;}
	#content .block h1, h2, h3 {font-size:30px;}
	button.owl-prev, button.owl-next {top:30%;}
	.caption {top:40%;}
	.btn.btn-default {font-size: 15px;padding: 12px 10px;}
	/*#mobile-lang {display: block;}*/
}

@media (max-width: 575px) {
    .caption .h2 {
        font-size: 1.5rem !important;
        background: rgba(255,255,255,0.63);
    }

}

@media (max-width: 350px)
{

	button.owl-prev, button.owl-next {top:20%;}

}
/* cmsms stylesheet: Responsive Nav modified: 10.08.2020 09:13:01 */
html.hc-nav-yscroll { overflow-y: scroll }
body.hc-nav-open { overflow: visible; position: fixed; width: 100%; min-height: 100% }
.hc-offcanvas-nav { visibility: hidden; display: none; position: fixed; top: 0; height: 100%; z-index: 9999 }
.hc-offcanvas-nav.is-ios * { cursor: pointer !important }
.hc-offcanvas-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; height: 100%; max-width: 100%; max-height: 100%; box-sizing: border-box; transition: transform .4s ease }
.hc-offcanvas-nav .nav-wrapper { width: 100%; height: 100%; max-height: 100vh; overscroll-behavior: none; box-sizing: border-box }
.hc-offcanvas-nav .nav-content { height: 100%; max-height: 100vh }
.hc-offcanvas-nav .nav-wrapper-0>.nav-content { overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box }
.hc-offcanvas-nav ul { list-style: none; margin: 0; padding: 0 }
.hc-offcanvas-nav li { position: relative; display: block }
.hc-offcanvas-nav li.level-open>.nav-wrapper { visibility: visible }
.hc-offcanvas-nav input[type="checkbox"] { display: none }
.hc-offcanvas-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
.hc-offcanvas-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer }
.hc-offcanvas-nav a,
.hc-offcanvas-nav a:hover { text-decoration: none }
.hc-offcanvas-nav .nav-item { position: relative; display: block; box-sizing: border-box }
.hc-offcanvas-nav.disable-body::after,
.hc-offcanvas-nav .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
.hc-offcanvas-nav.disable-body.nav-open::after,
.hc-offcanvas-nav .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
.hc-offcanvas-nav:not(.nav-open)::after { pointer-events: none }
.hc-offcanvas-nav.nav-levels-expand .nav-content { overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box }
.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after { display: none }
.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
.hc-offcanvas-nav.nav-levels-overlap .nav-content { overflow: scroll; overflow-x: visible; overflow-y: auto; box-sizing: border-box }
.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent { position: static }
.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transform: translate3d(0, 0, 0); transition: transform .4s ease }
.hc-offcanvas-nav.nav-position-left { left: 0 }
.hc-offcanvas-nav.nav-position-left .nav-container { left: 0; transform: translate3d(-240px, 0, 0) }
.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
.hc-offcanvas-nav.nav-position-right { right: 0 }
.hc-offcanvas-nav.nav-position-right .nav-container { right: 0; transform: translate3d(240px, 0, 0) }
.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
.hc-offcanvas-nav.nav-position-top { top: 0 }
.hc-offcanvas-nav.nav-position-top .nav-container { top: 0; width: 100%; height: auto; transform: translate3d(0, -100%, 0) }
.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(0, -100%, 0) }
.hc-offcanvas-nav.nav-position-bottom { top: auto; bottom: 0 }
.hc-offcanvas-nav.nav-position-bottom .nav-container { top: auto; bottom: 0; width: 100%; height: auto; transform: translate3d(0, 100%, 0) }
.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(0, 100%, 0) }
.hc-offcanvas-nav.nav-open[class*='hc-nav-'] div.nav-container { transform: translate3d(0, 0, 0) }
.hc-nav-trigger { position: absolute; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; top: 15px; z-index: 9980; width: 30px; min-height: 24px; right: 10px; }
.hc-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
.hc-nav-trigger span,
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { display: block; position: absolute; left: 0; height: 4px; background: #fff; transition: all .2s ease }
.hc-nav-trigger span::before,
.hc-nav-trigger span::after { content: ''; width: 100% }
.hc-nav-trigger span::before { top: -10px }
.hc-nav-trigger span::after { bottom: -10px }
.hc-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
.hc-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
.hc-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul { background: #4f4f4f }
.hc-offcanvas-nav h2 { font-size: 19px; font-weight: normal; text-align: left; padding: 20px 17px; color: #1b3958 }
.hc-offcanvas-nav a,
.hc-offcanvas-nav .nav-item { padding: 14px 17px; font-size: 15px; color: #fff; z-index: 1; background: rgba(0, 0, 0, 0); border-bottom: 1px solid #2b2929 }
.hc-offcanvas-nav:not(.touch-device) a:hover { background: #057c71; color: #fff; }
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top: 1px solid #2c5d8f; margin-top: -1px }
.hc-offcanvas-nav li { text-align: left }
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a { background: #057c71; border-top: 1px solid #057c71; border-bottom: 1px solid #057c71; color: #fff; }
.hc-offcanvas-nav li.nav-close a:hover,
.hc-offcanvas-nav li.nav-back a:hover { background: #057c71; color: #fff; }
.hc-offcanvas-nav li.nav-close:not(:first-child) a,
.hc-offcanvas-nav li.nav-back:not(:first-child) a { margin-top: -1px }
.hc-offcanvas-nav li.nav-parent .nav-item { padding-right: 58px }
.hc-offcanvas-nav li.nav-close span,
.hc-offcanvas-nav li.nav-parent span.nav-next,
.hc-offcanvas-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff }
.hc-offcanvas-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg) }
.hc-offcanvas-nav li.nav-close span::after { transform: rotate(-45deg) }
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #057c71 }
.hc-offcanvas-nav span.nav-next::before,
.hc-offcanvas-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center }
.hc-offcanvas-nav:not(.touch-device) a:hover span.nav-next::before { border-color: #000; }
.hc-offcanvas-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg); }
.hc-offcanvas-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper { box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2) }
.hc-offcanvas-nav.nav-position-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
.hc-offcanvas-nav.nav-position-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) }
.hc-offcanvas-nav.nav-position-top span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-135deg) }
.hc-offcanvas-nav.nav-position-top li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper { box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2) }
.hc-offcanvas-nav.nav-position-bottom span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-135deg) }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,
.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,
.hc-offcanvas-nav.nav-levels-none .nav-container ul h2 { display: none }
.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,
.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item { font-size: 14px }
.hc-offcanvas-nav.nav-levels-expand .nav-container li,
.hc-offcanvas-nav.nav-levels-none .nav-container li { transition: background .3s ease }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open { background: #2e6296 }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #295887 }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover { background: #2f649a }
.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,
.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(-135deg) }