body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* =============================================================================
 * reset & various settings
 * ========================================================================== */

#wrapper {
	position: relative;
	z-index: 10;
}

/* =============================================================================
 * accent + second color
 * ========================================================================== */

:root {
	--accentColor: #e90069;
	--secondColor: #465665;
}

/* =============================================================================
 * visibility settings
 * ========================================================================== */

 /** is desktop or higher **/
@media only screen and (min-width: 1024px) {
	.vis-tablet, .vis-mobile, .vis-mobile-tablet {display: none !important;}
}

/** is tablet **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.vis-desktop, .vis-mobile, .vis-desktop-mobile {display: none !important;}
}

/** is mobile **/
@media only screen and (max-width: 767px) {
	.vis-desktop, .vis-tablet, .vis-desktop-tablet {display: none !important;}
}

/* =============================================================================
 * background color classes
 * ========================================================================== */

.bg-accent {
	background-color: var(--accentColor);
}

.bg-second {
	background-color: var(--secondColor);
}

.bg-lightgray {
	background-color: rgb(247,247,247)!important;
}

.bg-darkgray {
	background-color: rgb(69,69,69)!important;
}

.bg-gray {
	background-color: rgb(248,248,248);
}

.bg-alert {
	background-color: rgb(206,79,75);
}

.bg-info {
	background-color: rgb(94,187,215);
}

.bg-warning {
	background-color: rgb(240,173,78);
}

.bg-success {
	background-color: rgb(82,172,82);
}

.bg-transparent-white {
	background-color: rgba(255,255,255,0.7);
}

.bg-transparent-black {
	background-color: rgba(0,0,0,0.7);
}


/* =============================================================================
 * text color classes | important
 * ========================================================================== */

.color-white .h1,
.color-white .h2,
.color-white .h3,
.color-white .h4,
.color-white .h5,
.color-white .h6 {
	color: #fff !important;
	border-color: rgba(255,255,255,0.3)!important;
}

.color-gray .h1,
.color-gray .h2,
.color-gray .h3,
.color-gray .h4,
.color-gray .h5,
.color-gray .h6 {
	color: rgb(127,127,127)!important;
}

.color-lightgray .h1,
.color-lightgray .h2,
.color-lightgray .h3,
.color-lightgray .h4,
.color-lightgray .h5,
.color-lightgray .h6 {
	color: rgb(180,180,180)!important;
}

.color-darkgray .h1,
.color-darkgray .h2,
.color-darkgray .h3,
.color-darkgray .h4,
.color-darkgray .h5,
.color-darkgray .h6 {
	color: rgb(76,76,76)!important;
}

.color-white-trnp-50 .h1,
.color-white-trnp-50 .h2,
.color-white-trnp-50 .h3,
.color-white-trnp-50 .h4,
.color-white-trnp-50 .h5,
.color-white-trnp-50 .h6 {
	color: rgba(255,255,255,0.8)!important;
}

.color-accent .h1,
.color-accent .h2,
.color-accent .h3,
.color-accent .h4,
.color-accent .h5,
.color-accent .h6 {
	color: var(--accentColor);
}

.color-second,
.color-second p,
.color-second i,
.color-second h1,
.color-second h2,
.color-second h3,
.color-second h4,
.color-second h5,
.color-second h6,
.color-second .h1,
.color-second.h2,
.color-second .h3,
.color-second .h4,
.color-second .h5,
.color-second .h6,
.color-second a:not(.link-white) {
	color: var(--secondColor);
}

.color-success .h1,
.color-success .h2,
.color-success .h3,
.color-success .h4,
.color-success .h5,
.color-success .h6 {
	color: rgb(157,213,93);
}

.color-alert .h1,
.color-alert .h2,
.color-alert .h3,
.color-alert .h4,
.color-alert .h5,
.color-alert .h6 {
	color: rgb(247,80,90);
}

.color-warning .h1,
.color-warning .h2,
.color-warning .h3,
.color-warning .h4,
.color-warning .h5,
.color-warning .h6 {
	color: rgb(240,138,36);
}


.color-info .h1,
.color-info .h2,
.color-info .h3,
.color-info .h4,
.color-info .h5,
.color-info .h6 {
	color: rgb(160,211,232);
}

/* =============================================================================
 * text color classes
 * ========================================================================== */

.txt-color-accent,
.txt-color-accent p,
.txt-color-accent i,
.txt-color-accent a,
.txt-color-accent h1,
.txt-color-accent h2,
.txt-color-accent h3,
.txt-color-accent h4,
.txt-color-accent h5,
.txt-color-accent h6,
.txt-color-accent .h1,
.txt-color-accent .h2,
.txt-color-accent .h3,
.txt-color-accent .h4,
.txt-color-accent .h5,
.txt-color-accent .h6,
.txt-color-accent .h1 p,
.txt-color-accent .h2 p,
.txt-color-accent .h3 p,
.txt-color-accent .h4 p,
.txt-color-accent .h5 p,
.txt-color-accent .h6 p,
.txt-color-accent.h1,
.txt-color-accent.h2,
.txt-color-accent.h3,
.txt-color-accent.h4,
.txt-color-accent.h5,
.txt-color-accent.h6,
.txt-color-accent.h1 p,
.txt-color-accent.h2 p,
.txt-color-accent.h3 p,
.txt-color-accent.h4 p,
.txt-color-accent.h5 p,
.txt-color-accent.h6 p {
	color: var(--accentColor);
}

.txt-color-second,
.txt-color-second p,
.txt-color-second i,
.txt-color-second a,
.txt-color-second h1,
.txt-color-second h2,
.txt-color-second h3,
.txt-color-second h4,
.txt-color-second h5,
.txt-color-second h6,
.txt-color-second .h1,
.txt-color-second .h2,
.txt-color-second .h3,
.txt-color-second .h4,
.txt-color-second .h5,
.txt-color-second .h6,
.txt-color-second .h1 p,
.txt-color-second .h2 p,
.txt-color-second .h3 p,
.txt-color-second .h4 p,
.txt-color-second .h5 p,
.txt-color-second .h6 p,
.txt-color-second.h1,
.txt-color-second.h2,
.txt-color-second.h3,
.txt-color-second.h4,
.txt-color-second.h5,
.txt-color-second.h6,
.txt-color-second.h1 p,
.txt-color-second.h2 p,
.txt-color-second.h3 p,
.txt-color-second.h4 p,
.txt-color-second.h5 p,
.txt-color-second.h6 p {
	color: var(--secondColor);
}

 .txt-color-gray,
 .txt-color-gray p,
 .txt-color-gray i,
 .txt-color-gray a,
 .txt-color-gray h1,
 .txt-color-gray h2,
 .txt-color-gray h3,
 .txt-color-gray h4,
 .txt-color-gray h5,
 .txt-color-gray h6,
 .txt-color-gray .h1,
 .txt-color-gray .h2,
 .txt-color-gray .h3,
 .txt-color-gray .h4,
 .txt-color-gray .h5,
 .txt-color-gray .h6,
 .txt-color-gray .h1 p,
 .txt-color-gray .h2 p,
 .txt-color-gray .h3 p,
 .txt-color-gray .h4 p,
 .txt-color-gray .h5 p,
 .txt-color-gray .h6 p,
 .txt-color-gray.h1,
 .txt-color-gray.h2,
 .txt-color-gray.h3,
 .txt-color-gray.h4,
 .txt-color-gray.h5,
 .txt-color-gray.h6,
 .txt-color-gray.h1 p,
 .txt-color-gray.h2 p,
 .txt-color-gray.h3 p,
 .txt-color-gray.h4 p,
 .txt-color-gray.h5 p,
 .txt-color-gray.h6 p {
	color: rgb(127,127,127);
}

.txt-color-white,
.txt-color-white p,
.txt-color-white i,
.txt-color-white a,
.txt-color-white h1,
.txt-color-white h2,
.txt-color-white h3,
.txt-color-white h4,
.txt-color-white h5,
.txt-color-white h6,
.txt-color-white .h1,
.txt-color-white .h2,
.txt-color-white .h3,
.txt-color-white .h4,
.txt-color-white .h5,
.txt-color-white .h6,
.txt-color-white .h1 p,
.txt-color-white .h2 p,
.txt-color-white .h3 p,
.txt-color-white .h4 p,
.txt-color-white .h5 p,
.txt-color-white .h6 p,
.txt-color-white.h1,
.txt-color-white.h2,
.txt-color-white.h3,
.txt-color-white.h4,
.txt-color-white.h5,
.txt-color-white.h6,
.txt-color-white.h1 p,
.txt-color-white.h2 p,
.txt-color-white.h3 p,
.txt-color-white.h4 p,
.txt-color-white.h5 p,
.txt-color-white.h6 p  {
	color: rgb(255,255,255);
}

/* =============================================================================
 * align helper classes
 * ========================================================================== */

.align-centered.autogrid {
	float: none;
}

/* =============================================================================
 * utility classes text
 * ========================================================================== */

.no-underline,
.no-underline a {
	text-decoration: none;
}

.stroke-accent {
	stroke: var(--accentColor)
}

.stroke-second {
	stroke: var(--secondColor)
}

.fill-accent {
	fill: var(--accentColor)
}

.fill-second {
	fill: var(--secondColor)
}

span.color-accent {
	color: var(--accentColor);
}

/* =============================================================================
 * sidebar
 * ========================================================================== */

body.sidebar #container {
   display: flex;
}

body.sidebar .inside .container {
   padding-left: 0;
   padding-right: 0;
}

body.sidebar #main {
   flex: 50%;
	overflow: visible;
}

body.sidebar #left {
	flex: 25%;
	position: relative;
	overflow: visible;
}

body.sidebar #right {
	flex: 25%;
	position: relative;
	overflow: visible;
}

/* =============================================================================
 * sidebar left
 * ========================================================================== */

body.sidebar.left #main {
   flex: 75%;
   border-left: 1px solid rgb(229,229,229);
   order: 2;
}

body.sidebar.left #left {
   flex: 25%;
   order: 1;
}

body.sidebar.left #main > .inside {
   padding-left: 40px;
}

body.sidebar.left #left > .inside {
   margin-right: 40px;
}

/* =============================================================================
 * sidebar right
 * ========================================================================== */

body.sidebar.right #main {
   flex: 0 0 75%;
   border-right: 1px solid rgb(229,229,229);
   order: 1;
}

body.sidebar.right #right {
   flex: 0 0 25%;
   order: 2;
}

body.sidebar.right #main > .inside {
   padding-right: 40px;
}

body.sidebar.right #right > .inside {
   margin-left: 40px;
}

/* =============================================================================
 * sidebar both
 * ========================================================================== */

body.sidebar.both #main {
   flex: 0 0 60%;
   border-left: 1px solid rgb(229,229,229);
   border-right: 1px solid rgb(229,229,229);
   order: 2;
}

body.sidebar.both #right {
   flex: 0 0 20%;
   order: 3;
}

body.sidebar.both #left {
   flex: 0 0 20%;
   order: 1;
}

body.sidebar.both #main > .inside {
   padding-right: 40px;
   padding-left: 40px;
}

body.sidebar.both #left > .inside {
   margin-right: 40px;
}

body.sidebar.both #right > .inside {
   margin-left: 40px;
}

/* =============================================================================
 * mainmenu menuheader
 * ========================================================================== */

nav.mainmenu a.menuheader {
	font-weight: bold;
	font-size: 1.1rem;
}
  
/* =============================================================================
 * mmenu
 * ========================================================================== */

#mmenu .mod_navigation.mobile_vertical li a.submenu.open:after {
	transform:rotate(180deg);
}

/* =============================================================================
 * social colors
 * ========================================================================== */

.mod_socials i {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.mod_socials.color i.fa-facebook,
.mod_socials .social-FontAwesome.color i.fa-facebook,
.mod_socials i.fa-facebook:hover {
	background: rgb(67,96,152)!important;
	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-twitter,
.mod_socials .social-FontAwesome.color i.fa-twitter,
.mod_socials i.fa-twitter:hover {
	background: #111418!important;
	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-xing,
.mod_socials .social-FontAwesome.color i.fa-xing,
.mod_socials i.fa-xing:hover {
 	background: rgb(0,93,94)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-tumblr,
.mod_socials .social-FontAwesome.color i.fa-tumblr,
.mod_socials i.fa-tumblr:hover {
 	background: rgb(45,73,102)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-google-plus,
.mod_socials .social-FontAwesome.color i.fa-google-plus,
.mod_socials i.fa-google-plus:hover {
 	background: rgb(217,82,50)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-flickr,
.mod_socials .social-FontAwesome.color i.fa-flickr,
.mod_socials i.fa-flickr:hover {
 	background: rgb(250,29,132)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-linkedin,
.mod_socials .social-FontAwesome.color i.fa-linkedin,
.mod_socials i.fa-linkedin:hover {
 	background: rgb(2,116,179)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-instagram,
.mod_socials .social-FontAwesome.color i.fa-instagram,
.mod_socials i.fa-instagram:hover {
 	background: rgb(167,124,98)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-pinterest,
.mod_socials .social-FontAwesome.color i.fa-pinterest,
.mod_socials i.fa-pinterest:hover {
 	background: rgb(205,33,40)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-vimeo-square,
.mod_socials .social-FontAwesome.color i.fa-vimeo-square,
.mod_socials i.fa-vimeo-square:hover {
 	background: rgb(52,192,238)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i.fa-youtube,
.mod_socials .social-FontAwesome.color i.fa-youtube,
.mod_socials i.fa-youtube:hover {
 	background: rgb(220,33,48)!important;
 	color: rgb(255,2552,255)!important;
}

.mod_socials.color i:hover,
.mod_socials .social-FontAwesome.color i:hover {
	opacity: 0.7!important;
}

/* =============================================================================
 * ce_table
 * ========================================================================== */

.ce_table {
	position: relative;
	overflow: visible;
}

.ce_table table {
	margin-bottom: 10px;
	width: 99.9%;
	text-align: center;
	position: relative;
}

.ce_table table td {
	border-top: solid 1px #E3E3E3;
	padding: 12px;
	text-align: left;
}

.ce_table table td p {
	margin: 0;
}

.ce_table table th {
	text-align: left;
	padding: 12px;
	color: rgb(255,255,255);
	font-weight: bold;
	background: var(--accentColor);
}

.ce_table table tfoot td {
	color: rgb(152,152,152);
	font-weight: bold;
}

.ce_table .table-striped td,
.ce_table.table-striped td {
	border: 0;
	background: rgba(200,200,200,0.2);
}

.ce_table .table-striped .odd td,
.ce_table.table-striped .odd td {
	background: rgba(200,200,200,0.3);
}

.ce_table .table-striped-dark td,
.ce_table.table-striped-dark td {
	border: 0;
	background: rgb(51,51,51);
}

.ce_table .table-striped-dark .odd td,
.ce_table.table-striped-dark .odd td {
	background: rgb(64,64,64);
}

.ce_table .table-striped-dark,
.ce_table.table-striped-dark {
	color: rgb(255,255,255);
}

.ce_table.overflow {
	overflow-x: auto;
}

body.ie .ce_table.overflow {
	box-shadow: none;
}

.ce_table .table-clean td,
.ce_table.table-clean td {
	padding: 25px;
	font-size: 0.9rem;
	vertical-align: top;
}

.ce_table .table-clean td.col_first,
.ce_table .table-clean th.col_first,
.ce_table.table-clean td.col_first,
.ce_table.table-clean th.col_first {
	padding-left: 0;
}

.ce_table .table-clean th,
.ce_table.table-clean th {
	background: none;
	color: inherit;
	border-bottom: 1px solid rgb(190,190,190);
	padding: 25px;
}

.ce_table table a {
	text-decoration: underline;
}

.ce_table.strict-responsive table {
	white-space: normal;
}

/* =============================================================================
 * dividers
 * ========================================================================== */

hr.divider_1 {
	padding: 0;
	border: none;
	border-top: 1px solid #ddd;
	color: #ccc;
	text-align: center;
	height: 1px;
	margin: 25px 0;
	clear: both;
	width: 100%;
	float: left;
}

hr.divider_2 {
	padding: 0;
	border: none;
	border-top: 3px double #ddd;
	color: #ccc;
	text-align: center;
	height: 1px;
	margin: 25px 0;
	clear: both;
	width: 100%;
	float: left;
}

hr.divider_3 {
	padding: 0;
	border: none;
	border-top: 1px solid #ddd;
	color: #ccc;
	text-align: center;
	height: 1px;
	margin: 25px 0;
	position: relative;
	clear: both;
	width: 100%;
	float: left;
}

hr.divider_3:before {
	width: 20%;
	height: 1px;
	bottom: 0;
	left: 50%;
	position: absolute;
	display: block;
	content: '';
	background: var(--accentColor);
	margin-left: -10%;
}

.divider_4 {
	display: block;
	text-align: center;
	clear: both;
}

.divider_4_first {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 3px;
	border: 3px solid rgb(152,152,152);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.divider_4_second {
	width: 4px;
	height: 4px;
	margin-top: 2px;
	margin-left: 2px;
	background-color: var(--accentColor);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.divider_4::after, .divider_4::before {
	background-color: var(--accentColor);
	display: inline-block !important;
	vertical-align: middle;
	content: "";
	width: 70px;
	height: 1px;
	margin-top: -6px;
}

.divider_5 {
	display: block;
	text-align: center;
	clear: both;
}

.divider_5 i {
	font-size: 1.333rem;
	padding-left: 10px;
	padding-right: 10px;
	color: var(--accentColor);
}

.divider_5:after, .divider_5:before {
	background-color: rgb(152,152,152);
	display: inline-block !important;
	vertical-align: middle;
	content: "";
	width: 30%;
	height: 1px;
	margin-top: -6px;
}

/* =============================================================================
 * lists w/font-icon
 * ========================================================================== */

.ce_list.hasIcon ol li,
.ce_list.hasIcon ul li {
   display: flex;
   margin-bottom: 20px;
   position: relative;
}

.ce_list.hasIcon ol li i,
.ce_list.hasIcon ul li i {
   margin-right: 1em;
   line-height: 1.5em;
}


.ce_list.hasIcon li i:after {
	content: "";
	width: 70px;
	height: 1px;
	background: rgba(0,0,0,.08);
	position: absolute;
	left: -26px;
	bottom: -11px;
}

.color-white .ce_list.hasIcon li i:after {
   background: rgba(255,255,255,0.5);
}

/* =============================================================================
 * lists_v2
 * ========================================================================== */

.ce_list.style2.hasIcon ol li,
.ce_list.style2.hasIcon ul li,
.ce_list.list-style2.hasIcon ol li,
.ce_list.list-style2.hasIcon ul li {
   margin-bottom: 5px;
   font-size: 1.3rem;
}

.ce_list.list-style2 li i:after,
.ce_list.style2 li i:after {
	display: none;
}

.ce_list.list-style2 li.fa:before {
	color: var(--accentColor);
}

/* =============================================================================
 * lists_v3
 * ========================================================================== */

.ce_list.style3.hasIcon ol li,
.ce_list.style3.hasIcon ul li,
.ce_list.list-style3.hasIcon ol li,
.ce_list.list-style3.hasIcon ul li {
   margin-bottom: 20px;
   font-size: 1.1rem;
}

.ce_list.list-style3 li i:after,
.ce_list.style3 li i:after {
	display: none;
}

.ce_list.list-style3 li.fa:before {
	color: var(--accentColor);
}

/* =============================================================================
 * ce_contao_content_slider
 * ========================================================================== */

.ce_sliderStart {
	position: relative;
}

.slider-control a.slider-next:after {
	content:"\f105";
	font-family:FontAwesome;
	right: 0px;
	position: relative;
	color: #fff;
	font-size: 50px;
	text-shadow: 0px 0px 1px rgb(102,102,102);
	opacity: 0;
	-webkit-transition: All 0.9s ease;
	transition: All 0.9s ease;
}

.slider-control a.slider-prev:before {
	content:"\f104";
	font-family:FontAwesome;
	color: #fff;
	left: 0px;
	position: relative;
	font-size: 50px;
	text-shadow: 0px 0px 1px rgb(102,102,102);
	opacity: 0;
	-webkit-transition: All 0.9s ease;
	transition: All 0.9s ease;
}

.slider-control a.slider-prev:active:before,
.slider-control a.slider-next:active:after {
	top: 1px;
}

.ce_sliderStart:hover .slider-control a.slider-next:after {
	opacity: 1;
	right: 10px;
}
.ce_sliderStart:hover .slider-control a.slider-prev:before {
	opacity: 1;
	left: 10px;
}

.ce_sliderStart .slider-control .slider-menu {
	bottom: 0;
	top: auto;
	font-size: 0;
	line-height: 40px;
}

.ce_sliderStart .slider-control a {
	top: 50%;
	color: transparent !important;
	line-height: 50px;
	margin-top: -51px;
}

.ce_sliderStart .slider-control {
	height: 50px;
	position: static;
}

.ce_sliderStart .slider-control .slider-menu b {
	width: 10px;
	background: #fff;
	display: inline-block;
	text-indent: -9999em;
	line-height: 6px;
	font-family: Arial, sans-serif;
	margin: 0 3px;
	height: 10px;
	border-radius: 100%;
	border: 2px solid #fff;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
}

.ce_sliderStart .slider-control .slider-menu b.active {
	background: rgba(0,0,0,0.1);
	width: 12px;
	height: 12px;
	position: relative;
	top: -1px;
}

.ce_sliderStart .slider-wrapper {
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
}

/* =============================================================================
 * ce_contao_content_slider (in #slider section)
 * ========================================================================== */

#slider .slider-wrapper,
#slider .ce_slidertext .table {
	max-height: 700px;
}

#slider .slider-control a.slider-next:after,
#slider .slider-control a.slider-prev:before {
	font-size: 90px;
}

#slider .slider-control {
	background: #fff;
}

#slider .ce_slidertext .contentwrap {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
}

#slider .ce_slidertext .table {
	display: table;
	width: 100%;
	height: 100%;
}

#slider .ce_slidertext .table-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	padding: 20px;
}

#slider .ce_slidertext h1,
#slider .ce_slidertext .h1 {
	font-size: 65px;
}

#slider .ce_slidertext p {
	font-size: 20px;
}

#slider .ce_slidertext p a {
	margin-top: 20px;
}

/* =============================================================================
 * content-swiper
 * ========================================================================== */

.swiper-container.hide-arrows .swiper-button-next,
.swiper-container.hide-arrows .swiper-button-prev {
	display: none!important;
}

.content-swiper .swiper-button-next, 
.content-swiper .swiper-button-prev {
	color: #333;
	background: none;
}

.content-swiper .swiper-pagination-bullet-active {
	background: #333;
}

/* =============================================================================
 * content-accordion
 * ========================================================================== */

.content-accordion .handorgel__header button.handorgel__header__button:hover {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

/* =============================================================================
 * content-description-list
 * ========================================================================== */

.content-description-list { 
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: #f9f9f9;
}

.content-description-list dl {
	margin: 0;
	padding: 0;
}

.content-description-list dt {
	font-weight: bold;
    margin-bottom: 5px;
}

.content-description-list dd {
	margin-left: 0;
    margin-bottom: 10px;
}

/* =============================================================================
 * ce_downloads
 * ========================================================================== */

.ce_download img.mime_icon,
.ce_downloads img.mime_icon {
  vertical-align:middle;
}

.ce_download a,
.ce_downloads a {
  text-decoration:none;
}

.ce_downloads a span.size {
  font-size: 0.8rem;
  color: rgba(0,0,0,0.4);
  text-decoration: none;
}

.ce_download a span.size {
	color: rgba(255,255,255,0.5);
}

.ce_downloads li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}

/* =============================================================================
 * ce_downloads_box
 * ========================================================================== */

.ce_downloads_box .ce_downloads_box_inside {
	background: rgb(248,248,248);
	padding: 30px;
	font-size: 0.85rem;
}

.ce_downloads_box .ce_downloads_box_inside li {
	border: 0;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.ce_downloads_box .ce_downloads_box_inside li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.ce_downloads_box .ce_downloads_box_inside li img {
	margin-right: 4px;
}

.ce_downloads_box .ce_downloads_box_inside .size {
	display: none;
}

/* =============================================================================
 * ce_download
 * ========================================================================== */

.ce_download:not(.ce_download_small) {
	background: rgb(59,60,66);
	color: #fff;
	padding: 35px;
	border-radius: 3px;
	position: relative;
}

.ce_download h1,
.ce_download h2,
.ce_download h3,
.ce_download h4,
.ce_download h5,
.ce_download h6,
.ce_download a {
	color: #fff;
}

.ce_download:after {
	font-family: "FontAwesome";
	content: "\f0ed";
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -35px;
	font-size: 70px;
	color: rgba(255,255,255,0.1);
	line-height: 70px;
}

.ce_download_small {
	margin-bottom: 10px;
}

.ce_download_small .ce_download_small_inside a {
	border: 1px solid var(--accentColor);
	padding: 10px 15px;
	position: relative;
	display: block;
	color: inherit;
}

.ce_download_small .ce_download_small_inside a:after {
	font-family: "FontAwesome";
	content: "\f0ed";
	position: absolute;
	right: 35px;
	top: 50%;
	margin-top: -35px;
	font-size: 35px;
	line-height: 70px;
	opacity: 0.4;
	color: var(--accentColor);
}

/* =============================================================================
 * ce_dropcap
 * ========================================================================== */

p.dropcap:first-letter,
.dropcap p:first-child:first-letter  {
	font-size: 4rem;
	float: left;
	margin-right: 7px;
	line-height: 57px;
}

/* =============================================================================
 * ce_comments
 * ========================================================================== */

.ce_comments .widget {
	margin-bottom: 10px;
}

/* =============================================================================
 * ce_video_custom
 * ========================================================================== */

.ce_video_custom,
.ce_youtube .ce_youtube_inner,
.ce_vimeo .ce_vimeo_inner {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.ce_video_custom iframe,
.ce_video_custom object,
.ce_video_custom embed,
.ce_youtube iframe,
.ce_youtube object,
.ce_youtube embed,
.ce_vimeo iframe,
.ce_vimeo object,
.ce_vimeo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ce_video_custom video,
.ce_youtube video,
.ce_vimeo video {
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: 100%;
}

/* =============================================================================
 * video in lightbox/colorbox
 * ========================================================================== */

#colorbox video {
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: 100%;
}

/* =============================================================================
 * lightbox/colorbox
 * ========================================================================== */

body #colorbox,body #cboxOverlay,body #cboxWrapper {
    z-index: 99999;
}

/* =============================================================================
 * ce_accordion_v2
 * ========================================================================== */

.ce_accordion_v2,
.ce_accordion.style2 {
	margin-bottom: 10px;
	overflow: visible;
	border: 0;
}

.ce_accordion_v2 .toggler,
.ce_accordion.style2 .toggler {
	padding: 1rem 1rem 1rem 4rem;
	box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.03);
	cursor: pointer;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	position: relative;
	font-weight: bold;
	border: 1px solid rgb(220,220,220);
}

.ce_accordion_v2 .toggler:not(.ui-state-active):hover,
.ce_accordion.style2 .toggler:not(.ui-state-active):hover {
	color: var(--accentColor);
}

.ce_accordion_v2 .toggler:before,
.ce_accordion.style2 .toggler:before {
	margin: 0;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	padding: 0;
	text-align: center;
	font: 1rem/1.6rem FontAwesome;
	font-weight: normal;
	content: "\f067";
	border-radius: 100%;
	border: 2px solid;
}

.firefox .ce_accordion_v2 .toggler:before,
.firefox .ce_accordion.style2 .toggler:before {
	line-height: 1.6rem;
}

.ce_accordion_v2 .toggler.ui-state-active:before,
.ce_accordion.style2 .toggler.ui-state-active:before {
	content:" \f068";
	color: rgb(255,255,255);
	border-color: rgb(255,255,255);
}

.ce_accordion_v2 .toggler.ui-state-active,
.ce_accordion.style2 .toggler.ui-state-active {
	color: rgb(255,255,255);
	background: var(--accentColor);
}

.ce_accordion_v2 .accordion,
.ce_accordion.style2 .accordion {
	padding: 25px 0;
}

/* ie11 render bug */
.ie11 .ce_accordion_v2 .toggler:before,
.ie11 .ce_accordion.style2 .toggler:before {
	border: 0;
	transform: none;
}

/* =============================================================================
 * ce_hyperlink
 * ========================================================================== */

/* color */
.ce_hyperlink.btn-accent a {
	background: var(--accentColor);
	border-color: var(--accentColor);
}

.ce_hyperlink.btn-second a {
	background: var(--secondColor);
	border-color: var(--secondColor);
}

.ce_hyperlink.btn-accent-outline a {
	border-color: rgb(152,152,152);
	color: rgb(152,152,152);
	background: transparent;
}

.ce_hyperlink.btn-accent-outline:not(.btn-white):not(.btn-black-outline):not(.btn-gray-outline) a {
	border-color: var(--accentColor);
	color: var(--accentColor);
}

.ce_hyperlink.btn-second-outline a:not(.btn-white):not(.btn-black-outline):not(.btn-gray-outline) {
	border-color: var(--secondColor);
	color: var(--secondColor);
}

.ce_hyperlink.btn-second-outline a,
.ce_hyperlink-extended a.link-sec-color-outline {
	border-color: rgb(152,152,152);
	color: rgb(152,152,152);
	background: transparent;
}

.ce_hyperlink.btn-white a {
	background: rgb(255,255,255);
	border-color: rgb(255,255,255);
}

.ce_hyperlink.btn-white a {
	color: var(--accentColor);
}

.ce_hyperlink.btn-white-outline a {
	border-color: rgb(255,255,255);
	color: rgb(255,255,255);
	background: transparent;
}

.ce_hyperlink.btn-gray a {
	background: rgb(248,248,248);
	border-color: rgb(248,248,248);
}

.ce_hyperlink.btn-gray-outline a {
	border-color: rgb(248,248,248);
	color: rgb(248,248,248);
	background: transparent;
}

.ce_hyperlink.btn-black a {
	background: rgb(0,0,0);
	border-color: rgb(0,0,0);
}

.ce_hyperlink.btn-black-outline a {
	border-color: rgb(0,0,0);
	color: rgb(0,0,0);
	background: transparent;
}

.ce_hyperlink.btn-gray a {
	background: rgb(59,60,66);
	border-color: rgb(59,60,66);
}

.ce_hyperlink.btn-gray-outline a {
	border-color: rgb(59,60,66);
	color: rgb(59,60,66);
	background: transparent;
}

.ce_hyperlink.btn-trnsp a {
	background: transparent;
	border-color: transparent;
	color: inherit;
}

.ce_hyperlink.btn-trnsp-white a {
	background: transparent;
	border-color: transparent;
}

/* size */
.ce_hyperlink.btn-size-small a {
	padding: 5px 15px;
	border-width: 1px;
	font-size: 0.85rem;
}

.ce_hyperlink.btn-size-medium a {
	padding: 10px 20px;
	font-size: 1.2rem;
}

.ce_hyperlink.btn-size-large a {
	padding: 17px 90px;
	font-size: 1.2em;
}

.ce_hyperlink.btn-size-full a {
	display: block;
}

.ce_hyperlink.btn-size-textlink a {
	background: transparent!important;
	padding: 0;
	min-width: 0;
}


.ce_hyperlink.btn-animated i {
	opacity: 0;
	width: 0;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

/* icon */
.ce_hyperlink i {
	margin-right: 10px;
}

.ce_hyperlink.btn-animated a:hover i {
    opacity: 1;
    width: 16px;
}

/* border-radius */
.ce_hyperlink.btn-radius-3 a {
	border-radius: 3px;
}

.ce_hyperlink.btn-radius-5 a {
	border-radius: 5px;
}

.ce_hyperlink.btn-radius-10 a {
	border-radius: 10px;
}

.ce_hyperlink.btn-radius-20 a {
	border-radius: 20px;
}

/* inline */
.ce_hyperlink.h-align-inline {
	display: inline-block;
	margin-right: 5px;
}

/* =============================================================================
 * mod_subscribe
 * ========================================================================== */

.mod_subscribe table td, .mod_subscribe table {
	border: 0;
}

.mod_subscribe input.submit[type="submit"],
.mod_subscribe button.submit[type="submit"] {
	border-width: 1px;
	padding: 10px;
	border-radius: 0;
	font-weight: normal;
	text-align: center!important;
}

.mod_subscribe input.text {
	max-width: 290px;
	margin-bottom: 10px;
	height: 48px;
	text-align: left!important;
}

.mod_subscribe .formbody {
	margin: 0;
	display: flex;
}

.mod_subscribe.align-center {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.mod_subscribe.align-center .formbody {
	justify-content: center;
}

.mod_subscribe.align-right .formbody {
	justify-content: flex-end;
}

.mod_subscribe .widget.widget-text {
   min-width: 280px;
}

/* =============================================================================
 * mod_subscribe in sidebar
 * ========================================================================== */

#right .mod_subscribe .formbody {
   display: block;
}

#right .mod_subscribe .formbody .widget-text {
   margin-bottom: 0;
   min-width: 0;
}

#left .mod_subscribe .formbody {
   display: block;
}

#left .mod_subscribe .formbody .widget-text {
   margin-bottom: 0;
   min-width: 0;
}

/* =============================================================================
 * mod_login
 * ========================================================================== */

.mod_login table td, .mod_login table {
	border: 0;
}

.mod_login {
	padding: 5%;
	background: rgba(255,255,255,0.95);
	margin: 10px auto;
	max-width: 450px;
}

.mod_login .checkbox_container label {
	margin-left: 5px;
}

.mod_login .submit_container,
.mod_login input.submit,
.mod_login button.submit {
	margin: 0;
}

.mod_login .formbody {
	margin: 0;
}

.mod_login .widget-submit {
	margin-bottom: 0;
	margin-top: 15px;
}

/* =============================================================================
 * mod_calendar
 * ========================================================================== */

.mod_calendar table {
  border:0;
  width: 100%;
}

.mod_calendar .calendar td {
  width:14%;
  height:7em;
  padding:0;
  border:1px solid #ddd;
  vertical-align: top;
}

.mod_calendar td .event {
  display:inline-block;
  font-size: 0.7333rem;
}

.mod_calendar th.label {
  padding:10px 0;
}

.mod_calendar th.head {
  padding:0;
  background:var(--accentColor);
  border-top:1px solid var(--accentColor);
  border-right:1px solid var(--accentColor);
  border-left:1px solid var(--accentColor);
  color:#fff;
}

.mod_calendar th.previous a,
.mod_calendar th.next a {
  display:inline-block;
  padding:10px;
  background-color:var(--accentColor);
  text-decoration:none;
  color:#fff;
}

.mod_calendar th.previous a:hover,
.mod_calendar th.next a:hover {
  border-color:#84898d !important;
}

.mod_calendar th.current {
  text-align:center;
}

.mod_calendar th.next {
  text-align:right;
}

.mod_calendar th.previous {
  text-align:left;
}

.mod_calendar th.label {
  text-align:center;
  background-color:#2c2c2c;
  border-right:1px solid #2c2c2c;
  border-left:1px solid #2c2c2c;
  color:#fff;
}

.mod_calendar td div.header {
  padding:3px 3px 3px 6px;
  background-color:#f8f8f8;
  font-size: 0.8667rem;
  line-height: normal;
}

.mod_calendar td.empty {
  background:#fff;
}

.mod_calendar td .event {
  width:99%;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:normal;
  padding: 5px;
}

.mod_calendar td.today {
  background-color:#f8f8f8;
}

.mod_calendar th.current {
  padding:10px;
}

.mod_calendar th.current:before {
  display:inline-block;
  margin-right:8px;
  font-family:FontAwesome;
  content:"\f133";
}

/* =============================================================================
 * mod_faqpage
 * ========================================================================== */

.mod_faqpage h2,
.mod_faqpage .h2 {
	display: none;
}

.mod_faqpage .info {
	font-size: 0.8rem;
}

.mod_faqpage h3,
.mod_faqpage .h3 {
	font-size: 1.2rem;
}

.mod_faqpage .h3:before,
.mod_faqpage h3:before {
	font-family: "FontAwesome";
	content: "\f059";
	margin-right: 5px;
	color: var(--accentColor);
}

.mod_faqpage section {
	display: inline-block;
	width: 49.5%;
	padding: 40px;
	border: 0!important;
	vertical-align: top;
}

.mod_faqpage .toplink {
	 display: none;
}

/* =============================================================================
 * mod_search
 * ========================================================================== */

.mod_search input,
.mod_search .widget-text {
	width: 45%;
	float: left;
	height: 48px!important;
}

.mod_search input.submit,
.mod_search button.submit {
	border: 1px solid rgb(152,152,152);
	border-radius: 0;
}

.mod_search button.submit {
	border: 0!important;
}

.mod_search p.header {
	margin-top: 15px;
	background: none!important;
	clear: both;
}

.mod_search input:not(.submit),
.mod_search button:not(.submit) {
	appearance: textfield!important;
	-webkit-appearance: textfield!important;
}

.mod_search .widget-submit {
	float: left;
}

.mod_search.align-center form {
	display: inline-block;
}

.mod_search.align-center .widget-text {
	min-width: 300px;
}

.mod_search .submit {
	border: 1px solid var(--accentColor);
}

#main .mod_search {
	text-align: center;
}

#main .mod_search .widget-text {
	min-width: 350px;
	margin-right: 10px;
}

#main .mod_search input {
	border-radius: 20px;
}

#main .mod_search form {
	display: inline-block;
}

#main .mod_search input.submit, 
#main .mod_search button.submit {
	border-radius: 20px;
}

/* =============================================================================
 * mod_registration
 * ========================================================================== */

.mod_registration {
	padding: 35px;
	background: rgba(0,0,0,0.4);
	max-width: 500px;
	border-radius: 20px;
}

.mod_registration .widget {
	margin-bottom: 10px;
	overflow: hidden;
}

.mod_registration .widget.widget-submit {
	margin-top: 25px;
	margin-bottom: 0;
}

.mod_registration label {
	color: rgb(255,255,255);
	display: block;
}

.mod_registration .submit_container {
	width: 100%;
	margin-top: 0;
}

.mod_registration .captcha_text {
	display: block;
	color: red;
	font-size: 0.9333rem;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 0;
	font-weight: bold;
}

.mod_registration h1,
.mod_registration h2,
.mod_registration h3,
.mod_registration h4,
.mod_registration h5,
.mod_registration h6 {
	color: #fff;
	margin-bottom: 15px;
}

/* =============================================================================
 * mod_sitemap
 * ========================================================================== */

.mod_sitemap ul {
	margin: 10px;
	background: rgba(0,0,0,0.05);
	padding: 20px;
}

.mod_sitemap ul li {
	margin-bottom: 3px;
}

.mod_sitemap ul li i:before {
	content: "\f105";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	transform: translate(0, 0);
	margin-right: 5px;
}

/* =============================================================================
 * portfolio grid-sizer
 * ========================================================================== */

.portfolio-col2 .grid-sizer {
	width: calc(100% / 2);
}

.portfolio-col3 .grid-sizer {
	width: calc(100% / 3);
}

.portfolio-col4 .grid-sizer {
	width: calc(100% / 4);
}

/* =============================================================================
 * helper class hide-subline
 * ========================================================================== */
[class^="mod_portfoliolist"].hide-subline .subline {
	display: none!important;
}

/* =============================================================================
 * swiper slider
 * ========================================================================== */

.swiper-container {
	position: relative;
	--swiper-theme-color: #333;
}

/* =============================================================================
 * mod_privacy_optin
 * ========================================================================== */
 
body .mod_privacy_optin .privacy_buttons input, 
body .mod_privacy_optin_medium .privacy_buttons input {
	background: var(--accentColor);
}

/* =============================================================================
 * ce_privacy_iframe
 * ========================================================================== */

 .ce_privacy_iframe iframe {
	width: 100%;
 }

/* =============================================================================
 * styles
 * ========================================================================== */

 html,
 body {
	 font-size: 16px;
 }
 
 body {
	 color: #555;
	 font-family: Verdana, sans-serif;
	 line-height: 1.8rem;
	 font-weight: normal;
 }
 
 /* =============================================================================
  * font classes
  * ========================================================================== */
 
 .font_serif_2,
 .font-serif-2 {
	 font-family: Georgia, Times, serif;
 }
 
 /* =============================================================================
  * headlines
  * ========================================================================== */
 
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .font_headline {
	 margin-bottom: 25px;
	 line-height: 1.3;
	 color: rgb(59,60,66);
	 word-wrap: break-word;
	 font-weight: bold;
 }
 
 h1,
 .h1,
 .h1 p,
 body .headline_style_h1 h1,
 body .headline_style_h1 h2,
 body .headline_style_h1 h3,
 body .headline_style_h1 h4,
 body .headline_style_h1 h5,
 body .headline_style_h1 h6,
 body h1.headline_style_h1,
 body h1.headline_style_h1,
 body h2.headline_style_h1,
 body h3.headline_style_h1,
 body h4.headline_style_h1,
 body h5.headline_style_h1,
 body h6.headline_style_h1 {
	 font-size: 3rem;
	 padding-top: 0;
 }
 
 h2,
 .h2,
 .h2 p,
 body .headline_style_h2 h1,
 body .headline_style_h2 h2,
 body .headline_style_h2 h3,
 body .headline_style_h2 h4,
 body .headline_style_h2 h5,
 body .headline_style_h2 h6,
 body h1.headline_style_h2,
 body h1.headline_style_h2,
 body h2.headline_style_h2,
 body h3.headline_style_h2,
 body h4.headline_style_h2,
 body h5.headline_style_h2,
 body h6.headline_style_h2 {
	 font-size: 2.333rem;
 }
 
 h3,
 .h3,
 .h3 p,
 body .headline_style_h3 h1,
 body .headline_style_h3 h2,
 body .headline_style_h3 h3,
 body .headline_style_h3 h4,
 body .headline_style_h3 h5,
 body .headline_style_h3 h6,
 body h1.headline_style_h3,
 body h1.headline_style_h3,
 body h2.headline_style_h3,
 body h3.headline_style_h3,
 body h4.headline_style_h3,
 body h5.headline_style_h3,
 body h6.headline_style_h3 {
	 font-size: 1.867rem;
 }
 
 h4,
 .h4,
 .h4 p,
 body .headline_style_h4 h1,
 body .headline_style_h4 h2,
 body .headline_style_h4 h3,
 body .headline_style_h4 h4,
 body .headline_style_h4 h5,
 body .headline_style_h4 h6,
 body h1.headline_style_h4,
 body h1.headline_style_h4,
 body h2.headline_style_h4,
 body h3.headline_style_h4,
 body h4.headline_style_h4,
 body h5.headline_style_h4,
 body h6.headline_style_h4 {
	 font-size: 1.5rem;
 }
 
 h5,
 .h5,
 .h5 p,
 body .headline_style_h5 h1,
 body .headline_style_h5 h2,
 body .headline_style_h5 h3,
 body .headline_style_h5 h4,
 body .headline_style_h5 h5,
 body .headline_style_h5 h6,
 body h1.headline_style_h5,
 body h1.headline_style_h5,
 body h2.headline_style_h5,
 body h3.headline_style_h5,
 body h4.headline_style_h5,
 body h5.headline_style_h5,
 body h6.headline_style_h5 {
	 font-size: 1.333rem;
 }
 
 h6,
 .h6,
 .h6 p,
 body .headline_style_h6 h1,
 body .headline_style_h6 h2,
 body .headline_style_h6 h3,
 body .headline_style_h6 h4,
 body .headline_style_h6 h5,
 body .headline_style_h6 h6,
 body h1.headline_style_h6,
 body h1.headline_style_h6,
 body h2.headline_style_h6,
 body h3.headline_style_h6,
 body h4.headline_style_h6,
 body h5.headline_style_h6,
 body h6.headline_style_h6 {
	 font-size: 1.2rem;
 }
 
 .column[class*="mb-"]:not[class*="-m"] > h1,
 .column[class*="mb-"]:not[class*="-m"] > h2,
 .column[class*="mb-"]:not[class*="-m"] > h3,
 .column[class*="mb-"]:not[class*="-m"] > h4,
 .column[class*="mb-"]:not[class*="-m"] > h5,
 .column[class*="mb-"]:not[class*="-m"] > h6,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > h1,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > h2,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > h3,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > h4,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > h5,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > h6,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > .h1,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > .h2,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > .h3,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > .h4,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > .h5,
 .column[class*="mb-"]:not[class*="-m"] > .attributes > .h6,
 .column[class*="mb-"]:not[class*="-m"] > .h1,
 .column[class*="mb-"]:not[class*="-m"] > .h2,
 .column[class*="mb-"]:not[class*="-m"] > .h3,
 .column[class*="mb-"]:not[class*="-m"] > .h4,
 .column[class*="mb-"]:not[class*="-m"] > .h5,
 .column[class*="mb-"]:not[class*="-m"] > .h6,
 .ce_text.h1 > p,
 .ce_text.h2 > p,
 .ce_text.h3 > p,
 .ce_text.h4 > p,
 .ce_text.h5 > p,
 .ce_text.h6 > p,
 .ce_text.h7 > p {
	 margin-bottom: 0;
 }
 
 /* =============================================================================
  * logo size
  * ========================================================================== */
 
 .logo {
	 width: 200px;
	 height: 100px;
 }
 
 /* =============================================================================
  * logo size: sticky
  * ========================================================================== */
 
 .stickyheader .logo {
	 width: 170px;
	 height: 70px;
 }
 
 /* =============================================================================
  * logo size: mobile
  * ========================================================================== */
 
 @media only screen and (max-width: 767px) {
	 .logo {
		 width: 150px;
		 height: 70px;
	 }
 }
 
 /* =============================================================================
  * logo
  * ========================================================================== */
 
 .logo {
	 margin-top: auto;
	 margin-bottom: auto;
	 float: left;
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
 }
 
 .logo a {
	 background-image: url(../../files/upmotion/img/logo.svg);
	 width: 100%;
	 height: 100%;
	 display: block;
	 background-repeat: no-repeat;
	 background-size: 100%;
	 background-position: left;
 }
 
 /* =============================================================================
  * stickyheader
  * ========================================================================== */
 
 .stickyheader .header.cloned {
	 line-height: 70px;
 }
 
 .stickyheader {
	 position: fixed;
	 z-index: 10000;
	 left: 0;
	 top: 0;
	 width: 100%;
	 top: -100%;
	 transition: All 0.4s ease;
	 -webkit-transition: All 0.4s ease;
 }
 
 body.fixed-header .stickyheader {
	 top: 0;
 }
 
 .stickyheader .header.cloned .logo {
	 transition: height 0.3s ease;
	 -webkit-transition: height 0.3s ease;
 }
 
 /* =============================================================================
  * header
  * ========================================================================== */
 
 .header {
	 width: 100%;
	 top: 0px;
	 z-index: 1030;
	 position: relative;
	 background: rgb(255,255,255);
	 line-height: 100px;
 }
 
 .header.cloned {
	 box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	 transition: line-height 0.3s ease;
	 -webkit-transition: line-height 0.3s ease;
 }
 
 .header .inside {
	 padding-left: 40px;
	 padding-right: 40px;
 }
 
 /* =============================================================================
  * fix-wrapper
  * ========================================================================== */
 
 #fix-wrapper {
	 width: 100%;
	 z-index: 10000;
 }
 
 /* =============================================================================
  * contentwrapper
  * ========================================================================== */
 
 #contentwrapper {
	 background: rgb(255,255,255);
 }
 
 /* =============================================================================
  * page-width
  * ========================================================================== */
 
 #top .inside,
 .header .inside,
 #footer .inside,
 #bottom .inside,
 body.sidebar #container,
 .mod_article:not(.fullwidth) > .container,
 .fullwidth.boxed-content .contentwrap,
 .smallwidth .contentwrap,
 .boxed-content .contentwrap,
 .autogrid_wrapper.article,
 .ce_text_image_bar .inside,
 .ce_headerimage .ce_headerimage_inside,
 .ce_video_background .ce_video_background_inside,
 #offcanvas-top .offcanvas-top-inside,
 .ce_calltoaction .ce_calltoaction_inside,
 .mod_breadcrumb .mod_breadcrumb_inside,
 .mod_pageimage .container,
 .ce_easy_slider .swiper-inside .swiper-inside-wrap {
	 max-width: 1240px;
	 margin-left: auto;
	 margin-right: auto;
 }
 
 .mod_article.boxed {
	 max-width: calc(1240px - 80px);
	 margin-left: auto;
	 margin-right: auto;
 }
 
 /* width medium */
 body #main .mod_article.smallwidth,
 .mod_article.fullwidth-boxed-medium > .container {
	 max-width: 800px;
	 padding-left: 40px;
	 padding-right: 40px;
 }
 
 /* width small */
 body #main .mod_article.xsmallwidth,
 .mod_article.fullwidth-boxed-small > .container {
	 max-width: 650px;
	 padding-left: 40px;
	 padding-right: 40px;
 }
 
 /* =============================================================================
  * page paddings left/right
  * ========================================================================== */
 
 #top .inside,
 .header .inside,
 #footer .inside,
 #bottom .inside,
 .mod_article:not(.fullwidth) > .container,
 .mod_article.boxed > .container,
 .fullwidth.boxed-content .contentwrap,
 .smallwidth .contentwrap,
 .boxed-content .contentwrap,
 .autogrid_wrapper.article,
 .ce_bgimage-inside,
 .ce_headerimage .ce_headerimage_inside,
 .ce_video_background .ce_video_background_inside,
 #offcanvas-top .offcanvas-top-inside,
 .ce_calltoaction .ce_calltoaction_inside,
 .mod_breadcrumb .mod_breadcrumb_inside,
 .mod_pageimage .container,
 body.sidebar #container,
 .ce_easy_slider .swiper-inside .swiper-inside-wrap {
	 padding-left: 40px;
	 padding-right: 40px;
 }
  
 /* =============================================================================
  * template mod_article_offset_top
  * ========================================================================== */
 
 #main .mod_article.mod_article_offset_top {
	 position: relative;
	 top: -60px;
 }
 
 #main .mod_article.mod_article_offset_top > .container {
	 padding-top: 0;
	 padding-bottom: 0;
 }
 
 /* =============================================================================
  * mod_article
  * ========================================================================== */
 
 .mod_article {
	 overflow: visible;
	 position: relative;
	 overflow: visible;
	 background-size: cover;
	 background-position: center;
 }
 
 .mod_article:before,
 .mod_article:after {
	 content:'\0020';
	 display:block;
	 overflow:hidden;
	 visibility:hidden;
	 width:0;
	 height:0;
 }
 
 .mod_article:after {
	 clear:both;
 }
 
 .mod_article > .container {
	position: relative;
 }
 
 /* =============================================================================
  * mod_article background-positions
  * ========================================================================== */
 
 .mod_article.bg-left-top {
	 background-position: left top;
 }
 
 .mod_article.bg-left-center {
	 background-position: left center;
 }
 
 .mod_article.bg-left-bottom {
	 background-position: left bottom;
 }
 
 .mod_article.bg-center-top {
	 background-position: center top;
 }
 
 .mod_article.bg-center-center {
	 background-position: center center;
 }
 
 .mod_article.bg-center-bottom {
	 background-position: center bottom;
 }
 
 .mod_article.bg-right-top {
	 background-position: right top;
 }
 
 .mod_article.bg-right-center {
	 background-position: right center;
 }
 
 .mod_article.bg-right-bottom {
	 background-position: right bottom;
 }
 
  /* =============================================================================
   * mod_article paddings top/bottom
   * ========================================================================== */
 
 /* default padding (not for fullwidth) */
 .mod_article:not(.fullwidth) > .container {
	 padding-top: 100px;
	 padding-bottom: 100px;
 }
 
 /* default paddings sidebar pages */
 body.content_page.sidebar #main .mod_article > .container,
 body.content_page.sidebar #left .mod_article > .container,
 body.content_page.sidebar #right .mod_article > .container  {
	 padding-top: 40px;
	 padding-bottom: 40px;
 }
 
 /* no-padding body_bottom */
 .body_bottom .mod_article:not(.fullwidth) > .container {
	 padding: 0;
 }
 
 /* padding classes */
 .mod_article.article-pt-0 > .container {
	 padding-top: 0!important;
 }
 
 .mod_article.article-pb-0 > .container {
	 padding-bottom: 0!important;
 }
 
 .mod_article.article-pt-xxs > .container {
	 padding-top: 30px;
 }
 
 .mod_article.article-pb-xxs > .container {
	 padding-bottom: 30px;
 }
 
 .mod_article.article-pt-xs > .container {
	 padding-top: 50px;
 }
 
 .mod_article.article-pb-xs > .container {
	 padding-bottom: 50px;
 }
 
 .mod_article.article-pt-s > .container {
	 padding-top: 90px;
 }
 
 .mod_article.article-pb-s > .container {
	 padding-bottom: 90px;
 }
 
 .mod_article.article-pt-m > .container {
	 padding-top: 100px;
 }
 
 .mod_article.article-pb-m > .container {
	 padding-bottom: 100px;
 }
 
 .mod_article.article-pt-l > .container {
	 padding-top: 120px;
 }
 
 .mod_article.article-pb-l> .container {
	 padding-bottom: 120px;
 }
 
 .mod_article.article-pt-xl > .container {
	 padding-top: 150px;
 }
 
 .mod_article.article-pb-xl> .container {
	 padding-bottom: 150px;
 }
 
 .mod_article.article-pt-xxl > .container {
	 padding-top: 170px;
 }
 
 .mod_article.article-pb-xxl > .container {
	 padding-bottom: 170px;
 }
 
 /* =============================================================================
  * mod_article fullscreen
  * ========================================================================== */
 
 .mod_article.fullscreen {
	 height: 100vh;
 }
 
 .mod_article.fullscreen.oversize {
	 height: auto!important;
 }
 
 .mod_article.fullscreen .container {
	 position: relative;
	 top: 50%;
	 transform: translateY(-50%);
 }
 
 .mod_article.fullscreen.oversize .container {
	 position: relative;
	 top: 0;
	 transform: translateY(0);
 }
 
 /* =============================================================================
  * mod_article overlay
  * ========================================================================== */
 
 .mod_article .article-overlay {
	 position: absolute;
 }
 
 /* overlay position */
 .mod_article.ol-top .article-overlay {
	 top: 0;
	 left: 0;
 }
 
 .mod_article.ol-right .article-overlay {
	 top: 0;
	 right: 0;
 }
 
 .mod_article.ol-bottom .article-overlay {
	 bottom: 0;
	 left: 0;
 }
 
 .mod_article.ol-left .article-overlay {
	 top: 0;
	 left: 0;
 }
 
 /* overlay bg_color */
 .mod_article.ol-bg-black .article-overlay {
	 background: rgb(0,0,0);
 }
 
 .mod_article.ol-bg-white .article-overlay {
	 background: rgb(255,255,255);
 }
 
 .mod_article.ol-bg-gray .article-overlay {
	 background: rgb(248,248,248);
 }
 
 /* overlay width */
 .mod_article.ol-w100 .article-overlay {
	 width: 100%;
 }
 
 .mod_article.ol-w75 .article-overlay {
	 width: 75%;
 }
 
 .mod_article.ol-w50 .article-overlay {
	 width: 50%;
 }
 
 .mod_article.ol-w25 .article-overlay {
	 width: 25%;
 }
 
 /* overlay opacity */
 .mod_article.ol-opacity-90 .article-overlay {
	 opacity: 0.9;
 }
 
 .mod_article.ol-opacity-80 .article-overlay {
	 opacity: 0.8;
 }
 
 .mod_article.ol-opacity-70 .article-overlay {
	 opacity: 0.7;
 }
 
 .mod_article.ol-opacity-60 .article-overlay {
	 opacity: 0.6;
 }
 
 .mod_article.ol-opacity-50 .article-overlay {
	 opacity: 0.5;
 }
 
 .mod_article.ol-opacity-40 .article-overlay {
	 opacity: 0.4;
 }
 
 .mod_article.ol-opacity-30 .article-overlay {
	 opacity: 0.3;
 }
 
 .mod_article.ol-opacity-20 .article-overlay {
	 opacity: 0.2;
 }
 
 .mod_article.ol-opacity-10 .article-overlay {
	 opacity: 0.1;
 }
 
 /* =============================================================================
  * mod_article parallax
  * ========================================================================== */
 
 .mod_article.parallax {
	 background-attachment: fixed;
	 background-position: center center;
	 background-size: cover;
 }
 
 body.ios .mod_article.parallax,
 body.android .mod_article.parallax {
	 background-attachment: scroll;
	 background-position: center center!important;
 }
 
 /* ios13 iPad workaround */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	 .ce_bgimage-image, 
	 .article-pb.parallax {
		 background-position: center center !important;
		 background-attachment: scroll !important; 
		 background-size: cover !important;
	 }
 }
 
 /* =============================================================================
  * top
  * ========================================================================== */
 
 #top-wrapper {
	 width: 100%;
 }
 
 #top-wrapper.fixed {
	 box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	 background: rgba(0,0,0,0.8);
 }
 
 #top {
	 position: relative;
	 z-index: 1100;
	 font-size: 0.93rem;
	 line-height: 2.5rem;
	 background: rgb(249,249,249);
	 color: rgba(255,255,255,0.7);
 }
 
 #top-wrapper.fixed #top {
	 max-height: 0;
	 overflow: hidden;
 }
 
 #top:hover {
	 overflow: visible;
 }
 
 #top .inside {
	 padding-left: 40px;
	 padding-right: 40px;
	 display: flex;
 }
 
 #top,
 #top a {
	 color: rgb(127,127,127);
 }
 
 #top .top_divider {
	 margin-left: auto;
 }
 
 /* =============================================================================
  * top: mod_top_mail
  * ========================================================================== */
 
 #top .mod_top_mail a {
	 padding: 0 8px;
	 display: inline-block;
	 transition: all 0.3s ease;
	 -webkit-transition: all 0.3s ease;
 }
 
 #top .mod_top_mail i {
	 margin: 0 6px 0 5px;
 }
 
 #top .mod_top_mail a:hover {
	 opacity: 0.7;
 }
 
 /* =============================================================================
  * top: mod_top_phone
  * ========================================================================== */
 
 #top .mod_top_phone {
	 margin-right: 15px;
 }
 
 #top .mod_top_phone i {
	 margin: 0 5px 0 10px;
 }
 
 /* =============================================================================
  * top: mod_socials
  * ========================================================================== */
 
 #top .mod_socials {
	 overflow: hidden;
	 margin-left: 15px;
 }
 
 #top .mod_socials a {
	 display: block;
	 float: left;
	 text-align: center;
	 line-height: 35px;
 }
 
 #top .mod_socials a i {
	 width: 35px;
	 height: 35px;
	 border-radius: 100%;
	 font-size: 1.067rem;
	 color: rgb(127,127,127);
	 line-height: 35px;
 }
 
 /* =============================================================================
  * header: mod_socials
  * ========================================================================== */
 
 .header .mod_socials {
	 display: none;
	 overflow: hidden;
	 float: right;
	 margin-left: 10px;
	 padding-left: 10px;
	 position: relative;
 }
 
 .header .mod_socials:before {
	 content: '';
	 border-left: 1px solid rgb(0,0,0);
	 position: absolute;
	 top: 30%;
	 left: 0;
	 bottom: 30%;
	 opacity: 0.2;
 }
 
 .header .mod_socials a {
	 display: block;
	 float: left;
	 text-align: center;
 }
 
 .header .mod_socials a i {
	 width: 35px;
	 line-height: 35px;
 }
 
 /* =============================================================================
  * container mod_socials
  * ========================================================================== */
 
 #container .mod_socials i {
	 padding: 7px;
	 width: 2.4rem;
	 font-size: 1.467rem;
	 text-align: center;
 }
 
 /* =============================================================================
  * mod_socials in sidebar
  * ========================================================================== */
 
 #right .mod_socials,
 #left .mod_socials {
	 text-align: center;
	 border-top: 1px solid rgb(230,230,230);
	 border-bottom: 1px solid rgb(230,230,230);
	 padding: 10px 0;
	 background: rgba(0,0,0,0.03);
 }
 
 #right .mod_socials i,
 #left .mod_socials i {
	 background: rgba(0,0,0,0.05);
	 font-size: 0.8rem;
	 line-height: 2.4rem;
	 padding: 0 7px;
	 display: inline-block;
 }
 
 /* =============================================================================
  * mod_langswitcher
  * ========================================================================== */
 
 .mod_langswitcher {
	 position: relative;
	 float: right;
	 margin-left: 20px;
	 z-index: 100;
	 transition: All 0.1s ease;
	 -webkit-transition: All 0.1s ease;
 }
 
 .mod_langswitcher .mod_langswitcher_inside {
	 padding: 10px;
	 display: inline-block;
	 cursor: pointer;
	 line-height: 0;
	 position: relative;
 }
 
 .mod_langswitcher .mod_langswitcher_inside:before {
	 content: '';
	 border-radius: 5px;
	 border: 1px solid rgb(0,0,0);
	 opacity: 0.2;
	 position: absolute;
	 top: 0;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 max-width: 70px;
	 height: 34px;
	 width: 55px;
 }
 
 .mod_langswitcher .mod_langswitcher_inside:hover:before {
	 background: #fff;
	 z-index: -1;
 }
 
 .mod_langswitcher .mod_langswitcher_inside:after {
	 font-family: "FontAwesome";
	 content: "\f107";
	 margin-left: 10px;
	 display: inline-block;
	 font-size: 10px;
	 position: relative;
	 top: 0;
 }
 
 .mod_langswitcher .mod_langswitcher_inside i {
	 margin-right: 5px;
 }
 
 .mod_langswitcher img {
	 width: 20px;
	 height: 15px;
	 margin-bottom: -3px;
 }
 
 .mod_langswitcher ul {
	 display: none;
	 position: absolute;
	 border: 1px solid rgba(0,0,0,0.2);
	 left: 0;
	 top: 100%;
	 background: rgb(255,255,255);
	 width: 57px;
	 text-align: center;
	 border-radius: 0 0 5px 5px;
 }
 
 .mod_langswitcher ul li a {
	 padding: 10px;
	 display: block;
	 line-height: 15px;
	 border-bottom: 1px solid rgba(0,0,0,0.08);
	 transition: All 0.1s ease;
	 -webkit-transition: All 0.1s ease;
	 text-align: left;
 }
 
 .mod_langswitcher ul li a img {
	 border: 1px solid rgb(200,200,200);
 }
 
  .mod_langswitcher ul li a:hover {
	 background: rgba(0,0,0,0.05);
 }
 
 .mod_langswitcher ul li:last-of-type a {
	 border-bottom: 0;
 }
 
 .mod_langswitcher .mod_langswitcher_inside:hover ul {
	 -webkit-animation: fadeInUp 0.1s;
	 animation: fadeInUp 0.1s;
	 display: block;
 }
 
 .mod_langswitcher span {
	 display: none;
 }
 
 /* =============================================================================
  * top: mod_langswitcher
  * ========================================================================== */
 
 #top .mod_langswitcher {
	 display: none;
 }
 
 #top .mod_langswitcher .mod_langswitcher_inside {
	 padding-left: 0;
	 padding-right: 0;
	 height: 36px;
 }
 
 #top .mod_langswitcher .mod_langswitcher_inside:before {
	 display: none;
 }
 
 #top .mod_langswitcher ul {
	 width: 45px;
 }
 
 #top .mod_langswitcher ul li a {
	 padding-left: 10px;
	 padding-right: 10px;
	 text-align: center;
	 color: #333;
 }
 
 /* =============================================================================
  * header: header_metanavi
  * ========================================================================== */
 
 .header .header_metanavi {
	 display: none;
	 overflow: visible;
 }
 
 .header .header_metanavi a {
	 transition: opacity 0.3s ease;
	 -webkit-transition: opacity 0.3s ease;
	 color: rgba(0,0,0,0.5);
	 font-size: 0.95rem;
 }
 
 .header .header_metanavi a:hover {
	 opacity: 0.7
 }
 
 .header .header_metanavi li {
	 display: inline-block;
	 position: relative;
	 line-height: 50px;
 }
 
.header .header_metanavi li:hover ul {
   white-space: nowrap;
}

.header .header_metanavi li i {
   display: inline-block;
   margin-right: 8px;
}
 
 .header .header_metanavi li ul {
	 display: none;
	 position: absolute;
	 left: 0;
	 background: rgba(255,255,255,0.9);
	 box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);
	 z-index: 10;
 }
 
 .header .header_metanavi li ul li {
	 border-top: 1px solid rgba(0,0,0,0.1);
	 display: block;
	 padding-left: 15px;
	 padding-right: 15px;
	 text-align: left;
	 font-size: 0.9em;
	 line-height: 35px;
 }
 
 .header .header_metanavi li ul li a {
	 margin: 0;
	 display: block;
	 color: rgb(80,80,80)!important;
 }
 
 .header .header_metanavi li.submenu a:after {
	 font-family: "FontAwesome";
	 content: "\f107";
	 margin-left: 4px;
 }
 
 .header .header_metanavi li.submenu li a:after {
	 display: none;
 }
 
 .header .header_metanavi li:hover ul {
	 display: block;
 }
 
 /* =============================================================================
  * top: mod_login_top
  * ========================================================================== */
 
 #top .mod_login_top {
	 padding: 0 8px;
	 cursor: pointer;
	 transition: background 0.3s ease;
	 -webkit-transition: background 0.3s ease;
	 margin-left: 25px;
 }
 
 #top .mod_login_top i {
	 margin-right: 8px;
 }
 
 #top .mod_login {
	 position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 height: 100%;
	 background: #f7f7f7;
	 padding: 0;
	 z-index: 100000;
	 max-width: 100%;
	 margin: 0;
	 color: rgb(57,57,57);
	 display: flex;
	 align-items: center;
	transform: scale(0);
	 opacity: 0;
	 transition: all 0.1s;
 }
 
 #top .mod_login.show {
	transition: all 0.3s;
	 transform: scale(1);
	 opacity: 1;
 }
 
 #top .mod_login form {
	 max-width: 380px;
	 margin: 0 auto;
	 border-radius: 20px;
	 background: #f8f8f8;
	 box-shadow:  6px 6px 12px #e2e2e2, -6px -6px 12px #ffffff;
	 position: relative;
	 z-index: 10; 
 }
 
 #top .mod_login form .formbody {
	 padding: 35px 50px;
 }
 
 #top .mod_login form h1,
 #top .mod_login form h2,
 #top .mod_login form h3,
 #top .mod_login form h4,
 #top .mod_login form h5,
 #top .mod_login form h6 {
	 padding: 30px 30px 0 30px;
	 margin: 0;
	 text-align: center;
 }
 
 #top .mod_login form input.text {
	border: 0;
	background: rgba(0,0,0,0.04);
	border-radius: 20px;
 }
 
  #top .mod_login form input.text:active {	 
	 transform: scale(0.95);
	 border: 1px solid rgba(0,0,0,0.1);
 }
 
 #top .mod_login form input.text:focus {	 
	border: 1px solid rgba(0,0,0,0.1);
 }
 
 #top .mod_login input.text {
	 margin-bottom: 10px;
 }
 
 #top .mod_login .link_reset_pwd {
	text-align: center;
	font-size: 0.9rem;
 }
 
 #top .mod_login .link_reset_pwd a {
	color: inherit;
 }
 
 #top .mod_login .submit_button {
	text-align: center;
	margin-top: 20px;
 }
 
 #top .mod_login .submit_button input {
	width: auto!important;
	border-radius: 30px;
	min-width: 180px;
	display: inline-block;
 }
 
 #top .mod_login .submit_button input:hover {
	 opacity: 0.8;
 }
 
 #top .mod_login form table {
	 width: 100%;
 }
 
 #top .mod_login form  table td {
	 padding: 5px 0;
 }
 
 #top .mod_login .close {
	 font-size: 17px;
	 background: #f8f8f8;
	 width: 40px;
	 height: 40px;
	 line-height: 40px;
	 border-radius: 100%;
	 text-align: center;
	 cursor: pointer;
	 display: inline-block;
	 transition: box-shadow 0.3;
	 box-shadow: 3px 3px 7px #e2e2e2, -3px -3px 7px #ffffff;
	 position: absolute;
	 right: 10px;
	 top: 10px;
 }
 
 #top .mod_login .close:hover {
	opacity: 0.8;
 }
 
 #top .mod_login .close i {
	transition: all 0.3s;
 }
 
 #top .mod_login .close:hover i {
	transform: rotate(180deg);
 }
 
 #top .mod_login form div {
	 margin: 0;
 }
 
 #top .mod_login .overlay_close {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 1;
 }
 
 #top .mod_login form .autologin_container input {
	 display: inline-block;
 }
 
 #top .mod_login form .autologin_container label {
	 display: inline-block;
 }
 
 #top .mod_login form .autologin_container {
	 margin-bottom: 5px;
 }
 
 #top .mod_login form p.error {
	 line-height: 1.5;
 }
 
 body.search_overlay div.body {
	 filter: blur(10px);
	 transform: scale(1.1);
 }
 
 /* =============================================================================
  * top: top_metanavi
  * ========================================================================== */
 
 #top .top_metanavi {
	 overflow: visible;
 }
 
 #top .top_metanavi a {
	 transition: opacity 0.3s ease;
	 -webkit-transition: opacity 0.3s ease;
 }
 
 #top .top_metanavi a:hover {
	 opacity: 0.7;
 }
 
 #top .top_metanavi li {
	 display: inline-block;
	 position: relative;
	 padding: 0 4px;
 }
 
 #top .top_metanavi li.submenu a:after {
	 font-family: "FontAwesome";
	 content: "\f107";
	 margin-left: 4px;
	 line-height: 1;
 }
 
 #top .top_metanavi li.submenu li a:after {
	 display: none;
 }
 
#top .top_metanavi li:hover ul {
   white-space: nowrap
}

#top .top_metanavi li i {
   display: inline-block;
   margin-right: 8px;
}
 
 #top .top_metanavi li ul {
	 display: none;
	 min-width: 155px;
	 padding: 15px;
	 position: absolute;
	 left: 0;
	 background: rgba(255,255,255,1);
	 box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	 -webkit-animation-name: fadeIn;
	 animation-name: fadeIn;
	 -webkit-animation-duration: 0.3s;
	 animation-duration: 0.3s;
	 -webkit-animation-fill-mode: both;
	 animation-fill-mode: both;
 }
 
 #top .top_metanavi li ul:before {
	position: absolute;
	left: 10px; 
	top: -22px;
	content: '';
	width: 0;
    height: 0;
    border: 11px solid;
    border-color:  transparent transparent #fff transparent;
    filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.1));
}
 
 #top .top_metanavi li ul li {
	 display: block;
	 padding-left: 20px;
	 padding-right: 20px;
	 text-align: left;
	 line-height: 35px;
 }
 
 #top .top_metanavi li ul li.last {
	 border-bottom: 0;
 }
 
 #top .top_metanavi li ul li a {
	 margin: 0;
	 color: rgb(85,85,85)!important;
	 display: block;
 }
 
 #top .top_metanavi li:hover ul {
	 display: block;
 }
 
 /* =============================================================================
  * footer
  * ========================================================================== */
 
 #footer, #footer a {
	 color: rgba(255, 255, 255, 0.6);
 }
 
 #footer a {
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
 }
 
 #footer .inside {
	 margin: 0 auto;
	 padding: 65px 40px;
 }
 
 #footer ul {
	 padding: 0;
	 margin: 0;
 }
 
 #footer li {
	 margin-bottom: 10px;
	 padding-left: 25px;
	 padding-bottom: 10px;
	 list-style-type: none;
	 position: relative;
 }
 
 
 /* =============================================================================
  * footer: mod_socials
  * ========================================================================== */
 
 #footer .mod_socials {
	 overflow: hidden;
	 display: inline-block;
 }
 
 #footer .mod_socials a i {
	 padding: 0.6667rem;
	 margin-right: 1px;
	 background: rgba(255,255,255,0.05);
	 font-size: 1.333rem;
	 /* display: inline-block; */
	 height: 2.667rem;
	 width: 2.667rem;
	 text-align: center;
	 float: left;
	 margin-bottom: 1px;
 }
 
 /* =============================================================================
  * bottom
  * ========================================================================== */
 
 #bottom {
	 background: rgb(15, 15, 15);
 }
 
 #bottom .inside {
	 margin: 0 auto;
	 padding: 20px 40px;
	 overflow: hidden;
	 font-size: 0.93em;
 }
 
 #bottom .inside .left {
	 float: left;
 }
 
 #bottom .inside .right {
	 float: right;
 }
 
 #bottom .inside,
 #bottom .inside a {
	 color: rgba(255,255,255,0.4);
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
 }
 
 #bottom .inside a:hover {
	 color: var(--accentColor);
	 border-bottom: 1px solid;
 }
 
 #bottom .inside .left a {
	 margin-right: 15px;
 }
 
 #bottom .inside .right a {
	 margin-left: 15px;
 }
 
 #bottom .ce_text p {
	 margin-bottom: 0;;
 }
 
 /* =============================================================================
  * browser-mockup for images
  * ========================================================================== */
 
 .ce_image.browser_mockup img {
	 padding-top: 32px;
	 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMTY3cHgiIGhlaWdodD0iMzIuOTY4cHgiIHZpZXdCb3g9IjAgMCAxMTY3IDMyLjk2OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE2NyAzMi45NjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9Ii0zNS42NjciIHk9Ii0xMi4xNTEiIGZpbGw9IiNEQkRCREIiIHN0cm9rZT0iI0FEQURBRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjEyMDIuNDE3IiBoZWlnaHQ9IjQ0Ljg2OSIvPjxwYXRoIGlkPSJYTUxJRF85OV8iIGZpbGw9IiNFOEU4RTgiIHN0cm9rZT0iI0I3QjdCNyIgc3Ryb2tlLXdpZHRoPSIwLjc1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik04Mi4zMDYsMzQuNTY2YzAsMCwyLjgzNy0wLjgyMSwzLjc2MS0zLjM4NWMwLjkyNC0yLjU2NCw2LjMxMS0xOC44ODUsNi4zMTEtMTguODg1czEuMDU0LTMuNjI2LDQuODY3LTMuNjI2YzMuODEzLDAsMTE0LjU1MiwwLDExNC41NTIsMHMyLjQ1NS0wLjU0LDMuNjk3LDQuMTA4YzEuMjQyLDQuNjQ3LDUuNDg4LDE3LjkxOSw1LjQ4OCwxNy45MTlzMS4wMDUsMy4zNzEsNC40NzEsMy43NTZMODIuMzA2LDM0LjU2NnoiLz48ZyBpZD0iWE1MSURfOTZfIj48ZyBpZD0iWE1MSURfOTdfIj48ZWxsaXBzZSBpZD0iWE1MSURfOThfIiBmaWxsPSIjOTk5OTk5IiBjeD0iMTAwLjkwMyIgY3k9IjIwLjc4NSIgcng9IjQuNzE5IiByeT0iNC43ODEiLz48L2c+PC9nPjxwb2x5Z29uIGlkPSJYTUxJRF85NV8iIGZpbGw9IiM5OTk5OTkiIHN0cm9rZT0iI0U4RThFOCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjIxMi44NTgsMjUuMzA1IDIwOS4zMzQsMjEuNzM0IDIxMi44NTgsMTguMTYzIDIxMC43ODUsMTYuMDYyIDIwNy4yNjEsMTkuNjM1IDIwMy43MzYsMTYuMDYzIDIwMS42NjQsMTguMTY0IDIwNS4xODksMjEuNzM0IDIwMS42NjUsMjUuMzA3IDIwMy43MzgsMjcuNDA2IDIwNy4yNjIsMjMuODM1IDIxMC43ODYsMjcuNDA1ICIvPjxjaXJjbGUgaWQ9IlhNTElEXzIxXyIgZmlsbD0iI0Y1NTM1QyIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMjEuMTA5IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjxjaXJjbGUgaWQ9IlhNTElEXzI1XyIgZmlsbD0iI0Y3QkI0OCIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMzkuNjY3IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjxjaXJjbGUgaWQ9IlhNTElEXzI5XyIgZmlsbD0iIzE5OTU0MCIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iNTguMjI3IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjwvc3ZnPg==);
	 background-position: left top;
	 background-repeat: no-repeat;
	 box-shadow: 0 0 27px 5px rgba(0,0,0,0.08);
	 border: 1px solid rgba(0,0,0,0.3);
 }
 
 /* =============================================================================
  * top_link
  * ========================================================================== */
 
 #top_link {
	 position: fixed;
	 opacity: 0;
	 transition: All 0.2s ease;
	 -webkit-transition: All 0.2s ease;
	 width: 45px;
	 height: 45px;
	 line-height: 45px;
	 right: 15px;
	 z-index: 10005;
	 bottom: -40px;
 }
 
 #top_link a {
	 position: relative;
	 display: block;
	 transition: All 0.6s ease;
	 -webkit-transition: All 0.6s ease;
	 float: left;
	 width: 100%;
	 height: 100%;
	 background: rgba(255,255,255,0.9);
	 text-align: center;
	 line-height: inherit;
	 border-radius: 100%;
	 box-shadow: 0 0 25px 0 rgba(0,0,0,0.04);
	 border: 1px solid rgb(235, 237, 235);
	 font-size: 20px;
	 line-height: 40px;
	 cursor: pointer;
 }
 
 #top_link:hover a {
	 margin-top: -7px;
 }
 
 body.fixed-header #top_link {
	 opacity: 1;
	 bottom: 45px;
 }
 
 /* =============================================================================
  * custom colors: background
  * ========================================================================== */
 
 .bg-custom-1 {
	 background: rgb(30,136,210);
 }
 
 .bg-custom-2 {
	 background: rgb(30,136,210);
 }
 
 .bg-custom-3 {
	 background: rgb(30,136,210);
 }
 
 .bg-custom-4 {
	 background: rgb(30,136,210);
 }
 
 /* =============================================================================
  * colors: offset layer
  * ========================================================================== */
 
 .ce_bgimage.offset.offset-bg-accent:before {
	background-color: var(--accentColor);
}

 .ce_bgimage.offset.offset-bg-custom-1:before {
	 background-color: rgb(30,136,210);
 }
 
 .ce_bgimage.offset.offset-bg-custom-2:before {
	 background-color: rgb(30,136,210);
 }
 
 .ce_bgimage.offset.offset-bg-custom-3:before {
	 background-color: rgb(30,136,210);
 }
 
 .ce_bgimage.offset.offset-bg-custom-4:before {
	 background-color: rgb(30,136,210);
 }
 
 /* =============================================================================
  * mainmenu
  * ========================================================================== */
 
 .mainmenu {
	 float: right;
 }
 
 .mainmenu ul {
	 position: static;
 }
 
 .mainmenu ul li a.first {
	 padding-left: 0;
 }
 
 .mainmenu ul li {
	 margin-left: 15px;
	 margin-right: 15px;
 }
 
 .mainmenu ul li.float_left:first-of-type {
	 margin-left: 0;
 }
 
 .mainmenu ul li.last {
	 margin-right: 0;
 }
 
 .mainmenu ul li ul li {
	 margin-left: 0;
	 margin-right: 0;
 }
 
 .mainmenu ul li a {
	 text-transform: none;
	 padding: 0;
	 font-weight: normal;
	 font-size: 1.067rem;
 }
 
 .fixed .mainmenu ul li ul li a:not(.active):not(.trail) {
	 color: rgb(57,57,57);
 }
 
 .header .mainmenu ul ul li a {
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
	 color: inherit;
 }
 
 .header .mainmenu ul ul li span {
	position: relative;
 }
 
 .header .mainmenu ul ul li a span:before {
	 position: absolute;
	 content: '';
	 height: 1px;
	 background: rgb(0,0,0);
	 bottom: 0;
	 width: 100%;
	 left: 0;
	 transform: scaleX(0);
	 transition: transform 0.3s ease-in-out;
 }
 
 .header .mainmenu ul ul li a:hover span:before {
	transform: scaleX(1);
 }
 
 .header .mainmenu ul ul li a.active span:before,
 .header .mainmenu ul ul li a.trail span:before {
	 position: absolute;
	 content: '';
	 height: 1px;
	 background-color: var(--accentColor);
	 bottom: 0;
	 width: 100%;
	 left: 0;
	 transform: scaleX(1)!important;
 }
 
 .mainmenu ul li a:hover {
	 opacity: 0.8;
	 transition: opacity 0.3s ease;
	 -webkit-transition: opacity 0.3s ease;
 }
 
 .mainmenu ul li:not(.click_open):hover > ul {
   -webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 0.3s;
   animation-duration: 0.3s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 
 .mainmenu ul ul li:hover > ul {
	 -webkit-animation-name: none;
	 animation-name: none;
 }
 
 .mainmenu ul li a {
	 text-align: center;
 }
 
 .mainmenu ul ul li a[target=_blank] {
	 padding-right: 30px!important;
 }
 
 .mainmenu ul ul li a[target=_blank]:after {
	 font-family: "FontAwesome";
	 content: "\f08e";
	 position: absolute;
	 right: 5px;
 }
 
 .mainmenu ul li.floatbox {
	 position: static;
	 margin-left: 0!important;;
	 margin-right: 0!important;
 }
 
 .mainmenu ul.level_1 li.open-left > ul {
	right: 0;
 }
 
 .mainmenu ul.level_3 li.open-left > ul {
	width: auto; 
	right: 100%; 
	left: auto;
 }
 
 /* =============================================================================
  * mainmenu: FontAwesome
  * ========================================================================== */
 
 .mainmenu ul li a.nav-icon span {
	 transform: translateY(30%);
	 -webkit-transform: translateY(30%);
	 display: inline-block;
	 line-height: 40px;
 }
 
 .mainmenu ul ul li a.nav-icon span {
	 line-height: inherit;
	 transform: translateY(0);
	 -webkit-transform: translateY(0);
 }
 
 .mainmenu ul li a i {
	 transform: translateY(-133%);
	 -webkit-transform: translateY(-133%);
	 position: absolute;
	 top: 50%;
	 width: 100%;
	 left: 0;
	 display: inline-block;
 }
 
 .mainmenu ul ul li a i {
	 transform: translateY(0);
	 -webkit-transform: translateY(0);
	 position: static;
	 width: 1.5em;
 }
 
/* =============================================================================
  * class mainmenu: highlight one menu item
  * ========================================================================== */
 
 body .header .mainmenu ul li a.highlight,
 body .header .mainmenu ul li a.highlight_square_color_accent,
 body .header .mainmenu ul li a.highlight-square-color-accent,
 body .header .mainmenu ul li a.highlight_rounded_color_accent,
 body .header .mainmenu ul li a.highlight-rounded-color-accent,
 body .header .mainmenu ul li a.highlight_rounded50_color_accent,
 body .header .mainmenu ul li a.highlight-rounded50-color-accent,
 body #mmenu .mod_navigation ul li a.highlight,
 body #mmenu .mod_navigation ul li a.highlight_square_color_accent,
 body #mmenu .mod_navigation ul li a.highlight-square-color-accent,
 body #mmenu .mod_navigation li a.highlight_rounded_color_accent,
 body #mmenu .mod_navigation ul li a.highlight-rounded-color-accent,
 body #mmenu .mod_navigation ul li a.highlight_rounded50_color_accent,
 body #mmenu .mod_navigation ul li a.highlight-rounded50-color-accent {
	 color: rgba(255,255,255,0.9)!important;
 }
 
 .header .mainmenu ul li a.highlight span,
 #mmenu .mod_navigation ul li a.highlight {
	 padding: 10px;
	 border-radius: 3px;
 }
 
 .header .mainmenu ul li a.highlight_color_second span,
 .header .mainmenu ul li a.highlight-color-second span,
 #mmenu .mod_navigation ul li a.highlight_color_second,
 #mmenu .mod_navigation ul li a.highlight-color-second {
	 padding: 10px;
	 border-radius: 3px;
 }
 
 /* filled */
 
 .header .mainmenu ul li a.highlight_square_color_accent span,
 .header .mainmenu ul li a.highlight-square-color-accent span,
 #mmenu .mod_navigation ul li a.highlight_square_color_accent,
 #mmenu .mod_navigation ul li a.highlight-square-color-accent {
	 padding: 10px;
 }
 
 .header .mainmenu ul li a.highlight_square_color_second span,
 .header .mainmenu ul li a.highlight-square-color-second span,
 #mmenu .mod_navigation ul li a.highlight_square_color_second,
 #mmenu .mod_navigation ul li a.highlight-square-color-second {
	 padding: 10px;
 }
 
 .header .mainmenu ul li a.highlight_rounded_color_accent span,
 .header .mainmenu ul li a.highlight-rounded-color-accent span,
 #mmenu .mod_navigation ul li a.highlight_rounded_color_accent,
 #mmenu .mod_navigation ul li a.highlight-rounded-color-accent {
	 padding: 10px;
	 border-radius: 3px;
 }
 
 .header .mainmenu ul li a.highlight_rounded50_color_accent span,
 .header .mainmenu ul li a.highlight-rounded50-color-accent span,
 #mmenu .mod_navigation ul li a.highlight_rounded50_color_accent,
 #mmenu .mod_navigation ul li a.highlight-rounded50-color-accent {
	 padding: 10px 20px;
	 border-radius: 50px;
 }
 
 .header .mainmenu ul li a.highlight_rounded_color_second span,
 .header .mainmenu ul li a.highlight-rounded-color-second span,
 #mmenu .mod_navigation ul li a.highlight_rounded_color_second,
 #mmenu .mod_navigation ul li a.highlight-rounded-color-second {
	 padding: 10px;
	 border-radius: 3px;
 }
 
 .header .mainmenu ul li a.highlight_rounded50_color_second span,
 .header .mainmenu ul li a.highlight-rounded50-color-second span,
 #mmenu .mod_navigation ul li a.highlight_rounded50_color_second,
 #mmenu .mod_navigation ul li a.highlight-rounded50-color-second {
	 padding: 10px 20px;
	 border-radius: 50px;
 }
 
 /* outline */
 
 .header .mainmenu ul li a.highlight_outline_square_color_accent span,
 .header .mainmenu ul li a.highlight-outline-square-color-accent span,
 #mmenu .mod_navigation li a.highlight_outline_square_color_accent,
 #mmenu .mod_navigation li a.highlight-outline-square-color-accent {
	 padding: 10px;
 }
 
 .header .mainmenu ul li a.highlight_outline_square_color_second span,
 .header .mainmenu ul li a.highlight-outline-square-color-second span,
 #mmenu .mod_navigation ul li a.highlight_outline_square_color_second,
 #mmenu .mod_navigation ul li a.highlight-outline-square-color-second {
	 padding: 10px;
 }
 
 .header .mainmenu ul li a.highlight_outline_rounded_color_accent span,
 .header .mainmenu ul li a.highlight-outline-rounded-color-accent span,
 #mmenu .mod_navigation ul li a.highlight_outline_rounded_color_accent,
 #mmenu .mod_navigation ul li a.highlight-outline-rounded-color-accent {
	 padding: 10px;
	 border-radius: 3px;
 }
 
 .header .mainmenu ul li a.highlight_outline_rounded50_color_accent span,
 .header .mainmenu ul li a.highlight-outline-rounded50-color-accent span,
 #mmenu .mod_navigation ul li a.highlight_outline_rounded50_color_accent,
 #mmenu .mod_navigation ul li a.highlight-outline-rounded50-color-accent {
	 padding: 10px 20px;
	 border-radius: 50px;
 }
 
 .header .mainmenu ul li a.highlight_outline_rounded_color_second span,
 .header .mainmenu ul li a.highlight-outline-rounded-color-second span,
 #mmenu .mod_navigation ul li a.highlight_outline_rounded_color_second,
 #mmenu .mod_navigation ul li a.highlight-outline-rounded-color-second {
	 padding: 10px;
	 border-radius: 3px;
 }
 
 .header .mainmenu ul li a.highlight_outline_rounded50_color_second span,
 .header .mainmenu ul li a.highlight-outline-rounded50-color-second span,
 #mmenu .mod_navigation ul li a.highlight_outline_rounded50_color_second,
 #mmenu .mod_navigation ul li a.highlight-outline-rounded50-color-second {
	 padding: 10px;
	 border-radius: 3px;
 }
 
 .header .mainmenu ul li a.highlight_outline_square_color_white span,
 .header .mainmenu ul li a.highlight-outline-square-color-white span,
 #mmenu .mod_navigation ul li a.highlight_outline_square_color_white,
 #mmenu .mod_navigation ul li a.highlight-outline-square-color-white {
	 padding: 10px;
	 box-shadow: 0 0px 0px 2px rgb(255,255,255);
 }
 
 .header .mainmenu ul li a.highlight_outline_rounded_color_white span,
 .header .mainmenu ul li a.highlight-outline-rounded-color-white span,
 #mmenu .mod_navigation ul li a.highlight_outline_rounded_color_white,
 #mmenu .mod_navigation ul li a.highlight-outline-rounded-color-white {
	 padding: 10px;
	 border-radius: 3px;
	 box-shadow: 0 0px 0px 2px rgb(255,255,255);
 }
 
 .header .mainmenu ul li a.highlight_outline_rounded50_color_white span,
 .header .mainmenu ul li a.highlight-outline-rounded50-color-white span,
 #mmenu .mod_navigation ul li a.highlight_outline_rounded50_color_white,
 #mmenu .mod_navigation ul li a.highlight-outline-rounded50-color-white {
	 padding: 10px 20px;
	 border-radius: 50px;
	 box-shadow: 0 0px 0px 2px rgb(255,255,255);
 }
 
 /* accent color */
 
.header .mainmenu ul li a.highlight span,
.header .mainmenu ul li a.highlight_square_color_accent span,
.header .mainmenu ul li a.highlight-square-color-accent span,
.header .mainmenu ul li a.highlight_rounded_color_accent span,
.header .mainmenu ul li a.highlight-rounded-color-accent span,
.header .mainmenu ul li a.highlight_rounded50_color_accent span,
.header .mainmenu ul li a.highlight-rounded50-color-accent span,
#mmenu .mod_navigation ul li a.highlight,
#mmenu .mod_navigation ul li a.highlight_square_color_accent,
#mmenu .mod_navigation ul li a.highlight-square-color-accent,
#mmenu .mod_navigation ul li a.highlight_rounded_color_accent,
#mmenu .mod_navigation ul li a.highlight-rounded-color-accent,
#mmenu .mod_navigation ul li a.highlight_rounded50_color_accent,
#mmenu .mod_navigation ul li a.highlight-rounded50-color-accent {
	background-color: var(--accentColor);
}

.header .mainmenu ul li a.highlight_outline_square_color_accent span,
.header .mainmenu ul li a.highlight-outline-square-color-accent span,
.header .mainmenu ul li a.highlight_outline_rounded_color_accent span,
.header .mainmenu ul li a.highlight-outline-rounded-color-accent span,
.header .mainmenu ul li a.highlight_outline_rounded50_color_accent span,
.header .mainmenu ul li a.highlight-outline-rounded50-color-accent span,
#mmenu .mod_navigation ul li a.highlight_outline_square_color_accent,
#mmenu .mod_navigation ul li a.highlight-outline-square-color-accent,
#mmenu .mod_navigation ul li a.highlight_outline_rounded_color_accent,
#mmenu .mod_navigation ul li a.highlight-outline-rounded-color-accent,
#mmenu .mod_navigation ul li a.highlight_outline_rounded50_color_accent,
#mmenu .mod_navigation ul li a.highlight-outline-rounded50-color-accent {
	box-shadow: inset 0 0px 0px 2px var(--accentColor);
}

 /* second color */

.header .mainmenu ul li a.highlight_color_second span,
.header .mainmenu ul li a.highlight-color-second span,
.header .mainmenu ul li a.highlight_square_color_second span,
.header .mainmenu ul li a.highlight-square-color-second span,
.header .mainmenu ul li a.highlight_rounded_color_second span,
.header .mainmenu ul li a.highlight-rounded-color-second span,
#mmenu .mod_navigation ul li a.highlight_color_second,
#mmenu .mod_navigation ul li a.highlight-color-second,
#mmenu .mod_navigation ul li a.highlight_square_color_second,
#mmenu .mod_navigation ul li a.highlight-square-color-second,
#mmenu .mod_navigation ul li a.highlight_rounded_color_second,
#mmenu .mod_navigation ul li a.highlight-rounded-color-second {
	background: var(--secondColor);
}

.header .mainmenu ul li a.highlight_outline_square_color_second span,
.header .mainmenu ul li a.highlight-outline-square-color-second span,
.header .mainmenu ul li a.highlight_outline_rounded_color_second span,
.header .mainmenu ul li a.highlight-outline-rounded-color-second span,
#mmenu .mod_navigation ul li a.highlight_outline_square_color_second,
#mmenu .mod_navigation ul li a.highlight-outline-square-color-second,
#mmenu .mod_navigation ul li a.highlight_outline_rounded_color_second,
#mmenu .mod_navigation ul li a.highlight-outline-rounded-color-second {	
   box-shadow: inset 0 0px 0px 2px var(--secondColor);
}
 
 /* =============================================================================
  * smartmenu - content
  * ========================================================================== */
 
 .smartmenu-content {
	 position: fixed;
	 z-index: 100000000;
	 right: 0;
	 top: 0;
	 right: -50%;
	 width: 50vw;
	 height: 100%;
	 background: rgba(24, 24, 24,1);
	 visibility: hidden;
	 opacity: 0;
	 transition: all .8s cubic-bezier(.15,.2,.1,1);
 }
 
 .smartmenu-content.open {
	 visibility: visible;
	 opacity: 1;
	 right: 0;
 }
 
 .smartmenu-content .smartmenu-scrollable {
	 max-height: 100vh;
	 overflow: auto;
 }
 
 .smartmenu-content .smartmenu-table {
	 margin-top: 20vh;
 }
 
 .smartmenu-content .mod_navigation .level_1 ul {
	 display: none;
 }
 
 .smartmenu-content .mod_navigation li:not(.floatbox) {
	 font-size: 1.7rem;
	 line-height: 2rem;
	 font-weight: normal;
	 padding: 0.5rem 0.5rem 0.5rem 0;
	 position: relative;
	 padding-right: 60px;
 }
 
 .smartmenu-content .mod_navigation .level_2 li {
	 font-size: 1.2rem;
	 line-height: 1.3rem;
	 text-transform: none;
 }
 
 .smartmenu-content .mod_navigation ul.level_1 {
	 padding: 40px;
 }
 
 .smartmenu-content .mod_navigation a {
	 color: rgb(255,255,255);
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
	 position: relative;
 }
 
 .smartmenu-content .mod_navigation a.hasIcon {
	padding-left: 2.4em;
 }
 
 .smartmenu-content .mod_navigation a.hasIcon i {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2.4em;
	text-align: center;
 }
 
 .smartmenu-content .mod_navigation a.active,
 .smartmenu-content .mod_navigation a.trail {
	 border-bottom: 1px solid rgb(255,255,255);
 }
 
 .smartmenu-content .mod_navigation ul.level_2 {
	 margin-top: 20px;
 }
 
 .smartmenu-content .mod_navigation ul.level_3 {
	 margin-top: 20px;
	 margin-left: 25px;
 }
 
 .smartmenu-content .mod_navigation a:hover {
	 opacity: 0.8;
 }
 
 .smartmenu-content .subitems_trigger {
	 display: inline-block;
	 margin-left: auto;
	 position: absolute;
	 right: 0;
 }
 
 .smartmenu-content .subitems_trigger:before {
	 content:'[+]';
	 color: rgba(255,255,255,0.8);
	 margin-left: auto;
 }
 
 .smartmenu-content .mod_navigation li.open > .subitems_trigger:before {
	 content:'[-]';
 }
 
 .smartmenu-content .smartmenu-close {
	 position: absolute;
	 right: 40px;
	 top: 40px;
	 width: 35px;
	 height: 35px;
	 cursor: pointer;
 }
 
 .smartmenu-content .smartmenu-close:before,
 .smartmenu-content .smartmenu-close:after {
	 display: inline-block;
	 width: 35px;
	 height: 1px;
	 background: rgb(255,255,255);
	 content: '';
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
	 -webkit-transform: rotate(45deg);
	 transform: rotate(45deg);
 }
 
 .smartmenu-content .smartmenu-close:after {
	 -webkit-transform: rotate(-45deg);
	 transform: rotate(-45deg);
	 margin-left: -35px;
 }
 
  body div.body {
	transition: all .8s cubic-bezier(.15,.2,.1,1);
	transform-origin: top;
	padding: 0;
}
 
 body.smartmenu_open div.body {
	transform: scale(.6) translateX(-50vw) translateZ(0);
	transform-origin: top;
	transition: all .8s cubic-bezier(.15,.2,.1,1);
	padding-top: 55px;
 }
 
 body.smartmenu_open .stickyheader {
	transform: scale(.6) translateX(-50vw) translateZ(0);
	transform-origin: top;
	transition: transform .8s cubic-bezier(.15,.2,.1,1);

 }
 
 /* =============================================================================
  * smartmenu - trigger
  * ========================================================================== */
 
 .smartmenu {
	 float: right;
	 margin-left: 20px;
	 line-height: 40px;
	 display: none;
 }
 
 .smartmenu .smartmenu-trigger {
	 height: 100px;
	 width: 35px;
	 position: relative;
	 z-index: 1000000000;
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
	 cursor: pointer;
 }
 
 .header.cloned .smartmenu .smartmenu-trigger {
	 height: 70px;
 }
 
 .smartmenu .smartmenu-trigger .line {
	 height: 1px;
	 background: #393939;
	 width: 35px;
	 position: absolute;
	 display: block;
	 top: 50%;
	 margin-top: -1px;
 }
 
 .smartmenu .smartmenu-trigger .line:before,
 .smartmenu .smartmenu-trigger .line:after {
	 display: inline-block;
	 width: 35px;
	 height: 1px;
	 background: #393939;
	 position: absolute;
	 left: 0;
	 content: '';
	 top: 50%;
	 transition: All 0.3s ease;
	 -webkit-transition: All 0.3s ease;
 }
 
 .smartmenu .smartmenu-trigger .line:before {
	 margin-top: 11px;
 }
 
  .smartmenu .smartmenu-trigger .line:after {
	 margin-top: -11px;
 }
 
 /* =============================================================================
  * header sidebar trigger for smallview
  * ========================================================================== */
 
 .sidebar_trigger {
	display: none;
 }
 
 /* =============================================================================
  * overwrite framework defaults
  * ========================================================================== */
 
 .color-white .ce_list li:after {
	 background-color: rgba(255,255,255,0.8);
 }
 
 textarea {
	 height: inherit;
 }
 
 .mod_search input.submit,
 .mod_search button.submit {
	 width: auto;
 }
 
 .mod_login .submit_container {
	 margin-top: 25px;
 }
 
 .font-size-m {
	 line-height: 1.3;
 }
 
 #slider {
	 position: relative;
	 z-index: 5;
 }
 
 .header .mainmenu ul li span.pagetitle {
	 line-height: 18px;
	 font-size: 0.7rem;
	 font-weight: bold;
	 margin-left: 5px;
	 background: red;
	 color: #fff;
	 border-radius: 2px;
	 position: relative;
	 top: -4px;
	 padding-left: 3px;
	 padding-right: 3px;
 }
 
 .pdf_link {
	 margin-bottom: 10px;
 }
 
 .ce_accordion .toggler {
	 padding: 10px 20px;
	 margin-bottom: 0;
 }
 
 .ce_accordion .toggler.ui-state-active {
	 border-bottom: 1px dotted rgb(220,220,220);
 }
 
 .ce_accordion {
	 margin-bottom: 1px;
	 border: 1px solid rgb(220,220,220);
 }
 
 .ce_table table td {
	 border-top: 0;
	 border-bottom: solid 1px rgb(227,227,227);
 }
 
 select {
	 color: #555;
 }
 
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
	 color: #555 !important;
 }
 
 input:-moz-placeholder,
 textarea:-moz-placeholder {
	 color: #555 !important;
	 opacity: 1;
 }
 
 input::-moz-placeholder,
 textarea::-moz-placeholder {
	 color: #555 !important;
	 opacity: 1;
 }
 
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
	 color: #555 !important;
 }
 
 /* =============================================================================
  * form AG columns reset
  * ========================================================================== */
 
 .ce_form .column[class*="col_"] {
	 margin-bottom: 0;
 }
 
 /* =============================================================================
  * form style2
  * ========================================================================== */
 
 form.style2 {
	 padding: 27px;
	 background: var(--accentColor);
 }
 
 form.style2 input,
 form.style2 textarea,
 form.style2 select {
	 border-color: transparent;
	 border-radius: 0;
 }
 
 form.style2 textarea {
	 height: 95px;
 }
 
 form.style2 h1,
 form.style2 h2,
 form.style2 h3,
 form.style2 h4,
 form.style2 h5,
 form.style2 h6 {
	 color: rgb(255,255,255);
 }
 
 form.style2 input.submit:hover,
 form.style2 button.submit:hover {
	 opacity: 0.9;
 }
 
 form.style2 input.submit,
 form.style2 input.submit[type="submit"]:hover,
 form.style2 button.submit,
 form.style2 button.submit[type="submit"]:hover {
	background-color: var(--secondColor);
}
 
 /* =============================================================================
  * form style3
  * ========================================================================== */
 
 form.style3 {
	 max-width: 500px;
	 margin-left: auto;
	 margin-right: auto;
 }
 
 /* =============================================================================
  * form style4
  * ========================================================================== */
 
 form.style4 {
	 border: 5px solid rgb(227,227,227);
	 padding: 50px 40px 20px 40px;
	 background: rgba(255,255,255,0.3);
 }
 
 form.style4 input,
 form.style4 select,
 form.style4 textarea {
	 background-color: rgb(248,248,248);
 }
 
 form.style4 fieldset {
	 border: 0;
	 padding: 0;
 }
 
 form.style4 input[type=submit],
 form.style4 button,
 form.style4 input[type=time],
 form.style4 select {
	 height: 50px;
 }
 
 form.style4 input[type=submit],
 form.style4 button {
	 border-radius: 0;
 }
 
 /* =============================================================================
  * form style5
  * ========================================================================== */
 
 form.style5 input,
 form.style5 select,
 form.style5 textarea {
	 background-color: rgb(247, 247, 247);
	 border-color: rgb(247, 247, 247);
	 font-size: 0.9rem;
	 padding: 20px;
	 border-radius: 20px;
 }
 
 form.style5 input.submit,
 form.style5 button.submit {
	 height: auto;
	 padding: 20px;
	 font-size: 1rem;
 }
 
 form.style5 textarea:hover {
	 border-color: rgb(153,153,153);
 }
 
 form.style5 select {
	 height: 59px;
 }

 /* =============================================================================
  * form style6
  * ========================================================================== */
 
 form.style6 {
	 background: rgba(0,0,0,0.4);
	 padding: 25px;
	 color: rgb(255,255,255);
 }
 
 form.style6 input,
 form.style6 select,
 form.style6 textarea {
	 background-color: rgba(200,200,200,0.3);
	 color: rgb(255,255,255);
	 border-color: rgba(200,200,200,0.3);
 }
 
 form.style6 select option {
	 color: rgb(50,50,50);
 }
 
 form.style6 .explanation {
	 margin-top: 20px;
 }
 
 form.style6 h1,
 form.style6 h2,
 form.style6 h3,
 form.style6 h4,
 form.style6 h5,
 form.style6 h6 {
	 color: rgb(255,255,255);
 }
 
 form.style6 input::-webkit-input-placeholder,
 form.style6 textarea::-webkit-input-placeholder {
	 color: #fff !important;
 }
 
 form.style6 input:-moz-placeholder,
 form.style6 textarea:-moz-placeholder {
	 color: #fff !important;
 }
 
 form.style6 input::-moz-placeholder,
 form.style6 textarea::-moz-placeholder {
	 color: #fff !important;
 }
 
 form.style6 input:-ms-input-placeholder,
 form.style6 textarea:-ms-input-placeholder {
	 color: #fff !important;
 }
 
 /* =============================================================================
  * form style7
  * ========================================================================== */
 
 form.style7 input,
 form.style7 select,
 form.style7 textarea {
	 background-color: transparent;
	 border: 0;
	 border-bottom: 1px solid rgb(150,150,150);
	 padding-left: 0;
	 padding-right: 0;
	 border-radius: 0;
 }
 
 form.style7 input:hover,
 form.style7 select:hover,
 form.style7 textarea:hover {
	 border-top: 0;
	 border-right: 0;
	 border-left: 0;
 }
 
 form.style7 select {
	 padding: 0;
	 height: 50px;
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 border-radius: 0px;
	 -webkit-border-radius: 0px;
	 background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4wNXB4IiBoZWlnaHQ9IjcuNzM4cHgiIHZpZXdCb3g9IjUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBpZD0iRXhwYW5kX01vcmUiIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xOC44MzEsMTEuMTk1bC01LjgxNSw1LjgxNmwtNS44MTUtNS44MTdjLTAuMjc3LTAuMjc3LTAuNzI2LTAuMjc3LTEuMDAyLDBjLTAuMjc3LDAuMjc3LTAuMjc3LDAuNzI2LDAsMS4wMDNsNi4zMTYsNi4zMThsMCwwbDAsMGMwLjI3NywwLjI3NywwLjcyNiwwLjI3NywxLjAwMiwwbDYuMzE2LTYuMzE4YzAuMjc2LTAuMjc3LDAuMjc2LTAuNzI3LDAtMS4wMDRDMTkuNTU3LDEwLjkxOCwxOS4xMDgsMTAuOTE4LDE4LjgzMSwxMS4xOTV6Ii8+PC9zdmc+);
	 background-position: 100% 58%;
	 background-repeat: no-repeat;
 }
 
 .firefox form.style7 select {
	 height: 51px;
 }
 
 form.style7 textarea {
	 height: 250px;
 }
 
 form.style7 .explanation {
	 font-size: 0.8rem;
	 margin: 10px 0;
 }
 
 form.style7 input.submit,
 form.style7 button.submit {
	 width: auto;
	 border-radius: 0;
	 padding-left: 15px;
	 padding-right: 15px;
	 font-size: 1rem;
 }
 
 form.style7 div.widget.widget-text {
	 margin-top: 3px;
 }
 
 .color-white form.style7 select,
 .color-white form.style7 input.timepicker,
 .color-white form.style7 input.datepicker,
 .color-white form.style7 input::-webkit-input-placeholder,
 .color-white form.style7 textarea::-webkit-input-placeholder {
	 color: #fff !important;
 }
 
 .color-white form.style7 input.timepicker::-webkit-calendar-picker-indicator,
 .color-white form.style7 input.datepicker::-webkit-calendar-picker-indicator {
	 filter: invert(1);
 }
 
 /* =============================================================================
  * form style8
  * ========================================================================== */
 
 form.style8 {
	 border: 8px solid rgba(0,0,0,0.1);
 }
 
 form.style8 .formbody {
	 padding: 40px 30px;
	 position: relative;
	 background: #fff;
 }
 
 form.style8 input.submit[type="submit"],
 form.style8 button.submit[type="submit"] {
	 background: none;
	 border: 3px solid var(--accentColor);
	 color: var(--accentColor);
	 border-radius: 0;
	 height: auto;
	 font-size: 1rem;
	 padding: 15px;
 }
 
 /* =============================================================================
  * fieldset w/checkbox_selector
  * ========================================================================== */
 
 form {
	 transition: All 0.7s ease;
	 -webkit-transition: All 0.7s ease;
 }
 
 fieldset {
	 opacity: 1;
	 transition: All 0.7s ease;
	 -webkit-transition: All 0.7s ease;
 
 }

 /* =============================================================================
  * FontAwesome for ce_form input
  * ========================================================================== */
 
.formicon-wrapper {
    position: relative;
}

.formicon-wrapper .input-group-addon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.formicon-wrapper .text {
    padding-left: 35px;
}
  
 /* =============================================================================
  * autogrid - extra classes
  * ========================================================================== */
 
 .autogrid_wrapper.grid-l {
	 margin-left: -3%;
	 margin-right: -3%;
 }
 
 .autogrid_wrapper.grid-l .ce_autogridWrapperStart.autogrid {
	 padding-left: 3%;
	 padding-right: 3%;
 }
 
 .autogrid.no_gutter {
	 padding-left: 0; 
	 padding-right: 0;
 }
 
 
 @keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}}
 @-webkit-keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}}
 
  /* =============================================================================
  * #privacy_optout_link
  * ========================================================================== */
  
 #privacy_optout_link {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
 }
 
  .fixed-header #privacy_optout_link {
	 bottom: 45px;
}
 
 /* =============================================================================
  * onepage horizontal scrolling
  * ========================================================================== */
 
 @media only screen and (min-width: 768px) {
 
	 .onepage_page.horizontal_scrolling {
		 overflow-x: visible;
	 }
 
	 .onepage_page.horizontal_scrolling #fix-wrapper {
		 position: fixed;
	 }
 
	 .onepage_page.horizontal_scrolling #slider .inside {
		 overflow: hidden;
	 }
 
	 .onepage_page.horizontal_scrolling #slider .inside .mod_article {
		 float: left;
		 width: 100vw;
		 vertical-align: top;
	 }
 
	 .onepage_page.horizontal_scrolling #bottom {
		 position: fixed;
		 bottom: 0;
		 width: 100%;
		 z-index: 10;
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_2 #slider > div.inside {
		 width: calc(100vw * 2);
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_3 #slider > div.inside {
		 width: calc(100vw * 3);
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_4 #slider > div.inside {
		 width: calc(100vw * 4);
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_5 #slider > div.inside {
		 width: calc(100vw * 5);
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_6 #slider > div.inside {
		 width: calc(100vw * 6);
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_7 #slider > div.inside {
		 width: calc(100vw * 7);
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_8 #slider > div.inside {
		 width: calc(100vw * 8);
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_9 #slider > div.inside {
		 width: calc(100vw * 9);
	 }
 
	 .onepage_page.horizontal_scrolling.onepage_items_10 #slider > div.inside {
		 width: calc(100vw * 10);
	 }
 
 }
 
 /* =============================================================================
  * breakpoint show smartmenu / hide mainmenu
  * ========================================================================== */
 
 @media only screen and (min-width : 768px) and (max-width : 1024px) {
 
	 .smartmenu {
		 display: block;
	 }
 
	 .mainmenu {
		 display: none;
	 }
 
 }
 
 /* =============================================================================
  * breakpoint for topbar // hide mod_top_phone
  * ========================================================================== */
 
 @media only screen and (min-width: 768px) and (max-width: 1035px) {
 
	 #top .mod_top_phone {
		 display: none;
	 }
 
	 #top .mod_top_mail a {
		 padding-left: 0;
	 }
 
 }

/* =============================================================================
 * mobile
 * ========================================================================== */

@media only screen and (max-width: 767px) {

.mod_subscribe input {
	width: 100%;
	margin-bottom: 10px;
}

.mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .submit_container button, .mod_registration .captcha_text {
	width: 100%;
	margin: 0;
}

.mod_registration .captcha_text {
	margin: 10px 0 15px 0;
}

.mod_registration p.error {
	margin-left: 0;
}

form .captcha_text {
	line-height: 1em;
}

.mod_search input,
.mod_search button,
.mod_search .widget-text,
.mod_search .widget-submit {
	width: 100%!important;
	float: none;
	margin-bottom: 5px;
	margin-left: 0!important;
}

.more a {
	padding: 2px 5px;
	font-size: 80%;
}

.mod_faqpage section {
	width: 100%;
	padding: 20px;
}

#slider .slider-control a.slider-next:after,
#slider .slider-control a.slider-prev:before {
	font-size: 55px;
}

.image_container .caption {
	font-size: 0.8rem;
	position: static;
	display: inline-block;
}

.autogrid {
	flex: 0 0 100%!important;
	width: 100%!important;
}

#footer div.autogrid {
	flex: 0 0 100%!important;
	width: 100%!important;
}

#wrapper .autogrid_wrapper.article .inner {
	margin-left: 0;
	margin-right: 0;
}

.autogrid_displacer {
	margin-left: 0!important;
}

.mod_calendar td .event {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 38px;
	white-space: normal;
	font-size: 0.5rem;
}

.zoomContainer {
	display: none;
}

.ce_text .image_container {
	margin-left: 0!important;
	margin-right: 0!important;
	float: none;
}

.newslist-col2 .newslist-v3 {
	flex: 0 0 100%;
}

.ce_hyperlink a,
a.btn {
	display: block;
}


#main .mod_article:not(.fullwidth) > .container,
#left .mod_article > .container,
#right .mod_article > .container,
#main .mod_article.fullwidth.boxed-content .contentwrap,
#main .autogrid_wrapper.article,
#main .mod_article .ce_parallax .contentwrap,
#main .mod_article .ce_bgimage .ce_bgimage-inside,
#main .mod_article .ce_youtube_background .contentwrap,
.ce_headerimage .ce_headerimage_inside,
.ce_bgimage-inside,
.header .inside,
.ce_iconbox_header .contentwrap,
.mod_pageimage .container,
.ce_easy_slider .swiper-inside .swiper-inside-wrap {
	padding-left: 20px!important;
	padding-right: 20px!important;
}

#main .autogrid_wrapper.article .mod_article,
#main .mod_article.fullwidth {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

.mod_article:not(.fullwidth) > .container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.mod_article.article-pt-0 > .container {
	padding-top: 0;
}

.mod_article.article-pb-0 > .container {
	padding-bottom: 0;
}

.mod_article.article-pt-xxs > .container,
.mod_article.article-pt-xs > .container,
.mod_article.article-pt-s > .container,
.mod_article.article-pt-m > .container,
.mod_article.article-pt-l > .container,
.mod_article.article-pt-xl > .container,
.mod_article.article-pt-xxl > .container {
 	padding-top: 50px;
 }
.mod_article.article-pb-xxs > .container,
.mod_article.article-pb-xs > .container,
.mod_article.article-pb-s > .container,
.mod_article.article-pb-m > .container,
.mod_article.article-pb-l > .container,
.mod_article.article-pb-xl > .container,
.mod_article.article-pb-xxl > .container {
	padding-bottom: 50px;
}

.header {
	padding-bottom: 0;
	padding-top: 0;
}

#fix-wrapper {
	top: 0;
	left: 0;
	width: 100%;
}

#bottom .inside .left,
#bottom .inside .right {
	float: none;
}

#bottom .inside .right a {
	margin-left: 0;
	margin-right: 15px;
}

#footer .inside {
	padding: 40px 20px;
}

body.content_page #slider .pagetitle {
	font-size: 1.467rem;
}

#bottom .inside {
	padding-left: 20px;
	padding-right: 20px;
}

#footer .totop:before {
	display: none;
}

.ce_hyperlink.small a,
a.btn.small,
.ce_hyperlink a,
a.btn {
	font-size: 0.9rem;
}

h1,
.h1,
.h1 p,
body .headline_style_h1 h1,
body .headline_style_h1 h2,
body .headline_style_h1 h3,
body .headline_style_h1 h4,
body .headline_style_h1 h5,
body .headline_style_h1 h6,
body h1.headline_style_h1,
body h2.headline_style_h1,
body h3.headline_style_h1,
body h4.headline_style_h1,
body h5.headline_style_h1,
body h6.headline_style_h1  {
	font-size: 1.733rem;
	margin-bottom: 15px;
}

h2,
.h2,
.h2 p,
body .headline_style_h2 h1,
body .headline_style_h2 h2,
body .headline_style_h2 h3,
body .headline_style_h2 h4,
body .headline_style_h2 h5,
body .headline_style_h2 h6,
body h1.headline_style_h2,
body h2.headline_style_h2,
body h3.headline_style_h2,
body h4.headline_style_h2,
body h5.headline_style_h2,
body h6.headline_style_h2 {
	font-size: 1.6rem;
	margin-bottom: 10px;
}

h3,
.h3,
.h3 p,
body .headline_style_h3 h1,
body .headline_style_h3 h2,
body .headline_style_h3 h3,
body .headline_style_h3 h4,
body .headline_style_h3 h5,
body .headline_style_h3 h6,
body h1.headline_style_h3,
body h2.headline_style_h3,
body h3.headline_style_h3,
body h4.headline_style_h3,
body h5.headline_style_h3,
body h6.headline_style_h3 {
	font-size: 1.467rem;
	margin-bottom: 10px;
}

h4,
.h4,
.h4 p,
body .headline_style_h4 h1,
body .headline_style_h4 h2,
body .headline_style_h4 h3,
body .headline_style_h4 h4,
body .headline_style_h4 h5,
body .headline_style_h4 h6,
body h1.headline_style_h4,
body h2.headline_style_h4,
body h3.headline_style_h4,
body h4.headline_style_h4,
body h5.headline_style_h4,
body h6.headline_style_h4 {
	font-size: 1.2rem;
	margin-bottom: 10px;
}

h5,
.h5,
.h5 p,
body .headline_style_h5 h1,
body .headline_style_h5 h2,
body .headline_style_h5 h3,
body .headline_style_h5 h4,
body .headline_style_h5 h5,
body .headline_style_h5 h6,
body h1.headline_style_h5,
body h2.headline_style_h5,
body h3.headline_style_h5,
body h4.headline_style_h5,
body h5.headline_style_h5,
body h6.headline_style_h5 {
	font-size: 1.067rem;
	margin-bottom: 10px;
}

h6,
.h6,
.h6 p,
body .headline_style_h6 h1,
body .headline_style_h6 h2,
body .headline_style_h6 h3,
body .headline_style_h6 h4,
body .headline_style_h6 h5,
body .headline_style_h6 h6,
body h1.headline_style_h6,
body h2.headline_style_h6,
body h3.headline_style_h6,
body h4.headline_style_h6,
body h5.headline_style_h6,
body h6.headline_style_h6 {
	font-size: 1.067rem;
	margin-bottom: 10px;
}

.header .mod_langswitcher {
	position: absolute;
	right: 70px;
	top: 50%;
	margin-top: -19px;
	line-height: 40px;
	margin-left: 0!important;
}

/*remove this line for showing the langswitch in mobile header */
.header .mod_langswitcher {
	display: none;
}

.header .mod_search {
	display: none;
}

.ce_imagemap .hotspot {
	display: none;
}

.header.cloned {
	box-shadow: none;
}

body.fixed-header .header.cloned {
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}

#top {
	display: none;
}

.autogrid:not(.ce_autogridwrapper):not(.no_gutter) {
	margin-bottom: 25px;
}

body #contentwrapper .ce_form form .autogrid {
	margin-bottom: 0;
}

body .ce_form .autogrid {
	margin-bottom: 0;
}

.autogrid.autogrid-last {
	margin-bottom: 0;
}

#main .mod_article.autogrid {
	padding-top: 0;
	padding-bottom: 25px;
	margin-bottom: 0;
}

#main .mod_article.autogrid.autogrid-first {
	padding-top: 25px;
}

.ce_hyperlink.align-right {
	text-align: left!important;
}

form.style4 {
	padding: 20px;
}

form.style4 .submit_container {
	margin-bottom: 10px;
}

.mod_langswitcher .mod_langswitcher_inside:before {
	top: -1px;
}

#mmenu_container {
	display: block;
}

#cboxPrevious {
	transform: scale(0.7);
	transform-origin: left;
}

#cboxNext {
	transform: scale(0.7);
	transform-origin: right;
}

#top .top_metanavi {
	display: none;
}

#top .mod_top_phone span {
	display: none;
}

#top .mod_socials {
	display: none;
}

#top .mod_login_top {
	display: none;
}

#top .inside {
	padding-left: 20px;
	padding-right: 20px;
}

#top .mod_top_mail a {
	padding-left: 0;
	padding-right: 0;
}

.grid-sizer {
	width: 100%!important;
}

.content-swiper .swiper-button-next, 
.content-swiper .swiper-button-prev {
	display: none;
}

}

 /* =============================================================================
  * browser bugfixes
  * ========================================================================== */
 
 body.ie9 #fix-wrapper,
 body.ie10 #fix-wrapper {
	 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MkVFOENGOTk2OUYxMUU1QjU3MTkyN0Q5MjBFRUJENSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MkVFOENGQTk2OUYxMUU1QjU3MTkyN0Q5MjBFRUJENSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyRUU4Q0Y3OTY5RjExRTVCNTcxOTI3RDkyMEVFQkQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyRUU4Q0Y4OTY5RjExRTVCNTcxOTI3RDkyMEVFQkQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ndvI8gAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII=');
 }

.autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid_row,.autogrid_wrapper{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row>.column>.attributes{background-size:cover}.autogrid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.autogrid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.autogrid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.autogrid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_row.gutter_none,.autogrid_wrapper.gutter_none{margin-left:0;margin-right:0}.autogrid_row.gutter_none>div,.autogrid_wrapper.gutter_none>div{padding-left:0;padding-right:0}.autogrid_row.gutter_s,.autogrid_wrapper.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_row.gutter_s>div,.autogrid_wrapper.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_row.gutter_m,.autogrid_wrapper.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_row.gutter_m>div,.autogrid_wrapper.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_row.gutter_l,.autogrid_wrapper.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_row.gutter_l>div,.autogrid_wrapper.gutter_l>div{padding-left:40px;padding-right:40px}.autogrid_row>.column.align_left_top{text-align:left}.autogrid_row>.column.align_left_center{text-align:left;align-self:center}.autogrid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.align_center_top{text-align:center}.autogrid_row>.column.align_center_center{text-align:center;align-self:center}.autogrid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.align_right_top{text-align:right}.autogrid_row>.column.align_right_center{text-align:right;align-self:center}.autogrid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row.same_height>.column{align-self:unset}.autogrid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_row.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_row .column>.attributes .image_mob{display:none}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}@media only screen and (max-width:767px){.five_sixth,.four_fifth,.one_fifth,.one_fourth,.one_half,.one_sixth,.one_third,.three_fifth,.three_fourth,.three_sixth .four_sixth,.two_fifth,.two_fourth,.two_sixth,.two_third,[class*=col_]{flex:0 0 100%;max-width:none}.autogrid_grid .column,.column[class*=col_]{padding-left:0!important;padding-right:0!important;margin-bottom:25px}.autogrid[class*=offset_],.autogrid_grid[class*=offset_],.column[class*=offset_]{margin-left:0}.autogrid_grid,.autogrid_row,.autogrid_wrapper{margin-left:0!important;margin-right:0!important}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:0 0!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*=col_]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*=col_]{flex-basis:100%}}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}