@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'BarlowSemiCondensedLight';
  src: url('/assets/fonts/BarlowSemiCondensed-Light.woff2') format('woff2'), url('/assets/fonts/BarlowSemiCondensed-Light.woff') format('woff');
}
@font-face {
  font-family: 'BarlowSemiCondensedRegular';
  src: url('/assets/fonts/BarlowSemiCondensed-Regular.woff2') format('woff2'), url('/assets/fonts/BarlowSemiCondensed-Regular.woff') format('woff');
}
@font-face {
  font-family: 'BarlowSemiCondensedSemiBold';
  src: url('/assets/fonts/BarlowSemiCondensed-SemiBold.woff2') format('woff2'), url('/assets/fonts/BarlowSemiCondensed-SemiBold.woff') format('woff');
}
@font-face {
  font-family: 'BarlowSemiCondensedBold';
  src: url('/assets/fonts/BarlowSemiCondensed-Bold.woff2') format('woff2'), url('/assets/fonts/BarlowSemiCondensed-Bold.woff') format('woff');
}
@font-face {
  font-family: 'BarlowSemiCondensedExtraBold';
  src: url('/assets/fonts/BarlowSemiCondensed-ExtraBold.woff2') format('woff2'), url('/assets/fonts/BarlowSemiCondensed-ExtraBold.woff') format('woff');
}



html { height: 100%; min-height: 100%; }

body { height: 100%; min-height: 100%; overflow-x: hidden; font-size: 20px; line-height: 1.5em; background: #ffffff; color: #000000; font-family: 'BarlowSemiCondensedRegular'; }

body.ov_hidden { overflow: hidden; }

@media only screen and (max-width: 767px) {
	body { font-size: 17px; }
}

header { z-index: 10; position: absolute; padding: 0 2em; width: 100%; }
main { z-index: 1; position: relative; padding: 8em 0 4em; }
footer { background: #a0a5a8; color: #464646; font-size: 0.9em; line-height: 1.166em; }
footer a { color: #464646;  }
footer a:hover { color: #464646; }
footer h3 { font-size: 1.33em; }

@media only screen and (max-width: 1270px) {
	header { position: relative; }
	main { padding: 4.8em 0 4em; }
}

@media only screen and (max-width: 1100px) {
	header { padding: 0 1em; }
}

.kleingedruckt { font-size: 0.8em; line-height: 1.2em; opacity: 0.5; }

h1 { font-size: 3.6em; line-height: 1.0em; font-family: 'BarlowSemiCondensedExtraBold'; font-style: normal; margin-bottom: 0.6em; }
h2 { font-size: 2.4em; line-height: 1.2em; font-family: 'BarlowSemiCondensedExtraBold'; font-style: normal; margin-bottom: 0.6em; }
h2 span { display: block; font-family: 'BarlowSemiCondensedRegular'; }
h3 { margin-bottom: 1em; font-size: 1.2em; font-family: 'BarlowSemiCondensedBold'; font-style: normal; }
h4 { font-size: 1em; font-family: 'BarlowSemiCondensedBold'; font-style: normal; }
h5 { font-size: 1em; font-family: 'BarlowSemiCondensedRegular'; font-style: normal; }
h6 { font-size: 1em; font-family: 'BarlowSemiCondensedLight'; font-style: normal; }

@media only screen and (max-width: 1100px) {
	h2 { font-size: 2.2em; }
}

@media only screen and (max-width: 1000px) {
	h2 { font-size: 2em; }
}

@media only screen and (max-width: 767px) {
	h2 { font-size: 1.5em; }
}

a { color: #000000; text-decoration: underline }
a:hover { color: #000000; text-decoration: none; }
p { margin-bottom: 1em; }
div { position: relative; }
img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); backface-visibility: hidden; transform: translateZ(0); }

ul { margin-bottom: 1em; padding-left: 2em; }
ul li { }
ol { margin-bottom: 1em; padding-left: 0; }
ol li {}


b, strong { font-family: 'BarlowSemiCondensedBold'; }

dl.row { margin-right: 0; margin-left: 0; }
dt { font-family: 'BarlowSemiCondensedBold'; }
dd { margin-bottom: 0; }

.blockquote { font-size: 1.25em; }
.blockquote footer { background: transparent; color: #ffffff; }

.accordion, figure, .blockquote, .btn { margin-bottom: 1em; }


/* Button bootstrap classes */
.btn { font-size: 1.2em; border-radius: 2px; }
a.btn { text-decoration: none; }
.btn-primary { background-color: #EE152C; border-color: #EE152C; color: #ffffff;  }
.btn-primary:hover { background-color: #D0081D; border-color: #D0081D; }
.btn-primary.focus, .btn-primary:focus { box-shadow: none;  }
.btn-primary.active, .btn-primary:active { box-shadow: none!important; background-color: #D0081D!important; border-color: #D0081D!important; }
.btn-outline-primary { color: #EE152C; border-color: #EE152C; }
.btn-outline-primary:hover { background-color: #EE152C; border-color: #EE152C; }
.btn-secondary { background-color: #bbcc00; border-color: #bbcc00; color: #ffffff!important;  }
.btn-secondary:hover { background-color: #bbcc00; border-color: #bbcc00; }
.btn-secondary.focus, .btn-secondary:focus { box-shadow: none;  }
.btn-secondary.active, .btn-secondary:active { box-shadow: none!important; background-color: #bbcc00!important; border-color: #bbcc00!important; }
.btn-outline-secondary { color: #bbcc00; border-color: #bbcc00; }
.btn-outline-secondary:hover { background-color: #bbcc00; border-color: #bbcc00; }
.btn-light { background-color: #ffffff; border-color: #ffffff; color: #bbcc00!important; }
.btn-light:hover { background-color: #ffffff; border-color: #ffffff; }
.btn-light.focus, .btn-primary:focus { box-shadow: none; }
.btn-light.active, .btn-primary:active { box-shadow: none!important; background-color: #ffffff!important; border-color: #ffffff!important; }
.btn-outline-light { color: #bbcc00; border-color: #bbcc00; }
.btn-outline-light:hover { background-color: #bbcc00; border-color: #bbcc00; }
.btn-link { color:#464646!important;}
.btn-link:hover { background-color: #ffffff; border-color: transparent; }
.btn-link.focus, .btn-link:focus { box-shadow: none; }
.btn-light.active, .btn-link:active { box-shadow: none!important; background-color: #ffffff!important; border-color: #ffffff!important; }

.btn-sm {
    padding: 0.25rem 0.5rem; font-size:.875em!important; line-height: 1.5; border-radius: 0.2rem;}


.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0;overflow: hidden;}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text-primary { color: #ff0000!important; }
.text-secondary { color: #bbcc00!important; }

.bg-primary { background-color: #ff0000!important; }
.bg-secondary { background-color: #bbcc00!important; }
.bg-light { background-color: #f5f5f5!important; }
.bg-dark { background-color: #a0a5a8!important; }



/* Custom */
.height_490 { height: 24.5em; }
.height_50vw { height: 50vw; }

.overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.headerslider .flexslider .width_normal { max-width: 1120px; margin: 0 auto; padding: 0 350px 0 40px; }

@media only screen and (max-width: 1280px) {
	.headerslider .flexslider .width_normal { margin: 0; }
}

@media only screen and (max-width: 1100px) {
	.headerslider .flexslider .width_normal { padding: 0 1em 0 1em; }
	.headerslider .flexslider .overlay { display: block; padding: 50px 0 0 0; }

}
.headerslider { margin: -4.5em 0 4em 0; }
.headerslider .overlay { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.headerslider .aufhellung { position: absolute; top: 0; left: 0; right: 0; height: 200px; background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)); }
.headerslider .abduncklung { position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); }
.contentslider .aufhellung { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,1)); }
.headerslider .blockquote { font-size: 2em; line-height: 1.2em; font-family: 'BarlowSemiCondensedExtraBold'; margin-bottom: 1em; }
.headerslider .blockquote p { }
.headerslider .blockquote footer { color: #ffffff; font-family: 'BarlowSemiCondensedRegular'; font-size: 0.5em; }

@media only screen and (max-width: 1270px) {
	.headerslider { margin: -5.5em 0 4em 0; }
}

.cover { background-position: center; background-repeat: no-repeat; background-size: cover; }

.text_teaser { padding: 40px; color: #ffffff; border-radius: 6px; box-shadow: 0 3px 30px rgba(0,0,0,0.3); background: #99a70d; background: linear-gradient(to top, #99a70d, #bccf00); }
.text_teaser.top { margin-top: -8em; width: 180%; }
.text_teaser.left { margin-top: -2em; width: 200%; }
.text_teaser ul { margin-bottom: 0; padding-left: 0; font-size: 0.9em; line-height: 1.4em; }
.text_teaser ul li { margin-bottom: 1em; list-style: none; }
.text_teaser a.btn { margin-bottom: 0; }

.teaser_weiss { background:#FFFFFF; color:#000000; margin-top: 50px !important;}


.screen_deko { width: 105%; margin-left: -5%; border: solid 1px #e5e5e5; border-radius: 6px; overflow: hidden; box-shadow: 0px 5px 50px rgba(0,0,0,0.2), 0px 10px 10px rgba(0,0,0,0.3); }


@media only screen and (max-width: 1200px) {
	.text_teaser.top { width: 100%; }
	.text_teaser.left { width: 300%; }
}

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

	.text_teaser.left { width: 360%; }
}

@media only screen and (max-width: 767px) {
	.text_teaser.top { margin-top: 0; }
	.text_teaser.left { width: 100%; margin-top: -5em; }
	.screen_deko { width: 100%; margin-left: 0; }
}

.zindex_1 { z-index: 1; }
.zindex_2 { z-index: 2; }

.dashboard_teaser { height: 667px; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 200px 0 0 10%; }
.dashboard_teaser .text { width: 440px; text-shadow: 0 1px 1px rgba(255,255,255,0.3); font-family: 'BarlowSemiCondensedSemiBold'; }
.dashboard_teaser .text h3 { text-shadow: 0 1px 1px rgba(255,255,255,0.4); }

@media only screen and (max-width: 1400px) {
	.dashboard_teaser { background-position: left bottom; }
}

@media only screen and (max-width: 767px) {
	.dashboard_teaser .text { width: 100%; }
}

.teaser .overlay { background: rgba(0,0,0,0.25); }
.teaser .text { position: absolute; bottom: 0; right: 0; left: 0; padding: 3em; }

@media only screen and (max-width: 1100px) {
	.teaser .text { padding: 2em; }
}

ul.kunden {}
ul.kunden li { list-style: none; display: inline; }

.logo { width: 16em; float: left; }

@media only screen and (max-width: 1500px) {
	.logo { width: 14em; }
}

@media only screen and (max-width: 1400px) {
	.logo { width: 14em; }
}

@media only screen and (max-width: 1270px) {
	.logo { float: none; }
}

.nav_container { float: right; }
.btn_testen {  }
.btn_testen_mobile { display: none; }
.btn_testen_desktop { float: right; margin-top: 0.5em; }
@media only screen and (max-width: 1270px) {
	.btn_testen_desktop { float: none; position: absolute; right: 3em; top: 0; }
	.nav_container { float: none; display: none; }
}
@media only screen and (max-width: 767px) {
	.btn_testen_desktop { display: none; }
	.btn_testen_mobile { display: block; padding-top: 1em; }
}

.mainnav { font-size: 1.2em; font-family: 'BarlowSemiCondensedSemiBold'; float: left; }
.mainnav > ul { margin-top: 0.75em; padding-left: 0; }
.mainnav > ul > li { list-style: none; float: left; margin-left: 1.15em; }
.mainnav > ul > li > a { display: block; text-decoration: none; }

.subnav { display: none; position: absolute; left: -1em; font-size: 0.8em; background: rgba(255,255,255,1); box-shadow: 0px 10px 30px rgba(0,0,0,0.1); min-width: 300px; }
.subnav ul { /*padding:0 !important;*/ padding: 1em 1em 0.5em 1em;}
.subnav ul li { list-style: none; }
.subnav ul li a { display: block; text-decoration: none; }
.subnav ul li a { border-bottom: 1px solid #cccccc; padding: 0.3em 0; }

.subnav.level1 { position: relative; left: auto; max-width: auto; box-shadow: none; }
.subnav.level1 ul { padding: 0 0 0.2em 0; }
.subnav.level1 ul li a { padding: 0.3em 0 0.3em 1em; }

@media only screen and (min-width: 1271px) {
	.mainnav > ul > li:hover .subnav { display: block; }
}

@media only screen and (max-width: 1400px) {
	.mainnav { font-size: 1.0em; }
}

@media only screen and (max-width: 1270px) {
	.nav_container { float: none; }
	.mainnav { float: none; }
	.mainnav > ul { margin-top: 1em; }
	.mainnav > ul > li { float: none; margin-left: 0; }
	.mainnav > ul > li > a { border-bottom: 1px solid #000000; padding: 0.5em 0; }
	.mainnav > ul > li > a.arrow:after { right: 10px; top: 20px; content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #000000 transparent transparent transparent; }

	.mainnav ul li:last-child .subnav { right: auto; }
	.subnav { display: none; position: relative; left: auto; box-shadow: none; min-width: auto; }
	.subnav ul { padding: 0; }
	.subnav ul li a { border-bottom: 1px solid #000000; padding: 0.5em 0; }
}

.languagenav { line-height: 1em; float: left; text-transform: uppercase; font-size: 1.2em; font-family: 'BarlowSemiCondensedLight'; margin-left: 3em; /*display: none;*/ }
.languagenav ul { margin-top: 0.75em; padding-left: 0; }
.languagenav ul li { list-style: none; float: left; border-right: 1px solid #000000; padding: 0 3px; }
.languagenav ul li:last-child { border-right: none; }
.languagenav ul li a { display: block; text-decoration: none; }

@media only screen and (max-width: 1400px) {
	.languagenav { margin-left: 2em; }
	/*.languagenav ul { margin-top: 1.6em; }*/
}

@media only screen and (max-width: 1270px) {
	.languagenav { float: none; margin-left: 0; text-align: center; }
	.languagenav ul { display: inline-block; margin-top: 0.5em; }
	.languagenav ul li { }
}

.socialnav { float: left; font-size: 2.5em; }
.socialnav ul { padding-left: 0; }
.socialnav ul li { list-style: none; float: left; margin-right: 0.3em; }
.socialnav ul li a { display: block; text-decoration: none; }

.footernav { float: right; }
.footernav ul { padding-left: 0; }
.footernav ul li { list-style: none; float: left; margin: 0 0 0 1em; }
.footernav ul li a { display: block; text-decoration: none; }

footer.py-5 { padding-bottom: 112px!important; }

.sticky_footer { position: fixed; bottom: 0; left: 0; right: 0; height: 77px; background: #ffffff; border-top: solid 1px #ced4da; z-index: 100; }

.menuicon { display: none; position: absolute; right: 25px; top: 25px; width: 25px; height: 25px; margin: -2px 0 0 0; transition: 0ms; }
.menuicon .line { width: 25px; height: 2px; background: #000000; position: absolute; }
.menuicon .line:nth-of-type(1) { top: 0px; }
.menuicon .line:nth-of-type(2) { top: 8px; }
.menuicon .line:nth-of-type(3) { top: 16px; }
.menuicon.active .line:nth-of-type(1) { top: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuicon.active .line:nth-of-type(2) { opacity: 0.0; visibility: hidden; }
.menuicon.active .line:nth-of-type(3) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#sh_kba_mob_sel { display: none; }
@media only screen and (max-width: 1270px) {
	.menuicon { display: block; }
	#sh_kba_mob_sel { display: block; }
	#sh_kba_nav { display: none; }
}

#produkteslider .swiper-container { overflow: inherit; font-size: 0.8em; width: 100%; }
#produkteslider .swiper-slide {
	border-radius: 0.5em;
	border: solid 1px #dee2e6;
	width: 280px;
	background: #ffffff;
	overflow: hidden;
}
#produkteslider .swiper-pagination {
	padding: 0.5em;
	position: relative;
}

#produkteslider .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: auto;}
#produkteslider .swiper-pagination-bullet-active { background-color: #bbcc00; }
#dashboardslider .swiper-pagination-bullet-active { background-color: #ffffff; }

#produkteslider { font-size: 0.8em; line-height: 1.2em; }
#produkteslider .header { background: #bbcc00; padding: 1em; color: #ffffff; }
#produkteslider .body { padding: 1em; }
#produkteslider .footer { padding: 0 1em 1em 1em; }
#produkteslider .swiper-slide a { text-decoration: none; }

#produkteslider .produktbild { height: 150px; text-align: center; }
#produkteslider .produktbild img {max-width: 80%; max-height: 150px; }
#produkteslider .btn { margin-bottom: 0; }
@media only screen and (max-width: 767px) {
	#produkteslider { font-size: 1em; }
}

.marquee,
.marquee-with-options,
.marquee-vert-before,
.marquee-vert {  width: 100%;  overflow: hidden;}
.marquee {}

ul.partner_list { padding: 0; }
ul.partner_list li { list-style: none; float: left; }
.partner_item { padding: 0 20px; }
.partner_item img { max-height: 45px; }

.knowledge-base { font-size: 0.9em; padding: 0 2em; }
.knowledge-base a { /*color: #7d8c92;*/ }
.knowledge-base ul { padding: 0 0 0 20px;}
.knowledge-base h4 { background: #DDD; font-size: 1em; padding: 0.2em; margin-bottom: 0; margin-top: 10px; }
.knowledge-base .card h4 { background: #DDD; font-size: 1em; padding: 0.2em; margin-bottom: 10px; margin-top: 0px; }
.knowledge-base .card .card-subtitle { margin-top: 0; }
.knowledge-base h2 { margin-bottom: 15px; }
.knowledge-base input { margin-bottom: 20px; }


@media only screen and (max-width: 767px) {
.knowledge-base { padding: 0; }
}


.knowledge-nav-overview ul { }
.knowledge-nav-overview ul li.category { position: relative; margin-bottom: 5px; }
.knowledge-nav-overview ul li.category a { }
.knowledge-nav-overview a.active { font-family: 'BarlowSemiCondensedBold'; }
.knowledge-nav-overview ul li.category .subnav { display: none; position: relative; min-width: auto; left: auto; box-shadow:none; }
.knowledge-nav-overview ul li.category { list-style: none; }
.knowledge-nav-overview ul li.category .triangle { cursor: pointer; display: block; position: absolute; top: 7px; left: -20px; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 12px; border-color: transparent transparent transparent #7d8c92; }
.knowledge-nav-overview ul li.category.expanded > .triangle { border-width: 12px 6px 0 6px; border-color: #7d8c92 transparent transparent transparent; }
.knowledge-nav-overview ul li.article { list-style: initial; line-height:1.5em; }
.knowledge-nav-overview ul ul {padding: 0; }

.stoerer { border-radius: 50%; position: absolute; }
.stoerer_1 { bottom: -4em; right: 4em; width: 19em; height: 19em; padding: 2em; }
.stoerer_2 { top: 0; width: 10em; height: 10em; top: -5em; right: -3em; }

p.text-big { font-size: 1.3em; }
.preis { border-top: solid 2px #ffffff; border-bottom: solid 8px #ffffff; font-size: 5em; line-height: 0.5em; padding: 0.2em 0 0 0; margin-bottom: 0.15em; }
.preis span { font-size: 0.2em; }
p.font-small { font-size: 0.8em; line-height: 1.3em; }
.aktionstext { color:#e30613;}

@media only screen and (max-width: 1440px) {
	.stoerer_1 { bottom: -3em; right: 4em; width: 18em; height: 18em; }
	.stoerer_2 { width: 9em; height: 9em; }
}

@media only screen and (max-width: 1200px) {
	.preis { font-size: 4em; line-height: 0.5em; padding: 0.2em 0 0 0; margin-bottom: 0.15em; }
	.stoerer_1 { bottom: -3em; right: 4em; width: 16em; height: 16em; }
	.stoerer_2 { width: 8em; height: 8em; top: -4em; }
}

/* ------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------ */



ul.square { list-style-type:square; }

ul.circle { list-style-type:circle; }

ul.square { list-style-type:square; }

ul.image {  }

ul.image.secundary { }

ol.decimal-leading-zero { list-style-type:decimal-leading-zero; }
ol.lower-alpha { list-style-type:lower-alpha; }
ol.upper-alpha { list-style-type:upper-alpha; }
ol.upper-roman { list-style-type:upper-roman; }

ul.linklist { list-style-type:none; }
ul li { position: relative; }
ul.linklist span { position: absolute; left: -20px; top: 2px; }
ul.linklist a { margin-left:10px;}

@media (max-width: 576px) {
ul.linklist a { display:block;}
}

.custom_accordion_trigger { cursor: pointer; }
.custom_accordion_trigger_icon { position: absolute; right: 18px; top: 50%; margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.collapsed .custom_accordion_trigger_icon { -webkit-transform: rotate(-0deg); transform: rotate(-0deg); }
.custom_accordion_trigger_icon .line { width: 20px; height: 1px; background: #8C8C8C; }
.custom_accordion_trigger_icon .line:nth-of-type(2) { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }


.height_250 { height: 250px; }

@media (min-width: 576px) {

	.galerieUebersicht.card-deck { -ms-flex-flow: column; flex-flow: column; margin-right: 0; margin-left: 0; }

	.galerieUebersicht.card-deck .card { margin-right: 0; margin-left: 0; margin-bottom: 15px; }

}

@media (min-width: 776px) {

	.galerieUebersicht.card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; }

	.galerieUebersicht.card-deck .card { margin-right: 15px; margin-left: 15px; margin-bottom: 30px; }

}



.plugin_galerie_height { height: 180px; }



.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; width: 100%; }

.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



figure video { width: 100%; height: auto; display: block; }


.form-control {padding: 1.5rem 0.75rem; border: 2px solid #ced4da;}
select.form-control { padding: 0.5rem 0.75rem; height: 52px; }


hr { margin: 0; border: 0 none; background-color: transparent; height: 0px; }
hr.space1 { height: 1px; }
hr.space2 { height: 2px; }
hr.space3 { height: 3px; }
hr.space4 { height: 4px; }
hr.space5 { height: 5px; }
hr.space10 { height: 10px; }


.display_none { display:none;}

.text-right { text-align:right}

option:hover,option:focus,option:active,option:checked {font-weight: bold;font-style: italic;}




/*.plugin_customcontainer_full_width { display: block; left: 50%; position: relative; transform: translateX(-50%); width: 100vw; border:1px dotted blue;  }*/





/* ----------------------------------------------------

---------- plugin_customcontainer_content_x -----------

---------------------------------------------------- */



.width_normal { max-width: 960px; padding: 0 40px; }



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

	.width_normal { padding: 0 1em; }

}



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

	.width_normal { padding: 0 1em; }

}



.plugin_customcontainer { }

.plugin_customcontainer_full_width { display: block; left: 50%; position: relative; transform: translateX(-50%); }

.plugin_customcontainer_content { margin: 0px auto; }



.plugin_customcontainer_content_extrasmall {

    max-width: 480px;

    padding: 0 2em;

}

.plugin_customcontainer_content_small {

    max-width: 640px;

    padding: 0 2em;

}

.plugin_customcontainer_content_medium {

    max-width: 800px;

    padding: 0 2em;

}

.plugin_customcontainer_content_normal {

    max-width: 960px;

    padding: 0 2em;

}

.plugin_customcontainer_content_large {

    max-width: 1120px;

    padding: 0 2em;

}

.plugin_customcontainer_content_extralarge {

    max-width: 1280px;

    padding: 0 2em;

}

.plugin_customcontainer_content_superlarge {

    max-width: 1600px;

    padding: 0 2em;

}

.plugin_customcontainer_content_full {

	padding: 0;

}



.plugin_customcontainer > .bg-primary div {

	color:#ffffff;

}



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

	.plugin_customcontainer_content_extrasmall {

		padding: 0 1em;

	}

	.plugin_customcontainer_content_small {

		padding: 0 1em;

	}

	.plugin_customcontainer_content_medium {

		padding: 0 1em;

	}

	.plugin_customcontainer_content_normal {

		padding: 0 1em;

	}

	.plugin_customcontainer_content_large {

		padding: 0 1em;

	}

	.plugin_customcontainer_content_extralarge {

		padding: 0 1em;

	}

	.plugin_customcontainer_content_superlarge {

		padding: 0 1em;

	}

	.plugin_customcontainer_content_full {

		padding: 0;

	}

}

@media only screen and (max-width: 767px) {
	.plugin_customcontainer_content_extrasmall {		padding: 0 1em;	}
	.plugin_customcontainer_content_small {		padding: 0 1em;	}
	.plugin_customcontainer_content_medium {		padding: 0 1em;	}
	.plugin_customcontainer_content_normal {		padding: 0 1em;	}
	.plugin_customcontainer_content_large {		padding: 0 1em;	}
	.plugin_customcontainer_content_extralarge {		padding: 0 1em;	}
	.plugin_customcontainer_content_superlarge {		padding: 0 1em;	}
	.plugin_customcontainer_content_full {		padding: 0;}
}