/************************************************
/*
/*	Theme : Sprintus
/*	version: 1.0.0
/*
*************************************************/

/*===== Fonts =====*/
@font-face {
    font-family:'OpenSans-Light';
    src: url('Fonts/OpenSans-Light.eot');
    src: url('Fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('Fonts/OpenSans-Light.woff') format('woff'),
        url('Fonts/OpenSans-Light.ttf') format('truetype'),
        url('Fonts/OpenSans-Light.otf') format('opentype'),
        url('Fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family:'OpenSans-Regular';
    src: url('Fonts/OpenSans-Regular.eot');
    src: url('Fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/OpenSans-Regular.woff') format('woff'),
        url('Fonts/OpenSans-Regular.ttf') format('truetype'),
        url('Fonts/OpenSans-Regular.otf') format('opentype'),
        url('Fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('Fonts/opensans-italic-webfont.woff2') format('woff2'),
        url('Fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('Fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
        url('Fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'OpenSans-Semibold';
    src: url('Fonts/OpenSans-Semibold.eot');
    src: url('Fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/OpenSans-Semibold.woff') format('woff'),
        url('Fonts/OpenSans-Semibold.ttf') format('truetype'),
        url('Fonts/OpenSans-Semibold.otf') format('opentype'),
        url('Fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('Fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
        url('Fonts/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*===== Fonts =====*/

/* =Reset
-------------------------------------------------------------- */
html, body{
    font-size: 100%;
    vertical-align: baseline;
    height: 100%;
}
.wrapper{
    height: 100%;
    min-height: 100%;
}
body {
    font-size: 16px;
    line-height: normal;
    color:#3c3c3c;
    font-family:'OpenSans-Light',sans-serif;
}
ol,
ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
th,
td {
    border: 1px solid #000;
    padding: 3px 5px;
}
*:focus,*:hover{
    outline: none;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 15px 0 30px;
    float: left;
    width: 100%;
}
input[type=password],input[type=text],input[type=email], button, select, textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;

    text-overflow: ''; /* this is important! */

    -webkit-box-shadow: none;
    box-shadow: none;
}
select::-ms-expand {
    display:none;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
    -webkit-font-smoothing: subpixel-antialiased;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/*====== Reset CSS ======*/

/*====== CMS page ====== */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin: 0 0 10px;
    color: #d30045;
    line-height: normal;
    font-weight: normal;
}
h1 {
    font-size: 40px;
    font-family: 'open_sanslight_italic';
}
h2 {
    font-size: 30px;
    font-family: 'open_sanssemibold_italic';
}
h3{
    font-size: 20px;
    font-family:'OpenSans-Light';
}
h4{
    font-size: 18px;
}
h5{
    font-size: 14px;
    font-family:'OpenSans-Semibold';
    color:#3c3c3c;
}
h6{
    font-size: 14px;
}
p {
    line-height: normal;
    margin: 0 0 20px;
    font-family:'OpenSans-Light';
    font-size: 16px;
}
a {
    color:#444042;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
*:focus{
    outline: none !important;
}
a:focus, a:hover{
    color:#cd0022;
    outline: none;
    text-decoration: none;
}
ol, ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}
ol li { 
    list-style: outside decimal none;
}

ol 
ol li,
ul li,ul li a,ol li a {
    line-height: normal;
}
ul li a:hover,ul li a:focus,
ol li a:hover,ol li a:focus{
    text-decoration: none;
    color: #cd0022;
}
b,strong{
    font-weight: normal;
    font-family:'OpenSans-Semibold';
}
label {
    margin: 5px 0;
    font-weight: normal;
}
input::-moz-focus-inner,
textarea::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input, textarea{
    color:#3c3c3c;
    background-color: #fff;
    float: left;
    font-family:'OpenSans-Light',sans-serif;
    font-size: 16px;
    outline: none;
    border-radius: 0;
    vertical-align:middle;

    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
select {
    color:#3c3c3c;
    text-shadow: none;
    border-radius: 0;
}
::-webkit-input-placeholder {
    font-size: 16px;
    color: #818181;
    font-family:'OpenSans-Light',sans-serif;
    opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    color: #818181;
    font-family:'OpenSans-Light',sans-serif;
    opacity: 1;
}
::-moz-placeholder {  /* Firefox 19+ */
    font-size: 16px;
    color: #818181;
    font-family:'OpenSans-Light',sans-serif;
    opacity: 1;
}
:-ms-input-placeholder {
    font-size: 16px;
    color: #818181;
    font-family:'OpenSans-Light',sans-serif;
    opacity: 1;
}
img{
    height: auto;
    vertical-align: middle;
    max-width: 100%;
}
.ce-gallery,
.csc-textpic-center .csc-textpic-imagewrap {
    text-align: center;
}
.ce-left .ce-gallery,
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap,
.csc-textpic-intext-left .csc-textpic-imagewrap,
.csc-textpic-intext-img .csc-textpic-image {
    float: left;
    width: auto;
}
.ce-right .ce-gallery,
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-right .csc-textpic-image {
    float: right;
    width: auto;
}
.ce-left img,
.csc-textpic-intext-left-nowrap img,
.csc-textpic-intext-left img {
    margin-bottom: 20px;
    margin-right: 20px;
}
.ce-right img,
.csc-textpic-intext-right-nowrap img,
.csc-textpic-intext-right img {
    margin-bottom: 20px;
    margin-left: 30px;
}
.content-area ul,
.content-area ul li {
    list-style: disc;
}
.content-area ul {
    padding-left: 15px;
    margin-bottom: 20px;
}
.content-area ol {
    padding-left: 17px;
    margin-bottom: 20px
}
.content-area ol,
.content-area ol li {
    list-style: decimal;
}
.no-bullate,
.no-bullate li {
    list-style: none!important;
    padding: 0!important;
}
.ce-textpic.ce-intext.ce-nowrap {
    display: inline-block;
    max-width: 100%;
}
.ce-intext.ce-left ul, .ce-intext.ce-left ul li, .ce-intext.ce-right ul, .ce-intext.ce-right ul li  {
    list-style: outside disc none;
    margin: 2px 0;
}
.ce-intext.ce-left ol, .ce-intext.ce-left ul, .ce-intext.ce-right ol, .ce-intext.ce-right ul {
    padding: 0 0 0 18px;
}
.windows.safari .ce-intext.ce-left ol,.windows.safari .ce-intext.ce-left ul,.windows.safari .ce-intext.ce-right ol, .windows.safari .ce-intext.ce-right ul {
    padding: 0 0 0 22px;
}
.ipad.safari .ce-bodytext ul, .ipad.safari .ce-bodytext ol{
    padding-left: 24px;
} 
aside .press-box{
    width: 100%;
    border: none !important;
    padding: 25px 0 79px 0 !important;
    margin: 0 !important;
}
@media(max-width:767px) {
    .ce-left .ce-gallery, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic-intext-img .csc-textpic-image, .ce-right .ce-gallery, .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-right .csc-textpic-imagewrap, .csc-textpic-intext-right .csc-textpic-image, .ce-bodytext {
        display: inline-block;
        float: none;
        width: 100%;
    }
    .ce-intext img {
        float: left;
        margin: 0 0 5px;
    }
    .content-area ul,
    .content-area ol {
        margin-bottom: 30px;
    }
    aside .press-box{
        padding: 0 0 15px !important;
    }
}
/*====== End CMS page ======*/

/* common css */
.container{
    max-width: 1200px;
    width: auto;
}
.c-nav ul,.c-nav li,.c-nav a{
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    float: left;
    list-style: none;
    text-decoration: none;
    width: auto;
    clear: none;
}
.sep {
    border-bottom: 1px solid #ccc;
    clear: both;
    margin: 0 auto;
    width: 1170px;
}
.container.layout1 .sep {
	border-bottom: none;
}
.bottam-space.sep{
    margin: 20px auto;
}
.red-bg{
    background-color: #cd0022; 
}
/*** common css ***/

/* header */
header {
    float: left;
    padding: 13px 0 0;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);

}
.quick-nav ul{
    text-align: left;
}
.quick-nav ul li{
    display: inline-block;
    margin: 0px 11px;
}
.quick-nav ul li a{
    font-size: 14px;
}
.quick-nav ul li a:hover{
    color: #cd0022;
}
.quick-nav ul li:first-child{
    margin-left: 0;
}
.quick-nav ul li:last-child{ 
    margin-right: 0;
}
.divLanguageMenu.navbar-left {
    border-right: none;
    float: none !important;
    height: 20px;
    margin-right: 0;
    padding: 0;
    text-align: center;
}
.divLanguageMenu a.dropdown-toggle {
    display: inline-block;
    padding-top: 1px;
}
.divLanguageMenu a.dropdown-toggle span.Flag {
	position: relative;
	top: 1px;
	
	display: block;	
	width: 22px;
	height: 14px;
	
	background-position: left top;
	background-repeat: no-repeat;
}
.divLanguageMenu a.dropdown-toggle span.Flag.de {
	background-image: url("Images/de.png");
}
.divLanguageMenu a.dropdown-toggle span.Flag.en {
	background-image: url("Images/en.png");
}
.divLanguageMenu a.dropdown-toggle span.Flag.fr {
	background-image: url("Images/fr.png"); 
}
header .navbar-default .dropdown-menu::before {
    background: #fff none repeat scroll 0 0;
    content: " ";
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: -10px;
}
header .navbar-default .dropdown-menu {
    background-color: #eeeeee;
    border: 0 none;
    border-radius: 0;
    left: 0;
    margin-bottom: 58px;
    overflow: auto;
    padding: 40px 0 0;
    right: 0;
}
.divLanguageMenu.navbar-left .dropdown-menu {
    left: 0 !important;

}
.divLanguageMenu .dropdown-menu {
    background-color: #fff !important;
    margin: 10px 0 0 !important;
    padding: 5px 0 !important;
    z-index: 999999;
}
.open > .dropdown-menu {
    display: block;
}
.quick-nav .dropdown-menu li{
    display: block;
} 
.dropdown-menu > li {
    -moz-user-select: none;
    position: relative;
    display: block;
}
.divLanguageMenu .dropdown-menu li a {
    background-image: url("Images/right-arrow.jpg");
    background-position: 92% 8px;
    background-repeat: no-repeat;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
.divLanguageMenu .dropdown-menu li a span {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 14px;
    margin: 3px 10px 0 0;
    width: 22px;
}
.divLanguageMenu .dropdown-menu li a.de span {
    background-image: url("Images/de.png");
}
.divLanguageMenu .dropdown-menu li a.en span {
    background-image: url("Images/en.png");
}
.divLanguageMenu .dropdown-menu li a.fr span {
    background-image: url("Images/fr.png");
}
.logo {
    max-width: 270px;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
}
.logo img{
    margin-top: -18px;
}
.fixed .logo img{
    margin-top: 8px;
    max-width: 200px;
}
.fixed .desktop-logo, .sticky-desktop-logo{
    display: none;
}

.desktop-logo, .fixed .sticky-desktop-logo{
    display: inline-block;
}
header.fixed {
    padding: 0;
    display: block;
}
@media(min-width:993px){
    .quick-nav {
        float: left;
        position: relative;
    }
    .fixed .quick-nav{
        display: none;
    }

    .fixed .LanguageMenuSmallHeader {
        display: block !important;
        margin-right: 20px;        
    }


}
/* navigation */
.navDownload {
	float: none !important;
}
.navDownload li {
	float: none !important;
}
.navigation li,.navigation ul,.navigation a{
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
.navigation a{
    position: relative;
}
.navigation li,.navigation a{
    color: #444042;
    font-size: 20px;
    font-family:'OpenSans-Light';  
}
.navigation li > a{
    text-transform: uppercase;
}
.mega-menu-wrapper ul li a{ 
    text-transform: none;
}
.sub-menu ul { display: none;}
.navigation nav > ul > li.has-sub:hover > a::before {
    opacity: 0;
}

@media(min-width:993px){
    .navigation {
        display: inline-block;
        float: right;
        margin-top: 8px;
    }
    .navigation.nonav {
        height: 77px;
    }
    .windows.null .navigation {
        margin-top: 9px;
    }
    .fixed .navigation {
        margin-top: 5px;
    }
    .navigation nav > ul > li:first-child{
        margin-left: 0;
        padding-left: 0;
    }
    .navigation nav > ul > li:last-child{
        margin-right: 0;
    }
    .navigation nav > ul > li > a {
        padding: 21px 19px;
        padding-bottom: 28px;
        border:1px solid transparent;
        border-bottom: none;
        z-index: 99999;
        transition: none;
    }
    .fixed .navigation nav > ul > li > a {
        padding: 18px;
    }
    .fixed .navigation.nonav {
        height: 64px;
    }
    .navigation nav > ul > li:hover > a, .navigation nav > ul > li.active > a {
        color: #cd0022;
    }
    .navigation nav > ul > li:hover > a::after, .navigation nav > ul > li.active > a::after{
        background-color: #cd0022;
        bottom: 0;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 101;
    }
    .navigation nav > ul > li.mega-active > a{
        color: #3c3c3c;
        background-color: #f4f4f4;
    }
    .navigation nav > ul > li.mega-active > a::after, .navigation nav > ul > li.active.mega-active > a::after {
        background-color: #f4f4f4;
        bottom: -1px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 101;
    }
    li.active .inner-menu-section ul  {
        display: block;
    }
    /* mega menu */
    .header-wrapper{
        width: 100%;
        float: left;
    }

    .mega-menu-wrapper {
        background-color: #f4f4f4;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        padding: 36px 0 30px;
        z-index: 99;
        display: none;
        overflow-x: hidden;
        overflow-y: scroll;
        border-top: 1px solid #e6e6e6;
    }
    .mega-active .mega-menu-wrapper{
        display: block;
    }
    .mega-menu-open{
        overflow: hidden;
    }
    .mega-menu-open header{
        padding-right: 17px;
    }
    @-moz-document url-prefix() {
        .mega-menu-open header{
            padding-right: 0px;
        }
    }

    .null.mega-menu-open header {
        padding-right: 0px;
    }
    .close-it {
        float: right;
        margin-top: -18px;
        padding-right: 5px;
    }
    .mega-menu-wrapper .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .mega-menu-wrapper .col-lg-4, .mega-menu-wrapper .col-xs-12{
        padding: 0 7px 0 8px;
    } 
    .mega-menu-wrapper h2{
        color: #cd0022;
        font-size: 24px;
        text-align: center;
        font-family: 'open_sanslight_italic';    
        margin-bottom: 30px;
    }
    .mega-menu-wrapper h2 span{
        font-family: 'open_sanssemibold_italic';
    }

   .mega-menu-wrapper  .mainNaviHeadline  {
		text-align: center;
   }

	.mega-menu-wrapper  .mainNaviHeadline  h2 {
		line-height: 0.4;		
   }
   .mega-menu-wrapper  .mainNaviHeadline  h4 {
		line-height: 0.4;		
		margin-bottom: 30px;
   }
	
    .mega-menu-wrapper .single-product > a {
        background: #fff none repeat scroll 0 0;
        display: block;
        height: 100%;
        padding: 0 0 15px;
        width: 100%;
        text-align: center;
        min-height: 222px;
        margin-bottom: 15px;
    }
    .mega-menu-wrapper .single-product a figure img{
        xmax-height: 142px;
        max-width: 110px;
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transition: all 0.7s ease 0s;
        -webkit-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
    }
    .mega-menu-wrapper .single-product a:hover figure img{
        transform: translate(-50%,-50%) scale(1.2);
        -webkit-transform: translate(-50%,-50%) scale(1.2);
        -ms-transform: translate(-50%,-50%) scale(1.2);
    }
    .mega-menu-wrapper .single-product a h3{
        width: 100%;
        font-size: 20px;
        color: #444042;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    .mega-menu-wrapper .single-product a:hover h3, .mega-menu-wrapper .single-product > a.active h3, .quick-nav ul li.active a{
        color: #cd0022;
    }
    .mega-menu-wrapper .single-product.single-option a h3 {
        left: 50%;
        top: 50%;
        bottom: auto;
        position: absolute;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }
    .mega-menu-wrapper .single-option a h3:after{
        content: url(Images/mega-menu-icon.png);
        padding-left: 15px;
    }
    .single-option {
        background: #fff;
    }
    .trade-fair-section.company-details.single-option{
        margin-bottom: 15px; 
    }
    .mega-menu-wrapper .c-btn{
        font-size: 16px;
        color: #cd0022;
    }
    .mega-menu-wrapper .contact-us p{
        max-width: 660px;
        margin: 0 auto 20px;
    }
    .mega-menu-wrapper .contact-option {
        padding: 10px 0 35px;
    }
    .mega-menu-wrapper .contact-option ul{
        float: none;
    }
    .mega-menu-wrapper .contact-option ul li {
        margin-left: 66px;
        width: 41%;
    }
    .mega-menu-wrapper .contact-option ul li:last-child{
        width: 38%
    }
    .mega-menu-wrapper .contact-option ul li a{
        text-transform: none;
    }
    .company-details .trade-img{
        padding: 0;
        margin: 0;
        text-align: left;
    }
    .company-details .trade-img .bg-place-holder{
        height: 100%;
    }
    .company-details .trade-desc{
        padding: 30px 40px 15px;
    }
    .company-details .trade-desc p{
        margin-bottom: 15px;
    }
    .company-details .trade-desc .press-title{
        margin-bottom: 10px;
    }
}


/*slider */

.slider-main .slide{
    position: relative;
}

.slider-main .slide{
    /*height: 854px;*/
}

.slide-down{
    display: none;
}
#page_1 .home-slider .slide-down, #page_908 .home-slider .slide-down {
    display: block;
}

.slider-main .bg-img, .mobile-gallery-slider .bg-img{
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 100%;
    left: 0;
    top:0;
    background-size: cover;	
    background-position: center center;
    background-repeat: no-repeat;
}

.slider-main .bg-img {
	position: static;
	width: 100%;
	height: auto;
}

.slider-main {
    float: left;
    width: 100%;
    border-bottom: 2px solid #cd0022;
}

.slider-main .bg-img .Image {
	
}

.slider-main .bg-img .Image img {
	width: 100%;
	height: auto;
}

.slider-main .bg-img .container {
	position: relative;
	height: auto;
}

.slider-main .bg-img .container .slide-box {
	
}

section,footer{
    float: left;
    position: relative;
    width: 100%;
}
.slider-main .owl-prev{
    left: 0;
    padding: 0 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
.slider-main .owl-next{
    float: right;
    right: 0;
    padding: 0 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
.slider-main:hover .owl-prev, .slider-main:hover .owl-next{
    opacity: 1;
}

.slider-main .owl-dot {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin: 0 5px;
    width: 6px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slider-main .owl-dots {
    top: 12px;
    right: 15px;
    padding: 0;
    position: absolute;
    text-align: right;
    width: 100%;
}
.slider-main .owl-dot:hover,
.slider-main .owl-dot.active{
    background-color: #cd0022;

}
.c-btn, .btn {
    background-color: transparent;
    border: 1px solid #cd0022;
    border-radius: 22px;
    color: #cd0022;
    display: inline-block;
    font-family: "OpenSans-Regular";
    font-size: 16px;
    padding: 11px 0px;
    position: relative;
    text-align: center;
    z-index: 1;
    width: 160px;
    margin: 0 auto;
}
.c-btn.auto {
    width: auto;
    display:inline-block;
    padding: 11px 10px 11px 10px;
}
.custome-width{
    width: auto;
    padding: 7px 26px;
}
.c-btn:hover, .c-btn:focus{
    color: #fff;
    background: #cd0022;
}
.slider-main .c-btn:hover, .slider-main .c-btn:focus{
    background: #cd0022;
    color: #fff;
    border-color: transparent;
}
.slide .container{
    position: relative;
    height: 100%;
}
.slide-box{
    background: rgba(255,255,255,0.9);
    position: absolute;
    right: 15px; 
    bottom: 75px;
    max-width: 370px;
    cursor: pointer;
    z-index: 99999;
    clear: both;
    display: block;
}
.slide-box.left-side{
    left: 15px;
    clear: both;
    display: block;
    z-index: 99999;
}
.slide-box-title{
    background: #cd0022;
    padding: 0 28px;
}
.slide-box-title h3 { 
    color: #fff;
    display: inline-block;
    margin: 10px 0;
}
.slide-box-content{
    padding: 22px 28px 115px;
}
.slide-box-content h2{
    font-family: 'open_sanssemibold_italic';
    margin-bottom: 14px;
}
.slide-box-content h3{
    color: #444042;
    line-height: 24px;
    margin-bottom: 20px;
}
.slide-box-content .c-btn{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.triangle{
    /*width: 136px;*/
	max-width: 600px;
	min-width: 160px;
	
    height: 126px;
    display: table;
    background: #cd0022;
    position: absolute;
    right: 0;
    top: 10%;
    z-index: 9999999;
    margin-left: 100px;

}
.left-triangle{
    left: 0;
    margin-left: 0;
}

.right-triangle:before{
    content: '';
    width: 0;
    height: 0;
    border-top: 126px solid #cd0022;
    border-left: 75px solid transparent;
    position: absolute;
    left: -75px;
    top: 0;
}
.left-triangle:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 126px solid #cd0022;
    border-right: 75px solid transparent;
    position: absolute;
    right: -75px;
    top: 0;
}
.triangle h1{
    font-size: 36px;
    color: #fff;
    padding-left: 20px;
    vertical-align: middle;
    display: table-cell;
    font-family:'OpenSans-Light';
}
.left-triangle h1{
    padding-left: 50px;
}

.hiddenOnLoad {
	visibility: hidden;
}

.slide-down{
    position: absolute;
    bottom: 33px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 9;
}
/* slider */

/* services-wrapper */
.content-section.no-title{
    padding: 50px 0 30px;
}
.content-section.section-title {
    padding: 62px 0 15px;
}
.section-title { 
    text-align: center;
}
.section-title h2 span{
    font-family: 'open_sansitalic';
}
.section-title h1 span{
    font-family: 'open_sansitalic';
}
.section-title.title-with-text h1, .section-title.home-title h1{
    margin-bottom: 20px;
    font-size: 40px;
    color: #cd0022;
    font-family: 'open_sanslight_italic';
    text-transform: none;
}
.section-title.title-with-text h2, .section-title.home-title h2{
    margin-bottom: 20px;
    font-size: 40px;
    color: #cd0022;
    font-family: 'open_sanslight_italic';
    text-transform: none;
}
.section-title.home-title h1{
    margin-bottom: 46px
}
.section-title.home-title h2{
    margin-bottom: 46px
}
.section-title h3{ 
    font-size: 20px;
    color: #444042;
    font-family:'OpenSans-Light'; 
}
.section-title.home-title h3{ 
    font-size: 28px;
    text-transform: uppercase;
}
.content-section.product-block {
    padding: 19px 0 4px;
}
.section-title.dwnld-pdf{
    padding: 54px 0;
}
.dwnld-pdf a{
    color: #cd0022;
    font-size: 20px;
    display: inline-block;
    width: auto;
    margin: 0px auto;
    position: relative;
    padding-left: 40px;
}
.dwnld-pdf a:before{
    content: '';
    position: absolute;
    left: 0;
    top:-3px;
    background: url(Images/pdf-icon.png)no-repeat center center;
    width: 32px;
    height: 32px;
    display: inline-block;
}
.nav-tabs {
    margin: 6px 0;
}
.nav.nav-tabs > li > a{
    padding: 9px 75px;
    margin-right: 0;
    color: #444042;
    font-family: 'open_sanssemibold_italic';
    font-size: 20px;
    border-radius: 0;
}
.nav.nav-tabs > li.active > a{
    color: #cd0022;
    border: 1px solid #ccc;
    border-bottom-color: transparent;
}
.tab-content{
    padding: 10px 0 6px;
}
.tab-details {
    margin-top: -9px;
}
.tab-details p {
    font-size: 16px;
}
.tab-details a.title, .tab-details h2 {
    font-size: 24px;
    color: #cd0022;
    margin: 0;
    font-family:'OpenSans-Semibold';
}
.tab-details a.title:hover {
    color: #444042;
}
.tab-details h3{
    color: #444042;
    font-size: 20px;
    margin-bottom: 7px;
}
.tab-details .c-btn {
    display: inline-block;
    margin: 7px 0;
    padding: 8px 27px;
    width: auto;
}
.view-more{
    padding: 32px 0;
    text-align: center; 
}
.view-more a{
    font-size: 20px;
    color: #cd0022;
}
.view-more a:hover{
    color: #444042;
}
.news{
    padding: 25px 0;
}
tab-content .news:last-child{
    padding: 25px 0 32px;
}
.news figure{
    min-height: 230px;
    background: #f0f0f0;
    width: 100%;
}
.news figure img{
    width: 100%;
}
.services-wrapper, .content-wrapper{
    text-align: center;
}
.content-section{
    background-color: #fff;
}
.content-section{
    padding: 62px 0 40px;
}
.content-section.news-section{
    padding: 62px 0 60px;
}
.content-section.services-block  {
    padding: 62px 0 10px;
}
.services-block .services-wrapper h3 {
    font-family: 'open_sanssemibold_italic';    
}
.services-wrapper img, .content-wrapper img {
    width: 100%;
}
.services-wrapper article{
    margin-bottom: 50px;
    padding-bottom: 60px;
    position: relative;
    background: #fff;
}
.services-wrapper figure{
    display: inline-block;
    width: 100%;
    min-height: 1px;
    overflow: hidden;
    border-bottom: 2px solid #cd0022;
}
.services-wrapper .more .c-btn{
    padding: 9px 0; 
}
.product-wrapper .col-lg-4{
    margin-bottom: 23px;
}
.product-block article{
    margin-bottom: 20px;
}
.product-block .single-product{
    width: 100%;
    display: inline-block;
    text-align: center;
}
.product-block .single-product a{
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .product-block .single-product a figure{
        position: relative;
    }
}
.product-block .single-product a figure{
    height: 210px;
}
.product-block .single-product a figure img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
}

.product-block .single-product a h3{
    margin-top: 20px;
    color: #444042;
}
.product-block .single-product a:hover h3{
    color: #cd0022;
}
.product-block .single-product a:hover figure img {
    transform: translate(-50%,-50%) scale(1.1);
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    -ms-transform: translate(-50%,-50%) scale(1.1);
}
.product-block article h3,
.services-wrapper p, 
.services-wrapper h3{
    display: inline-block;
    width: 100%;
}
.services-wrapper h3{
    font-size: 24px;
}
.product-block article h3{
    margin-bottom: 5px;
}
.product-block article h3
.services-wrapper h3, .content-wrapper h3 {
    margin: 7px 0 5px;
}
.services-detail{
    padding: 14px 20px;
}
.energy-plan {
    padding: 100px 0;
}
#energy.energy-plan{
    padding: 60px 0 99px;
}
.energy-plan .plan-detail{
    padding: 36px 0 26px;
}
.energy-plan h2{
    font-size: 24px;
    line-height: 28px;
    font-family:'OpenSans-Semibold';
    margin-bottom: 17px;
}
.energy-plan h3{
    color: #444042;
    line-height: 25px;
    margin-bottom: 20px;
}
.energy-plan h4{
    font-size: 16px;
    font-family: 'open_sanssemibold_italic';    
    margin-bottom: 17px;
}
.energy-plan p {
    font-size: 16px;
    margin-bottom: 13px;
}
.energy-plan .c-btn.c-small{
    margin: 25px 0 0;
    padding: 9px 29px;
}
.services-wrapper .c-btn{
    font-size: 14px;
}
.services-wrapper .more {
    bottom: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.c-btn.c-small{
    font-size: 14px;
    padding: 7px 29px;
}

/* footer */
footer{
    background-color: #f0f0f0;
    color: #707173;
    font-family:'OpenSans-Light';
    font-size: 16px;
}

footer ul,footer li,footer a{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.footer-top {
    float: left;
    padding: 39px 0 36px;
    width: 100%;
}
footer .footer-top .col-md-9 ul{
    margin-top: 5px;
}
footer .footer-top li {
    margin: 0 17px;
    display: inline-block;
}
footer .footer-top li:first-child{
    margin-left: 0;
}
footer .footer-top li:last-child{
    margin-right: 0;
}
footer .footer-top li a {
    text-transform: uppercase;
    font-size: 20px;
}
footer .footer-top ul {
    width: 100%;
}
footer a:hover,
footer a:focus{
    color: #d30045;
}
footer i{
    color: #999999;
}
footer a:hover i,
footer a:focus i{
    color: #d30045;
}
.social ul{
    text-align: center;
}
.social ul li{
    background: #a8a8a8;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin: 0 8px;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.social ul li a{
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.social ul li#facebook{
    background: #3e5b98;
}
.social ul li#google-plus{
    background: #dd4b39;
}
.social ul li#youtube-play{
    background: #e02a20;
}
.social ul li#instagram{
    background: #405de6;
}
.social ul li:hover{
    background: #444 !important;
}
.social ul li a i {
    font-size: 22px;
    color: #fff;
}
.footer-bottom {
    float: left;
    padding: 34px 0 36px;
    width: 100%;
}
.footer-bottom p {
    margin: 1px 0 0 3px;
}
.footer-bottom li a{
    color: #999999;
    font-family:'OpenSans-Light';
}
.footer-bottom li a:hover{
    color: #cd0022;
}
.footer-bottom ul {
    float: right;
    margin-top: 1px;
}
.footer-bottom li {
    margin: 0 20px;
}
.footer-bottom li:first-child{
    margin-left: 0;
}
.footer-bottom li:last-child{
    margin-right: 0;
}
@media(min-width:1200px){
    .windows.safari .footer-bottom p{
        margin: 1px 0 0 -4px;
    }
}
/* mobile nav */
.menu-trigger {
    float: left;
    height: 42px;
    width: 48px;
    padding: 12px;
    margin-left: -12px;
    margin-top: -12px;
    position: absolute;
    left: 15px;
    top: 24px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.menu-trigger .bars{
    background: #999999;
    height: 2px;
    margin-bottom: 6px;
    width: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.menu-trigger .bars:last-child{
    margin-bottom: 0;
}
.open .bars:first-child{
    -webkit-transform: translateY(8px) rotate(135deg);
    -ms-transform: translateY(8px) rotate(135deg);
    transform: translateY(8px) rotate(135deg);
}
.open .bars:nth-child(2){
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.open .bars:last-child{
    -webkit-transform: translateY(-8px) rotate(-135deg);
    -ms-transform: translateY(-8px) rotate(-135deg);
    transform: translateY(-8px) rotate(-135deg);
}
.sm-mobile{
    display: none;
}
iframe {
    max-width: 100%;
}
.arrow {
    background-image: url("Images/mobile-arrow.png");
    background-repeat: no-repeat;
    background-position: 97.2% center;
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 100%;
    z-index: 99;

    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.sub-open > .arrow{
    background-image: url("Images/moblile-up-arrow.png");
}
.trigger-parent {
    background-color: transparent;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    display: none;
}
.menu-open .trigger-parent{
    background-color: #fff;
    -webkit-transition: all 0.6s ease 0.5s;
    -ms-transition: all 0.6s ease 0.5s;
    transition: all 0.6s ease 0.5s;
    position: fixed;
}
.go-top{
    position: fixed;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    right: 40px;
    bottom: -40px;
    z-index: 999;
    background-image: url(Images/go-to-top.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #a8a8a8;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.go-top:hover{
    background-color: #595959;
}
.go-top.visible{
    bottom: 26px;
}
.sub-menu ul { display: none;}
.gray-section { background: #f0f0f0;}
.content-section .content { text-align: left;}
.desktop-img.bg-img { 
    display: block;
}
.safari .bg-img {
    background-position: left center;
}
.safari .slide .bg-img {
    background-position: center center;
}
/*****Inner pages CSS start*****/
.content-section.section-title.title-with-text {
    padding: 46px 0 50px;
}
.content-section.product-category {
    padding: 28px 0 0px;
}
.product-category article{
    background: #fff;
    padding: 7px 13px;
    margin-bottom: 30px;
}
.product-category .product-details{
    padding: 15px;
}
.product-category .product-details h3{
    margin: 0;
}
.product-category .product-details a{
    font-family: 'open_sanssemibold_italic';
    font-size: 28px;
    color: #cd0022;
    margin-bottom: 5px;
    display: inline-block;
    text-transform: uppercase;
}
.product-details p.description{
    line-height: 24px;
}
.product-details, .product-details ul{
    float: none;
    clear: both;
}
.product-details li {
    float: left;
    width: 27%;
}
.product-details li:last-child{
    width: 44%;
}
.product-details li p:first-child{
    padding-right: 3px;
}
.product-details li p{
    font-family: "OpenSans-Regular";
    float: left;
    color: #888;
    margin-bottom: 10px;
}
.product-category .product-img{
    text-align: center;
    padding: 15px;
}
.product-category .product-img > a{
    display: inline-block;
    width: auto;
}
.product-category .product-img img{
    max-height: 234px;
}
.product-category .more{
    padding: 37px 0 25px;
    text-align: center;
}
.product-category .more .c-btn{
    display: inline-block;
    width: auto;
    padding: 7px 30px;
}
.content-section.contact-section {
    padding: 72px 0 46px;
    margin-bottom: 15px;
}
.content-section.contact-section-2 {
    padding: 0px 0 0px;
    /*margin-bottom: 15px;*/
}
.contact-us{
    max-width: 675px;
    text-align: center;
    margin: 0 auto;
}
.contact-col {
    margin-bottom: 46px;
}
.contact-us-2 {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}
.contact-us h2,
.contact-us-2 h2  {
    font-size: 28px;
    color: #444042;
    font-family:'OpenSans-Light';
    text-transform: uppercase;
}
.contact-option{
    padding: 30px 0 30px;
    text-align: left;
}
.contact-us-2 .contact-option{
    padding: 30px 0 16px;
    text-align: center;
}
.contact-option ul li{
    display: inline-block;
    margin-left: 68px;
    width: 39%;
}

.contact-us-2  img {
    margin-bottom: 30px;
}

.contact-us-2 .contact-option table {
    margin: auto;
}

.contact-us-2 .contact-option td{
    padding-bottom:15px;
    border: 0px;
}

.contact-option ul li a,
.contact-option td a{
    color: #cd0022;
    font-size: 20px;
    display: inline-block;
    position: relative;
    padding: 11px 0 11px 68px;
}
.custome-icon{
    background: #cd0022;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    line-height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.custome-icon.tel{
    background: #cd0022 url(Images/tel-icon.png)no-repeat center center;
}
.custome-icon.mail{
    background: #cd0022 url(Images/mail-icon.png)no-repeat center center;
}
.contact-option ul li a:hover{
    color: #444042;
}
.contact-option ul li a:hover .custome-icon{
    background-color: #444042;
}
/*Product Slider*/
#slideshow.product-slider{
    width: 100%;
    min-height: 664px;
}
#slideshow .img-wrapper{
    cursor: pointer;
    min-height: 570px;
    min-width: 540px;
    background-position: center bottom;
    background-size: cover;
}
#slideshow .img-wrapper.active {
    z-index: 9;
}
.thumbs-container{
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.prev, .next {
    width: 12%;
    /* min-width: 57px; */
    padding: 19px 20px;
}
ul.thumbs {
    top: 0;
    left: 14%;
    right: 10%;
    padding: 0;
    margin: 0;
}
.thumbs-container.bottom {
    bottom: 0;
}
.thumb {
    width: 50px;
    height: 50px;
    margin: 10px 3px;
}
/*Product Slider*/
/*Light Box*/
.lg-backdrop.in {
    opacity: 0.6;
}
.lg-outer {
    background: #fff;
    width: 100%;
    max-width: 1170px;
    height: 87%;
    max-height: 822px;
    left: 50%;
    opacity: 0;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity 0.15s ease 0s;
    -webkit-transform: translate(-50%,-50%);
    -webkit-transition: opacity 0.15s ease 0s;
    -moz-transform: translate(-50%,-50%);
    -moz-transition: opacity 0.15s ease 0s;
    -ms-transform: translate(-50%,-50%);
    -ms-transition: opacity 0.15s ease 0s;
}
#lg-counter{
    display: none;
}
.lg-outer .lg-inner {
    position: absolute;
    width: 70%;
    overflow: hidden;
}
.lg-outer .lg-img-wrap{
    padding: 30px;
    overflow: hidden;
}
.lg-toolbar{
    background-color: transparent;
    width: auto;
    right: 0;
    left: auto;
}
.lg-toolbar .lg-icon {
    height: 17px;
    margin: 15px 18px 0 0;
    padding: 0;
    width: 17px;
}
.lg-outer .lg{
    overflow: visible;
}
.lg-actions .lg-next, .lg-actions .lg-prev{
    background-color: transparent;
}
.lg-actions .lg-prev{
    left: -60px;
}
.lg-actions .lg-next{
    right: -60px;
}
.lg-actions .lg-prev::after {
    content: url(../Images/prev.png);
}
.lg-actions .lg-next::before {
    content: url(../Images/next.png);
}
.lg-toolbar .lg-close::after {
    content: url(../Images/close-icon.png);
}
.lg-sub-html {
    background-color: #fff;
    bottom: 0;
    color: #444042;
    font-size: 16px;
    left: auto;
    padding: 60px 28px 20px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    z-index: 1080;
    text-align: left;
}
.lg-sub-html h4{
    font-size: 16px;
    color: #cd0022;
}
.lg-sub-html p{
    font-size: 16px;
    color: #444042;
}
/*Light Box*/
.product-desc h1{
    font-size: 44px;
    margin-bottom: 20px;
    font-family: 'open_sanssemibold_italic';
}
.product-desc h2{
    font-size: 44px;
    margin-bottom: 20px;
    font-family: 'open_sanssemibold_italic';
}
.product-desc h3{
    font-size: 24px;
    font-family:'OpenSans-Light';
    color: #444042;
    line-height: 30px;
    margin-bottom: 20px;
}
.product-content{
    padding: 27px 0 10px;
}
.content-section.list-section{
    padding: 52px 0 48px;
}
.product-content p{
    margin-bottom: 7px;
}
.specification ol li { 
    position: relative;
    line-height: normal;
    font-family:'OpenSans-Light';
    font-size: 16px;
    margin-bottom: 9px;
    list-style-position: inside;
}
.specification ul li { 
    padding-left: 14px; 
    position: relative;
    line-height: normal;
    font-family:'OpenSans-Light';
    font-size: 16px;
    margin-bottom: 9px;
}
.specification ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background-color: #cd0022;
    display: inline-block;
}
.technical-specification li{
    display: block;
    margin-bottom: 9px;
}
.technical-specification li label{
    font-family:'OpenSans-Semibold';
    display: inline-block;
    width: 52%;
    margin: 0;
}
.technical-specification li p{
    display: inline-block;
    width: 47%;
    margin: 0;
}
.content-section.list-section, .content-section.list-section.product-block{
    padding: 50px 0;
}
#Produkt.content-section.list-section.product-block, #Produktanfragen.content-section.list-section.product-block{
    padding: 50px 0 34px;
}
.list-section .container > h2, .list-section .container > h3{
    font-family: "OpenSans-Light",sans-serif;
    font-size: 25px;
    margin-bottom: 17px;
}
.list-section.product-block .container > h3{
    color: #444042;
}
.list-section.product-block .single-product h4{
    font-family:'OpenSans-Semibold';
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 0;
}
.list-section.product-block .single-product a figure {
    height: 140px;
}
.list-section.product-block article{
    margin-bottom: 0;
}
.content-section.contact-form-section{
    padding: 46px 0 52px;
}
.contact-form-section .form-title p{
    font-size: 14px;
    margin-top: 12px;
}
.contact-form-section h3, .tx-felogin-pi1 h3 {
    font-family:'OpenSans-Regular';
    font-size: 24px;
}
.form-title{
    padding: 5px 0 8px;
}
.contact-form .form-group { 
    margin: 0 0 6px;
    width: 100%;
    clear: both;
}
.contact-form .group-title,
.tx-felogin-pi1 label ,
.tx-srfeuserregister-pi1 label  { 
    margin: 9px 0;
    float: left;
    width: 27.3%;
    color: #444042;
    font-family:'OpenSans-Semibold';
    font-size: 16px;}

.tx-felogin-pi1 label {
    width: 33.3%;
}

.contact-form .group-input { 
    float: left;
    width: 70%;
}
.contact-form .group-input select{
    border: none;
    width: 100%;
    height: 34px;
    padding: 0 36px 0 7px;
    font-size: 16px;
    cursor: pointer;
    background-image: url(Images/dropdown-icon.png);
    background-position: center right 10px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
}
.contact-form .group-input select:focus, .contact-form .group-input select option:focus{
    outline: none;
}
.contact-form .group-input select option{
    padding: 4px 7px;
}
.contact-form .group-title.full-width{
    width: 100%;
}
.contact-form .group-input input, .contact-form .group-input textarea { 
    width: 100%;
    border: none; 
    padding: 5px 10px;
    height: 34px;
    margin-top: 2px;
}
.form-right{
    padding-left: 15px;
}
.contact-form .form-right .group-title {
    margin: 9px 0 12px;
    font-size: 16px;
}
.contact-form .form-right .form-group{
    margin: 0 0 6px;
    display: inline-block;
}
.contact-form .form-right .form-group label{
    margin: 8px 0 0px;
}
.contact-form .form-right .form-group label.group-title.full-width{
    margin: 9px 0;
}
.contact-form .group-input textarea { 
    resize: none;
    width: 100%;
    height: 147px;
}
.contact-form .group-input .col-xs-9  { 
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.contact-form .group-input .col-xs-3 { 
    padding-left: 0 !important;
    padding-right: 10px !important;
}
.form-buttons { 
    padding-top: 20px;
    text-align: center;
}
.form-buttons ul  { 
    margin: 0;
}
.form-buttons ul li { 
    display: inline-block;
}
.form-buttons .c-btn{
    background: #cd0022;
    color: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}
.form-buttons .c-btn:hover{
    background: transparent;
    color: #cd0022;
}
.contact-form .checkbox-block{
    cursor: pointer;
    padding: 0;}
.contact-form .checkbox-block [type="checkbox"]{
    display: none;
}
.contact-form .checkbox-block span{
    display: block;
}
.contact-form .checkbox-block [type="checkbox"] + span::before {
    content: '';
    font-family: "FontAwesome";
    font-size: 20px;
    display: inline-block;
    width: 32px;
    height: 32px;
    padding-top: 6px;
    margin-top: -4px;
    background: #fff;
    margin-right: 15px;
    vertical-align: middle;
    text-align: center;
    color: #cd0022;
    transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
}
.contact-form .checkbox-block [type="checkbox"]:checked + span::before {
    content: '\f00c';
    font-family: "FontAwesome";
}
.contact-form .group-input.area-input {
    float: none;
    width: 100%;
}
.content-section.product-detail-nav {
    padding: 63px 0;
}
.inner-menu-section {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e7e7e7;
    position: fixed;
    top: 130px;
    left: 0;
    width: 100%;
    z-index: 10;
}
.inner-menu-section.fix {
    top: 69px;
}
.product-detail-nav ul, .inner-menu-section ul {
    margin: 1px 0;
    position: relative;
}
.inner-menu-section ul li, .product-detail-nav ul li {
    display: inline-block;
    margin: 0 20px;
    padding: 12px 0;
    float: left;
}
.inner-menu-section ul li:first-child{
    margin-left: 0;
}
.product-detail-nav ul li:first-child {
    padding-left: 15px;
}
.product-detail-nav ul li:last-child {
    padding-right: 15px;
}
.inner-menu-section ul li:last-child {
    margin-right: 0;
}
.product-detail-nav ul li:last-child a::after {
    background-image: url("Images/arraw.png");
    background-position: center 0;
    background-color: transparent;
    background-repeat: no-repeat;  
    content: "";
    height: 13px;
    position: absolute;
    right: 15px;
    top: 15px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    width: 9px;
}
.product-detail-nav ul li:first-child a::before {
    background-image: url("Images/arraw.png");
    background-position: center 0;
    background-repeat: no-repeat;
    content: "";
    background-color: transparent;
    height: 13px;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 9px;
}
.inner-menu-section ul li > a, .product-detail-nav ul li > a {
    color: #888;
    font-size: 16px;
    text-transform: none;
}
.inner-menu-section ul li > a:hover, .product-detail-nav ul li > a:hover {
    color: #cd0022;
}
.product-detail-nav ul li.active-page {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    text-align: center;
}
.product-page-slider .slide-box {
    right: 45px;
    bottom: 80px;
}
.content-section#Beschreibung {
    padding: 43px 0 72px;
}

.content-section.video-section {
    max-width: 1200px;
    float: none;
    margin-right: auto;
    margin-left: auto;
}

.content-section.video-section .container {
    position: relative;
    max-width: none;
    width: 100% !important;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.content-section.video-section iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}
/*Unternehmen page CSS Start*/
.counter-block{
    padding: 0;
}
.counter-block ul{
    text-align: center;
    margin-top: -6px;
}
.counter-block ul li{
    display: inline-block;
}
.counter-block ul li .one-third{
    margin: 0px 48px 15px;
    padding: 30px 20px;
    background: #cd0022;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    text-align: center;
    display: block;
    overflow: hidden;
}
.counter-block ul li h2{
    font-family:'OpenSans-Semibold';
    color: #fff;
    font-size: 36px;
    line-height: 37px;
}
.counter-block ul li p{
    color: #fff;
}
.representative-block{
    padding: 59px 0 80px;
}
.representative-block h2{
    font-family:'OpenSans-Light';
    font-size: 28px;
    margin-bottom: 30px;
    color: #444042;
    text-transform: uppercase;
    text-align: center;
}
.representative-gallery{
    background: #f0f0f0;
}
.representative-gallery::after {
    clear: both;
    content: "";
    display: block;
    height: 100%;
}
.box-col-8{
    width: 66.7%;
    float: left;
    border: none;
}
.box-col-4{
    width: 33.3%;
    float: left;
    border: none;
}
.representative-gallery div:nth-child(5), .representative-gallery div:last-child{
    float: right;
}
.bg-place-holder {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.representative-img{
    padding: 0;
    min-height: 390px;
}
.representative-content{
    padding: 22px 28px;
}
.representative-content h3{
    font-size: 24px;
    font-family:'OpenSans-Semibold';
    margin-bottom: 16px;
}
.representative-content p{
    line-height: 24px;
    margin-bottom: 24px;
}
.testimonial-title{
    padding: 50px 0;
}
.testimonial-title h2{
    color: #444042;
    font-family: "OpenSans-Light";
    font-size: 28px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}
/* Testimonial slider */
.testimonial-slider-section{
    padding: 0px 0 46px;
}
.testimonial-slider .slide{
    min-height: 150px;
    text-align: center;
    position: relative;
}
.testimonial-slider{
    float: left;
    width: 100%;
}
.testimonial-slider .owl-controls {
    left: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.testimonial-slider .owl-nav div {
    display: inline-block;
    width: auto;
}
.testimonial-slider .owl-prev{
    float: left;
    margin-left: -50px;
}
.testimonial-slider .owl-next{
    float: right;
    margin-right: -50px;
}
.testimonial-slider .owl-dot,
.mobile-gallery-slider .owl-dot{
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin: 0 5px;
    width: 6px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.testimonial-slider .owl-dots, .mobile-gallery-slider .owl-dots {
    bottom: -50px;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.testimonial-slider .owl-dot:hover,
.testimonial-slider .owl-dot.active,
.mobile-gallery-slider .owl-dot:hover,
.mobile-gallery-slider .owl-dot.active{
    background-color: #cd0022;
}
.testimonial-slider .slide,
.mobile-gallery-slider .slide{ 
    position: relative;
}
.testimonial-slider .slide::before { background: none;}
.testimonial-slider .slide-text { 
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2;
    max-width: 970px;
    margin: 0px auto;
}
.testimonial-slider .slide h3 { 
    z-index: 2;
    font-family: "OpenSans-Semibold";
    color: #cd0022;
    margin: 0 0 3px;
}
/* Testimonial slider */
.banner .owl-dots{ 
    display: none !important;
}
.content-section.section-title.title-with-text.lives-sustainability {
    padding: 46px 0 18px;
}
.content-section.sustainability-section{
    padding: 15px 0 33px;
}
.content-section.sustainability-section.press-section{
    padding: 15px 0 59px;
}
.sustainability-section .sustainability-box:nth-last-child(1), .sustainability-section .sustainability-box:nth-last-child(2), .sustainability-section .sustainability-box:nth-last-child(3){
    padding-bottom: 10px;
}
.content-section.sustainability-section.press-releases {
    padding: 16px 0 2px;
}
.sustainability-box, .press-box{
    float: left;
    width: 49%;
    padding-top: 10px;
    padding-bottom: 38px;
    padding-right: 15px;
}
.press-box{
    padding-bottom: 43px;
}

.sustainability-box.left-border, .press-box.left-border{
    border-left: 1px solid #ccc;
}
.sustainability-box.bottom-border, .press-box.bottom-border{
    border-bottom: 1px solid #ccc;
}
.sustainability-box:nth-child(odd), .press-box:nth-child(odd) {
    margin-left: 15px;
}
.sustainability-box:nth-child(even), .press-box:nth-child(even) {
    padding-left: 28px;
    margin-left: 0;
}
.sustainability-title{
    padding: 12px 0;
}
.sustainability-title .pull-left:first-child{
    width: 18%;
}
.sustainability-title .pull-left{
    width: 81%;
    display: table;
}
.sustainability-title img{
    padding-right: 12px;
    max-width: 102px;
    max-height: 68px;
}
.sustainability-title h3{
    font-size: 24px;
    color: #2c6e00;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}
.sustainability-desc{
    padding-top: 10px;
}
.sustainability-desc p{
    margin-bottom: 28px;
}
.title-holder{
    max-width: 850px;
    margin: 0 auto;
}
.press-section h2{
    font-family: "OpenSans-Light";
    font-size: 28px;
    color: #444042;
    margin-bottom: 0;
}
.press-box{
    padding: 25px 15px 79px 0;
    position: relative;
}
.press-date p{
    margin-bottom: 18px;
}
.press-title h3{
    font-size: 24px;
    line-height: 31px;
    font-family: "OpenSans-Semibold";
    margin-bottom: 7px;
}
.pdf-btn .c-btn{
    padding: 8px 24px 8px 48px;
    width: auto;
    display: inline-block;
    background-image: url(Images/pdf-btn.png);
    background-position: 22px center;
    background-size: auto auto;
    background-repeat: no-repeat;
    xmargin-bottom:3px;
}
.pdf-btn .c-btn.download{
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    background-image:none;
    margin-bottom: 5px;
}
.pdf-btn { 
    position: absolute;
    bottom: 30px;
}
.pdf-btn .c-btn:hover{
    background-image: url(Images/pdf-btn-hover.png);
}
.pdf-btn .c-btn.download:hover{
    background-image: none;
}
.messen-slider .slide-box {
    bottom: 41px;
}
.messen-slider .slide-box .c-btn{
    padding: 7px 0;
    width: 175px;
}
.trade-fair-section h2{
    text-align: center;
    margin-bottom: 31px;
    text-transform: uppercase;
}
.section-title .trade-fair-section{ 
    text-align: left;
    margin-top: 15px;
}
.content-section.section-title.title-with-text.trade-fair-section {
    padding: 46px 0 44px;
}
.content-section.press-section.trade-fair-section{
    padding: 92px 0 74px;
}
.trade-fair-section .press-box{
    padding: 23px 0 11px 0;
    width: 100%;
    float: none;
    border-right: none;
    margin-left: 0;
    border-bottom: none;
    display: none;
}
.trade-fair-section .press-box.bottom-border, .trade-fair-section .col-xs-12.bottom-border, .trade-fair-section.bottom-border{
    border-bottom: 1px solid #ccc;
}
.trade-fair-section .press-box.border-top{
    border-top: 1px solid #ccc;
}
.trade-img{
    width: 32.8%;
    float: left;
    padding: 0 15px;
    text-align: center;
}
.trade-desc{
    width: 67.2%;
    float: left;
    padding: 0 15px;
}
.trade-desc .press-date ul{
    margin: 0 0 20px;
}
.trade-desc .press-date ul li{
    display: inline-block;
    line-height: 20px;
}
.trade-desc .press-date ul li:after{
    content: '';
    width: 1px;
    height: 18px;
    display: inline-block;
    vertical-align: sub;
    background: #ccc;
    margin-left: 15px;
}
.trade-desc .press-date ul li:last-child:after{
    display: none;
}
.trade-desc .press-date ul li p{
    line-height: 20px;
    margin-bottom: 0;
}
.trade-desc h3{
    margin-bottom: 3px;
    line-height: 28px;
}
.trade-desc h4{
    color: #444042;
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 25px;
}
.trade-desc .trade-btns ul li{
    display: inline-block;
    margin-right: 6px;
    margin-top: 7px;
    margin-bottom: 9px;
}
.trade-desc .trade-btns ul li:last-child{
    margin-right: 0;
}
.trade-desc .trade-btns ul li .c-btn{
    padding: 8px 28px;
    width: auto;
}
.trade-desc .trade-btns ul li .pdf-btn{
    position: relative;
    bottom: auto;
}
.trade-desc .trade-btns ul li .pdf-btn .c-btn{
    padding: 8px 30px 8px 48px;
}
.load-more{
    padding-top: 30px;
    margin: 0px auto;
    display: block;
    text-align: center;
    color: #cd0022;
    font-size: 20px;
    line-height: 34px;
    display: inline-block;
}
.load-more:hover {
    color: #444042;
}
.content-section.section-title.title-with-text.press-releases {
    padding: 49px 0 19px;
}
/*Unternehmen page CSS End*/
.downloads-section.trade-fair-section .press-box{
    border: none !important;
}
.downloads-section.trade-fair-section .press-box .trade-img img{
    border: 1px solid #ccc;
}
.downloads-section.trade-fair-section .press-box .trade-desc{
    padding-top: 87px;
}
.content-section.device-section{
    padding: 62px 0 97px;
}
.device-section h2{
    color: #444042;
    font-family: "OpenSans-Light";
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
}
.panel-group{
    margin-top: 21px;
    border-bottom: 1px solid #ccc;
}
.panel-group.layout1{
    border-bottom: none;
}
.panel-heading .accordion-toggle:after{
    /* symbol for "opening" panels */
    content: '\f106';
    font-family: "FontAwesome";
    color: #cd0022;
    font-size: 40px;
    line-height: 28px;
    float: right;
    font-weight: lighter;
}
.panel-heading .accordion-toggle.collapsed:after, .panel-heading .accordion-toggle.default-collapsed.collapsed:after{
    /* symbol for "collapsed" panels */
    content: "\f107";
}
.panel-group .panel, .panel-heading {
    border-radius: 0;
}
.panel-default > .panel-heading {
    background-color: transparent;
}
.panel-default > .panel-heading a{
    color: #cd0022;
    font-size: 24px;
    font-family:'OpenSans-Regular';
    display: block;
    width: 100%;
}
.panel-heading {
    padding: 31px 0 32px;
}
.panel-body{
    padding: 12px 0 0;
    margin: 0 -15px;
}
.panel-group .panel, .panel-group .panel + .panel {
    margin-top: 0;
    border: none;
    box-shadow: none;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
.device-block{
    text-align: center;
    margin-bottom: 52px;
}
.device-block img{
    margin: 7px auto;
}
.device-block .pdf-title{
    padding: 17px 0 2px;
}

.download-panel-default .panel-body{
    display: flex;
    flex-wrap: wrap;
}

.panel-body .pdf-btn {
    position: relative;
    bottom: auto;
}

.panel-body i {
    color: #cd0022;
    font-size: 24px;
    padding-right: 10px;
}

.panel-body div.padding5 {	
    padding-top:10px;
}
.panel-body div.padding5b {	
    padding-bottom:10px;
}

.panel-body.padding {
    padding-bottom:32px;
    padding-top:0px;
}
.panel-body.leftmargin {
    margin-left:0px;
}
.panel-body .pdf-btn {
    margin: 0 0px 30px 0px;
}
.clearfix.border {
    border-bottom: 1px solid #ccc;
    margin:0 15px 0 15px;
}
.clearfix.border.noborder {
    border-bottom: none;
}
.panel-body .download-image {
    border: 1px solid #ccc;
    width:200px;
    height:200px;
    vertical-align:middle;
    text-align:center;
    float:left;
}

.panel-body .image-block {
    width:200px;
    margin:0 20px 20px 0;
    float:left;
}
.panel-body .download-title {
    font-size: 12px;
    padding: 5px 10px 0 10px;
    width:200px;
    float:left;
}
.panel-body  .download-title p {
    margin-bottom:0px;
}

.panel-body .download-image img{
    max-width: 180px;
}
.panel-body .download-image span.helper {
    display:inline-block;
    height:100%;
    vertical-align:middle;
}

.content-section.section-title.title-with-text.downloads-title {
    padding: 50px 0 39px;
}
.downloads-section .trade-img {
    width: 34.3%;
}
.downloads-section .trade-desc {
    width: 65%;
    padding: 0 0px;
}
.downloads-section .pdf-btn .c-btn {
    padding: 7px 24px 7px 48px;
}
.trade-fair-section .press-box:last-child{
    margin-bottom: 17px;
}
.content-section.gallery-section {
    max-height: 658px;
    overflow: hidden;
    padding: 17px 11px 58px;
    position: relative;
}
.gallery-column{
    width: 480px;
}
.gallery-column.single-img-column{
    width: 310px;
}
.first-part{
    margin-bottom: 10px;
}
.two-column .col-50:first-child{
    padding-right: 10px;
}
.col-100{
    width: 100%;
    height: 300px;
    float: left;
}
.col-50{
    float: left;
    width: 50%;
    height: 150px;
}
.single-img{
    width: 100%;
    height: 460px;
}
.gallery-column .bg-img{
    width: 100%;
    height: 100%;
    background-position: left center;
    background-size: cover;
    position: relative;
    cursor: pointer;
    display: block;
}

.bg-img .overlay, #slideshow .img-wrapper .overlay{
    background-color: rgba(0, 0, 0, 0.3);
    background-position: 100% 100%;
    background-size: contain;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#slideshow .img-wrapper .overlay{
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.video > .bg-img .overlay::after {
    content: url("Images/play-icon.png");
}
.bg-img .overlay::after,  #slideshow .img-wrapper:hover .overlay:after {
    content: url("Images/hover-magnet.png");
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
}
.bg-img:hover .overlay, #slideshow .img-wrapper:hover .overlay{
    opacity: 1;
}
.horizontal-images.content li {
    margin: 0 5px;
}
.content{
    padding: 123px 0 0;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    padding-top: 95px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    position: absolute;
    top: 25px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 55px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 55px;
}

.gallery-title{
    position: absolute;
    left: 0;
    width: 100%;
}
.gallery-title h2{
    padding-top: 33px;
    color: #444042;
    font-family: "OpenSans-Light";
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
}
/*****Inner pages CSS end*****/
/*Hostspots CSS Start*/
.hotspots-section{
    overflow-y: hidden;
}
.hotspots-section ul{
    margin-bottom: 0;
}
.hotspots-img{
    position: relative;
}
.hotspots-img img{
    width: 100%;
}
.cd-single-point {
    border-radius: 100%;
    position: absolute;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.cd-single-point > a {
    background: transparent;
    border-radius: inherit;
    border: 2px solid #fff;
    display: block;
    height: 36px;
    position: relative;
    transition: background-color 0.2s ease 0s;
    -webkit-transition: background-color 0.2s ease 0s;
    -ms-transition: background-color 0.2s ease 0s;
    width: 36px;
    z-index: 2;
}
.cd-single-point > a:after,  .cd-single-point > a:before {
    background-color: #ffffff;
    bottom: auto;
    content: "";
    left: 50%;
    position: absolute;
    right: auto;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition-duration: 0.2s;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-property: transform;
    -ms-transition-duration: 0.2s;
    -ms-transition-property: transform;
}
.cd-single-point > a::after {
    height: 2px;
    width: 14px;
}
.cd-single-point > a::before {
    height: 14px;
    width: 2px;
}
.cd-single-point.is-open > a::after,  .cd-single-point.is-open > a::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.cd-single-point.is-open > a {
    background-color: transparent;
}
.cd-single-point.is-open.visited > a {
    background-color: transparent;
}
.cd-img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
.cd-single-point.is-open .cd-more-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, top 0.3s ease 0s, bottom 0.3s ease 0s, left 0.3s ease 0s, right 0.3s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, top 0.3s ease 0s, bottom 0.3s ease 0s, left 0.3s ease 0s, right 0.3s ease 0s;
    -ms-transform: scale(1);
    -ms-transition: opacity 0.3s ease 0s, visibility 0s ease 0s, transform 0.3s ease 0s, top 0.3s ease 0s, bottom 0.3s ease 0s, left 0.3s ease 0s, right 0.3s ease 0s;
    visibility: visible;
    z-index: 3;
}
.cd-single-point .cd-more-info {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    overflow-y: visible;
    position: absolute;
    left: 20px;
    bottom: 55px;
    width: 350px;
    background: #ffffff;
    float: left;
    padding: 15px 20px 10px;
    opacity: 0;
}
.cd-single-point .cd-more-info::after {
    content: "";
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 11px 11px 0 0;
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 0;
    height: 0;
}
.cd-single-point .cd-more-info.start-left{
    right: 20px;
    left: auto;
}
.cd-single-point .cd-more-info.start-left:after{
    left: auto;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    right: 0px;
}
.cd-more-info p{ 
    font-size: 16px;
    line-height: 22px;
    color:#444042; 
    margin-bottom: 10px;
    padding: 0;
}
.red-bg .content-product, .red-bg .cd-single-point .cd-more-info{
    background: #cd0022;
}
.red-bg .cd-single-point .cd-more-info p, .red-bg .content-product h2,
.red-bg .content-product .list-features ul li, .red-bg .content-product .list-specification ul li,
.red-bg .content-product .list-specification ul li:first-child b{
    color: #fff;
}
.red-bg .content-product .list-features ul li:before{
    background-color: #fff;
}
.red-bg .cd-single-point .cd-more-info::after {
    border-color: #cd0022 transparent transparent;
}
.content-product{
    padding: 55px;
    position: absolute;
    right: 0;
    top:0;
    bottom: 0;
    width: 45%;
    max-width: 660px;
    background: #f0f0f0;
}
.content-product h2{
    font-size: 24px;
    line-height: 30px;
    color: #cd0022;
    font-family:'OpenSans-Regular';
}
.content-product .list-features, .content-product .list-specification{
    padding: 15px 0;
}
.content-product .list-features ul li:before{
    content: '';
    background-color: #cd0022;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}
.content-product .list-features ul li{
    position: relative;
    padding-left: 15px;
    color: #444042;
    font-size: 16px;
    margin: 0 0 8px
}
.content-product .list-specification ul li{
    list-style-type: none;
    color: #444042;
    font-size: 16px;
    margin: 0 0 3px;
}
.content-product .list-specification ul li:first-child b{
    color: #cd0022;
    margin-bottom: 8px;
}
.content-product .list-specification ul li b{
    display: inline-block;
    width: 187px;
    margin: 0;
    font-family:'OpenSans-Semibold';
}
.content-product .list-specification ul li p{
    display: inline-block;
    width: 300px;
    margin: 0;
}
/*Hostspots CSS End*/
ul.parsley-errors-list {
    color: red;
    float: left;
    width: 100%;
}
.lg-backdrop, .fancybox-overlay {
    z-index: 99999;
}
.lg-outer, .fancybox-opened{
    z-index: 999999;
}
.loader{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #ccc;
    z-index: 9;
}
.loader img{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.mega-menu-wrapper{
    padding: 30px 0 20px;
}
#page_1 .tab-pane .news .video, #page_908 .tab-pane .news .video {
    position: relative;
}
#page_1 .tab-pane .content-section.device-section, #page_908 .tab-pane .content-section.device-section {
    padding: 10px 0;
}
#page_1 .panel-body .content-section.device-section .container, #page_908 .panel-body .content-section.device-section .container {
    padding: 0;
}
.acc-panal{
    display: none;
    float: left;
    width: 100%;
}
.panel-heading a {
    cursor: pointer;
}

.pdf-title h4 a {
    color: #d30045;
}

/* Erweiterung Navigation */

@media (max-width:992px)
{
	.image-text-text h4 {
		display: none;
	}
	
	.image-text-text p {
		display: none;
	}

	.image-text-image {
		float: none !important;
	}
}

@media (min-width:993px)
{
	.image-text-image img {
		xposition: relative !important;
		left: 20% !important;
		top: 110px !important;
	}

	.image-text-image h3 {
		display: none;
	}
}

.image-text-image {
	float: left;
}

.image-text-text {
	width: 60%;
	float: right;
	text-align: left;
}

.image-text-text h2 {
	text-transform: uppercase;
	text-align: left;
	padding-top: 30px;
	margin-bottom: 5px;
}

.image-text-text h4 {
	color: #444042;
}

.image-text-text p {
	color: #707173;
	font-size: 14px;
	padding-top: 5px;
}

/* Content Section - Padding */
.content-section.NoPaddingTop {
    padding-top: 0px !important;
}

.content-section.NoPaddingBottom {
    padding-bottom: 0px !important;
}


/*** Frontend Login **********/
.tx-felogin-pi1 .felogin-wrap,
.tx-srfeuserregister-pi1 .felogin-wrap{
    padding: 46px 0 50px;
}
.tx-felogin-pi1,
.tx-srfeuserregister-pi1,
.tx_evoweb_sfregister{
    float: left;
    position: relative;
    width: 100%;
    background: #f0f0f0;
}

.tx-felogin-pi1 legend, 
.tx-srfeuserregister-pi1 legend{
    display: none;
}
.tx-felogin-pi1 form,
.tx-srfeuserregister-pi1 form{
    margin: 10px 0 10px 0;
}

.tx-felogin-pi1 form input[type=submit] ,
.tx-srfeuserregister-pi1 form input[type=submit] {
    float:none;
}

.tx-srfeuserregister-pi1 input.street {
    width:80%;
    margin-right: 1%;
}
.tx-srfeuserregister-pi1 input.no {
    width:19%;	
}
.tx-srfeuserregister-pi1 input.city {
    width:70%;	
}
.tx-srfeuserregister-pi1 input.zip {
    width:29%;	
    margin-right: 1%;
}
p.tx-srfeuserregister-pi1-error {
    color: #cd0022;
    margin-bottom:5px;
}


.content-section.text-image-text{
    padding: 15px 0 33px;
}
.text-image-text figure img {
    padding-bottom: 15px;
}
/*Rating Style*/
.rating-wrap {
    padding: 0 15px;
}
.rating-heading{
    margin: 45px 0 60px;
    text-align: center;
}
.rating-heading h2{
    color: #444042;
    font-family: "OpenSans-Light";
    font-size: 28px;
    text-transform: uppercase;
}
.rating-block{
    margin: 0 0 15px;
}
.rating{
    margin: 0 0 4px;
}
.rating-block .fa-star-o{
    color: #f6c707;
}
.rating-block .fa-star-o.full:before{
    content: '\f005';
}
.rating-block .title{
    font-weight: bold;
	padding-left: 10px;
}
.rating-block .name{
    color: #4b47f2;
}
.rating-block .comment{
    margin: 8px 0;
    display: inline-block;
}
.h2mobile {
	display: none;
}
/*Rating Style*/


a.shop {
    background-image: url("../Images/icon-cart.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-left: 21px;
    -webkit-transition: all 0s ease;
    -ms-transition: all 0s ease;
    transition: all 0s ease;
}
a.shop:hover {
    background-position: 0 -37px;
}

a.search {
    background-image: url("../Images/icon-search.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    padding-left: 21px;
    -webkit-transition: all 0s ease;
    -ms-transition: all 0s ease;
    transition: all 0s ease;
}
a.search:hover {
    background-position: 0 -36px;
}



/* Start FAQ */
    
.faqContent .form-group {
    display: flex;
}

.faqContent .form-group .group-input {
    width: auto;
}

 @media screen and (max-width: 767px) {
	 .faqContent .panel-default > .panel-heading a {
		line-height: 24px;
	 }
	 
	 .faqContent .acc-panal .panel-body {
		 padding: 0px;
	 }
}

#faqQuestions #accordion.panel-group {
    border-bottom-color: #ffffff;
}

#faqQuestions .container::after {
    height: 1px;
    border-top: 1px solid #ccc;
    width: 100%;
}

#faqQuestions .container #accordion {
    margin-bottom: 0px;
}



/*********************************************************************************************************************************************************************************/
/* Content - Image Text - 2 Columns */
	.divContentImageTextTwoColumns {
	
	}

	/* Row */
		.divContentImageTextTwoColumns div.row {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
		}

		.divContentImageTextTwoColumns div.row div.Column {
			
		}

		@media screen and (max-width: 767px) {
			.divContentImageTextTwoColumns div.row div.Column {
				padding-bottom: 20px;			
			}
		}



	/* Text Content */
		.divContentImageTextTwoColumns div.TextContent {			
			padding: 0px 15% 25px 15%;
		}

		@media screen and (max-width: 767px) {
			.divContentImageTextTwoColumns div.TextContent {
				padding: 0px 0px 0px 0px;
			}
		}

		/* Image */
			.divContentImageTextTwoColumns div.Image {
				text-align: center;
			}

		/* H3 */
			.divContentImageTextTwoColumns div.TextContent h3 {
				font-size: 28px;
				color: #cd0022;
			}

			@media screen and (max-width: 767px) {
				.divContentImageTextTwoColumns div.TextContent h3 {
					font-size: 14px;
				}
			}
		


/*********************************************************************************************************************************************************************************/
/* Content - Download Bar */
	.divContentDownloadBar {
		padding: 74px 0px 55px 0px !important;
	}

	@media screen and (max-width: 767px) {
		.divContentDownloadBar {
			padding: 20px 0px 20px 0px !important;
		}
	}



	/* Headline 3 */
		.divContentDownloadBar h3 {
			font-family:'OpenSans-Semibold';			
			color: #cd0022;
		}


	/* Row Download */
		.divContentDownloadBar div.RowDownload {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;	
			justify-content: center;
			
			padding: 25px 0px 0px 0px;
		}

		/* Item */
			.divContentDownloadBar div.RowDownload div.DownloadItem {
				padding: 0px 20px 15px 20px;
			}






/*********************************************************************************************************************************************************************************/
/* Content - Slider Headline */
	.divContentSliderHeadline {
		padding: 110px 0px 50px 0px;
	}

	@media screen and (max-width: 767px) {
		.divContentSliderHeadline {
			padding: 30px 0px 15px 0px !important;
		}
	}




/*********************************************************************************************************************************************************************************/
/* Content - Slider */
	.divContentSlider {
		padding: 0px 0px 90px 0px;
	}

	@media screen and (max-width: 767px) {
		.divContentSlider {
			padding: 0px 0px 20px 0px!important;
		}
	}


	/* owl-carousel */
		.divContentSlider div.owl-carousel {
			float: none;
			margin: 0px auto 0px auto;
		}

		/* Slide */
			.divContentSlider div.owl-carousel div.slide {

			}

			/* Image */
				.divContentSlider div.owl-carousel div.slide div.Image {
					text-align: center;
				}

				/* Img */
				.divContentSlider div.owl-carousel div.slide div.Image img {
					display: inline-block;
					width: auto;
					max-width: 100%;

					border: 1px solid #b1b1b1;
				}


	/* Owl Controls */
		.divContentSlider div.owl-controls {
			position: static !important;
			top: auto;						
			
			-webkit-transform: none;
			-moz-transform: none;
			transform: none;
			
			padding: 0px 0px 40px 0px;
		}


		/* Nav */
			.divContentSlider div.owl-controls div.owl-nav {
				position: absolute;
				top: 50%;
				
				transform: translate(0px, -100%);
				
				width: 100%;								
			}

			.divContentSlider div.owl-controls div.owl-nav div.owl-prev {
				margin-left: -120px;
			}

			.divContentSlider div.owl-controls div.owl-nav div.owl-next {
				margin-right: -120px;
			}



		/* Dots */
			.divContentSlider div.owl-controls div.owl-dots {
				bottom: 0px;
			}
        
        /* H1 */
            .divContent.divContentSlider.WideSpaceTopBottom h1 {
                text-align: center;
                padding: 0px 0px 56px 0px;
                font-weight: 600;
                font-style: italic;
                font-family: 'Open Sans', Arial;
            }





/*********************************************************************************************************************************************************************************/
/* Content - Table With Images */
    .divContentTableWithImages {              

    }

    /* Inner */
        .divContentTableWithImages div.InnerContent {
            display: block;
            width: 100%;
            overflow-x: auto;
        }


    /*******************************************************************************************************************************************/
    /* Table */
        .divContentTableWithImages table {              
            width: 100%;
        }

        .divContentTableWithImages table tr {              
            vertical-align: top;
        }

        .divContentTableWithImages table tr th,              
        .divContentTableWithImages table tr td {   
            min-width: 190px;
            
            padding: 0px 0px 0px 0px;
            border: none;
        }


        /* thead */
            .divContentTableWithImages table thead tr th {       
                padding: 20px 20px 20px 20px; 

                font-weight: bold;
                color: #3c3c3c;
                
                background-color: #e7e7e7;
                border-left: 2px solid #ffffff;
            }

            .divContentTableWithImages table thead tr th:first-child {              
                border-left: none;
            }


        /* tbody */
            .divContentTableWithImages table tbody tr td {     
                padding: 20px 20px 5px 20px;
                
                border-bottom: 2px solid #e7e7e7;
            }

            /* Paragraph */
                .divContentTableWithImages table tbody tr td p {     
                    margin: 0px 0px 15px 0px;
                }
                
            /* Image */
                .divContentTableWithImages table tbody tr td div.Image {     
                    padding: 0px 0px 15px 0px;
                }


        

    /*******************************************************************************************************************************************/
    /* Unorder List */
        .divContentTableWithImages ul {                        
            margin: 0px 0px 15px 0px;
            padding: 0px 0px 0px 0px;
        }

        /* List Item */
            .divContentTableWithImages ul li {
                position: relative;
                margin: 0px 0px 9px 0px;
                padding: 0px 0px 0px 14px;
            }

            .divContentTableWithImages ul li:before {
                content: "";
                position: absolute;
                left: 0;
                top: 10px;
                border-radius: 50%;
                width: 5px;
                height: 5px;
                background-color: #cd0022;
                display: inline-block;
            }

            .divContentTableWithImages ul li:last-child {                
                margin: 0px 0px 0px 0px;
            }



    /*******************************************************************************************************************************************/
    /* Note */
        .divContentTableWithImages div.Note {
            padding: 20px 20px 20px 20px;
        }



.alert-success {
    color: inherit;
    background-color: transparent;
    border-color: #d6e9c6;
}
.alert {
    padding: 0;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
}

.formerrors {
    padding-bottom: 20px;
}



/*******************************************************************************************************************************************/
/* 4 Images */
    .imagerow-section .divContent.Images {
        background-image: url("/typo3conf/ext/site_default/Resources/Public/Images/background/bg-content-image.jpg");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .imagerow-section .divContent.Images .container {
        padding: 70px 15px;
    }

    .imagerow-section .divContent.Images .container .divImage {
        padding: 10px 0px;
    }

    @media(max-width:992px) {
        .imagerow-section .divContent.Images .container {
            padding: 20px 15px 20px 15px
        }
    }

/*******************************************************************************************************************************************/
/* 2 Column Text Image */
    .twoColumnTextImage {
        padding: 0px 15px 0px 15px !important;
    }

    @media (max-width: 767px) {
        .twoColumnTextImage .divContent .container {
            padding-bottom: 30px !important;
        }
    }
    
    .twoColumnTextImage h1, .twoColumnTextImage h2 {
        font-family: 'Open Sans', Arial;
        font-weight: 600;
        font-size: 2.222em;
        font-style: italic;
        text-align: center;
        text-transform: uppercase;
        color: #cd0022;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .twoColumnTextImage h2 {
        font-family: 'Open Sans', Arial;
        font-weight: 300;
        font-size: 1.778em;
        text-align: center;
        text-transform: uppercase;
        color: #444042;
        padding: 0px 0px 56px 0px;
        font-style: normal;
        margin: 0px 0px 0px 0px;
    }

    @media (max-width: 767px) {
        .twoColumnTextImage h2 {
            padding: 10px 0px 20px 0px;
        }
    }

    .twoColumnTextImage .divTextImage {
        display: flex;
    }

    @media (max-width: 767px) {
        .twoColumnTextImage .divTextImage {
            flex-direction: column;
        }
    }

    .twoColumnTextImage .divTextImage img {
        margin: 0px 25px 12px 0px;
        height: 100%;
    }

    @media (max-width: 567px) {
        .twoColumnTextImage .divTextImage {
            align-items: center;
        }

        .twoColumnTextImage .divTextImage img + .Text {
            width: 100%;
        }
    }
    
    .twoColumnTextImage .divTextImage .Text .Title {
        font-family: 'Open Sans', Arial;
        padding: 0px 0px 16px 0px;
        font-size: 1.887em;
        line-height: 1.25em;
        font-weight: 600;
        font-style: italic;
        color: #cd0022;
    }

    .twoColumnTextImage .divTextImage .Text {
        padding: 78px 0px 0px 0px;
    }

    @media (max-width: 767px) {
        .twoColumnTextImage .row .divTextImage > .Text {
            padding: 20px 0px 40px 0px !important;
        }
    }

    .twoColumnTextImage .divTextImage .Text .Text {
        padding: 0px;
    }

    .twoColumnTextImage .divTextImage .Text .Text p {
        padding: 0px;
        font-size: 1.5em;
        line-height: 1.25em;
    }

/*******************************************************************************************************************************************/
/* 1 Column Text Image */
    .oneColumnTextImage {
        padding: 0px !important;
    }

    .oneColumnTextImage h1 {
        font-family: 'Open Sans', Arial;
        font-weight: 600;
        font-size: 2.222em;
        font-style: italic;
        text-align: center;
        text-transform: uppercase;
        color: #cd0022;
        padding: 0px 0px 56px 0px;
        margin: 0px 0px 0px 0px;
    }

    .oneColumnTextImage h2 {
        font-family: 'Open Sans', Arial;
        font-weight: 300;
        font-size: 1.778em;
        text-align: center;
        text-transform: uppercase;
        color: #444042;
        padding: 0px 0px 56px 0px;
        font-style: normal;
        margin: 0px 0px 0px 0px;
    }

    .oneColumnTextImage h1 + h2 {
        margin-top: -50px;
    }

    @media (max-width: 767px) {
        .oneColumnTextImage h1 + h2 {
            line-height: 1em;
        }
    }

    .oneColumnTextImage .divContent ul li {
        padding: 0px 0px 20px 22px;
        margin: 0px;
        list-style-type: none;
        font-size: 1.5em !important;
        line-height: 1.25em !important;
        background-image: url("../Images/icons/icon-list.png");
        background-position: 0px 12px;
        background-repeat: no-repeat;
    }

    .oneColumnTextImage .divContent .TextMargin p {
        font-size: 1em;
        line-height: 1.333em;
        margin-bottom: 10px;
    }

    .oneColumnTextImage .divContent .divImage img {
        max-height: 100%;
    }

    @media (max-width: 767px) {
        .oneColumnTextImage .divContent .divImage {
            display: flex;
            justify-content: center;
        }

        .oneColumnTextImage .divContent .divImage img {
            max-height: 400px;
            width: auto;
        }
    }

    .oneColumnTextImage .divContent .divImage.AlignCenter {
        text-align: center;
        padding-bottom: 40px;
    }

    .oneColumnTextImage .divContent .centeredRow {
        display: flex;
        align-items: center;
    }

    @media (max-width: 567px) {
        .oneColumnTextImage .divContent ul li {
            padding: 0px 0px 10px 22px;
            font-size: 1.2em !important;
            line-height: 1.2em !important;
            background-position: 0px 6px;
        }

        .oneColumnTextImage .divContent .centeredRow {
            flex-direction: column;
        }

        .oneColumnTextImage .divContent .col-xs-6 {
            width: 100%;
        }

        .oneColumnTextImage .divContent .TextMargin p {
            font-size: 1.2em;
        }
    }

/*******************************************************************************************************************************************/
/* Download Link */
    .section-title.dwnld-pdf {
        padding: 54px 0 !important;
    }

    .section-title.dwnld-pdf .container {
        overflow: visible !important;
    }

    .section-title.dwnld-pdf .container a {
        height: 27px;
        line-height: 27px;
    }

    @media (max-width: 767px) {
        .section-title.dwnld-pdf .container a.visible-xs {
            display: inline-block !important;
            padding: 0px 0px 0px 40px ;
        }

        .section-title.dwnld-pdf .container a.visible-xs::before {
            margin-top: 0px;
            margin-right: 0px;
        }
    }

/*******************************************************************************************************************************************/
/* Contact Beam */
    .content-section.contactBeam.redBeam {
        text-align: center;
        background-image: url("../Images/background/bg-contact.jpg");
        background-position: center top 0px;
        background-repeat: no-repeat;
        padding: 42px 0 40px;
        background-size: 200% 200px;
    }

    .content-section.contactBeam.redBeam .container .contact-us h2 {
        display: flex;
        align-items: center;
        text-transform: none;
        color: #fff;
        font-size: 24px;
        line-height: 28px;
        min-height: 90px;
    }

    .content-section.contactBeam.redBeam .container .contact-us .contact-option {
        max-width: 100%;
        padding-top: 70px;
        padding-bottom: 46px;
    }

    .content-section.contactBeam.redBeam .container .contact-us .contact-option ul {
        display: flex;
        justify-content: space-between;
    }

    .content-section.contactBeam.redBeam .container .contact-us .contact-option ul li {
        margin: 0px 0px 20px 0px;
        text-align: center;
    }

    @media (max-width: 992px) {
        .content-section.contactBeam.redBeam .container .contact-us .contact-option ul {
            margin-top: 50px;
        }
    }

    @media (max-width: 568px) {
        .content-section.contactBeam.redBeam .container .contact-us .contact-option ul {
            flex-direction: column;
        }
    }

/*******************************************************************************************************************************************/
/* Content Slider */
    .divContent.divContentSlider .SlideContent .divImage {
        display: flex;
        justify-content: center;
    }

    .divContent.divContentSlider .SlideContent .divImage img {
        max-height: 100% !important;
    }

/*******************************************************************************************************************************************/
/* Home Slider */
    .slider-wrpapper.home-slider .desktop-img.bg-img .Image {
        display: flex;
        justify-content: center;
    }

/*******************************************************************************************************************************************/
/* Shop Teaser */
    .aTeaserShopOuter {
		position: fixed;
		width: 214px;
		height: 126px;
		z-index: 1;
		
		transition: all ease-in-out 0.25s;
		-moz-transition: all ease-in-out 0.25s;
		-o-transition: all ease-in-out 0.25s;
		-webkit-transition: all ease-in-out 0.25s;
		right: 0px;
        top: 130px;
		font-family: 'OpenSans-Light',sans-serif;
	}

    .fixedActivated .aTeaserShopOuter {
        top: 69px;
    }
	
	.aTeaserShopOuter .Inner {
		position: relative;
		color: #fff;
		text-align: center;
		font-size: 16px;
	}
	
	.aTeaserShopOuter .Inner .divSmall {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 214px;
		height: 126px;
		text-transform: uppercase;
	
		transition: opacity ease-in-out 0.25s;
		-moz-transition: opacity ease-in-out 0.25s;
		-o-transition: opacity ease-in-out 0.25s;
		-webkit-transition: opacity ease-in-out 0.25s;
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser_small.png");
		background-repeat: no-repeat;
	}
	
	.aTeaserShopOuter .Inner .divSmall div.headlineSmall {
		margin-right: -40px;
		margin-top: 16px;
		font-family: 'OpenSans-Semibold';
		font-size: 18px;
	}
	
	.aTeaserShopOuter .Inner .divSmall div.textSmall {
		margin-right: -40px;
		margin-top: 2px;
	}
	
	div.icon {
		width: 214px;
		height: 25px;
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser-icon.png");
		background-repeat: no-repeat;
		margin-top: 16px;
		margin-left: 114px;
	}

	.aTeaserShopOuter .Inner .divSmall div.icon {
		margin-top: 12px;
	}
	
	div.headlineBig {
		margin-right: -80px;
		margin-bottom: 8px;
		font-family: 'OpenSans-Semibold';
		font-size: 18px;
		text-transform: uppercase;
	}
	
	div.textBig1 {
		margin-top: 16px;
		margin-right: -80px;
		margin-bottom: 16px;
		text-transform: uppercase;
	}
	
	div.textBig2 {
		margin-right: -80px;
		text-transform: uppercase;
	}
	
	div.textBig3 {
		margin-top: 18px;
		margin-right: -80px;
		line-height: 1.33em;
	}
	
	div.icon2 {
		width: 214px;
		height: 25px;
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser-icon.png");
		background-repeat: no-repeat;
		margin-top: 20px;
		margin-left: 242px;
	}
	
	.aTeaserShopOuter .Inner .divBig {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity = 0);
	
		transition: opacity ease-in-out 0.25s;
		-moz-transition: opacity ease-in-out 0.25s;
		-o-transition: opacity ease-in-out 0.25s;
		-webkit-transition: opacity ease-in-out 0.25s;
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser_big.png");
		background-repeat: no-repeat;
	}
	
	
	.aTeaserShopOuter:hover {	
		width: 426px;
		height: 236px;	
		background-image: url("/typo3conf/ext/site_config_life/Resources/Public/images/shop-teaser_big.png");
		background-repeat: no-repeat;
	}
	
	.aTeaserShopOuter:hover .divSmall {
		opacity: 0;
		-moz-opacity: 0;
		filter: alpha(opacity = 0);
	}
	
	.aTeaserShopOuter:hover .divBig {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity = 1);
	}
	
    @media (max-width: 568px) {
        .aTeaserShopOuter {
            display: none;
        }
    }

/*******************************************************************************************************************************************/
/* Adress Element */
    .adressElement table tr td {
        border: none;
    }

/*******************************************************************************************************************************************/
/* Footer */
    .divFooter table tr td {
        border: none;
    }

/*******************************************************************************************************************************************/
/* Header */
    .divHeader table tr td {
        border: none;
    }

/*******************************************************************************************************************************************/
/* Contact Links */
    .divContactLinks table tr td {
        border: none;
    }

/*******************************************************************************************************************************************/
/* Contact -> Background Red */
    .divContact.BackgroundRed {
        position: static;
    }

/*****************************************************************************************************************************************/
/* Content Slider */
/*****************************************************************************************************************************************/
	
	.divContentSlider .bx-wrapper {
		margin: 0px 0px 25px 0px;
	}
	
	.divContentSlider .bx-wrapper .bx-viewport {
		border: none;
		box-shadow: none;
		left: 0px;
	}

	.divContentSlider .divSlide {
		position: relative;
		background-color: #ebebeb;
	}

	.divContentSlider .divSlide .SlideContent {
		position: absolute;
		width: 100%;
		top: 0px;
	}
	
	.divContentSlider .divSlide .Title {
		position: absolute;
		left: 175px;
		top: 95px;
		padding: 23px 75px 24px 140px;
		
		font-size: 1.333em;
		line-height: 1.25em;
		text-transform: uppercase;
		color: #ffffff;
		
		background-image: url("../Images/slider/slider-text-bg.png");
		background-position: right 0px;
		background-repeat: no-repeat;
	}

    @media (max-width: 1024px) {
        .divContentSlider .divSlide .Title {
            font-size: 1em;
            top: 60px;
            left: 180px;
            padding: 13px 75px 14px 100px !important;
        }
    }

    @media (max-width: 900px) {
        .divContentSlider .divSlide .Title {
            left: 160px;
        }
    }

    @media (max-width: 800px) {
        .divContentSlider .divSlide .Title {
            left: 120px;
        }
    }

    @media (max-width: 767px) {
        .divContentSlider .divSlide .Title {
            font-size: 1em;
            left: 100px;
            padding: 13px 75px 14px 100px !important;
        }

        .divContentSlider .bx-controls a.bx-prev {
            left: 10px !important;
        }

        .divContentSlider .bx-controls a.bx-next {
            right: 10px !important;
        }
    }

    @media (max-width: 600px) {
        .divContentSlider .divSlide .Title {
            left: 30px;
        }
    }

    @media (max-width: 500px) {
        .divContentSlider .divSlide .Title {
            left: 0px;
        }
    }
	
	.divContentSlider .divSlide .Title  p { 
		margin: 0px;
	}
	
	.divContentSlider .divSlide .Image {
		text-align: center;
	}
	
	.divContentSlider .divSlide .Image img {
		display: inline-block;
		max-width: 100%;
		height: auto;
	}
		
	.divContentSlider .divSlide .SlideMask {
		position: relative;
	}
	
	/* Controls */
		.divContentSlider .bx-controls a {
			width: 27px;
			height: 52px;
			margin-top: -26px;
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}
		
		.divContentSlider .bx-controls a:hover {
			background-position: 0px 0px;
		}
		
		.divContentSlider .bx-controls a.bx-prev {
			left: 80px;
			background-image: url("../Images/jumper/jumper-slider-left-red.png");
            width: 27px;
            height: 52px;
            z-index: 20;
		}
		
		.divContentSlider .bx-controls a.bx-next {
			right: 80px;
			background-image: url("../Images/jumper/jumper-slider-right-red.png");
            width: 27px;
            height: 52px;
            z-index: 20;
		}
		
	/* Pager */
		.bx-wrapper .bx-pager.bx-default-pager {
			padding: 0px;
			bottom: -55px;
		}
		
		.bx-wrapper .bx-pager.bx-default-pager a {
			background-color: #cccccc !important;
			width: 6px;
			height: 6px;
		}
		
		.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
			background-color: #cd0022 !important;
		}
	
/*******************************************************************************************************************************************/
/* Contact -> Background Red */
    .divContent.WideSpaceTopBottom .container {
        padding: 70px 15px 90px 15px;
    }

/*******************************************************************************************************************************************/
/* Product Page Slider */
    .product-page-slider .slide-box {
        background-color: transparent;
    }

    @media (max-width: 767px) {
        .productDetailSlider .slider-main .desktop-img {
            display: none;
        }

        .productDetailSlider .slider-main .mobile-img {
            display: block !important;
        }
    }

/*******************************************************************************************************************************************/
/* Header Logo */
    .header-wrapper .pull-right {
        width: 250px;
    }

    @media(max-width:1024px){
        .header-wrapper .pull-right {
            width: 236px;
        }
    }

    @media (max-width: 767px) {
        #page_919 .header-wrapper .pull-right a.logo {
            margin: 15px 0 10px 0px !important;
        }

        #page_109 .header-wrapper .pull-right a.logo {
            margin: 12px 0 10px 0px !important;
        }
    }
