/*-----------------------------------------------------------------------------
- Revolution Slider 4.1 Captions -
Screen Stylesheet
version: 1.4.5
date: 27/11/13
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
.tp-static-layers {position:absolute; z-index:505; top:0px;left:0px}
.tp-hide-revslider,.tp-caption.tp-hidden-caption {visibility:hidden !important; display:none !important}
.tp-caption { z-index:1; white-space:nowrap}
.tp-caption-demo .tp-caption {position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important}
.tp-caption.whitedivider3px {
color: #000000;
text-shadow: none;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
min-width: 408px;
min-height: 3px;
background-position: initial initial;
background-repeat: initial initial;
border-width: 0px;
border-color: #000000;
border-style: none;
}
.tp-caption.finewide_large_white {
color:#ffffff;
text-shadow:none;
font-size:60px;
line-height:60px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:8px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitedivider3px {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:468px;
min-height:3px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_medium_white {
color:#ffffff;
text-shadow:none;
font-size:37px;
line-height:37px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.boldwide_small_white {
font-size:25px;
line-height:25px;
font-weight:800;
font-family:"Open Sans", sans-serif;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.whitedivider3px_vertical {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:3px;
min-height:130px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_small_white {
color:#ffffff;
text-shadow:none;
font-size:25px;
line-height:25px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.finewide_verysmall_white_mw {
font-size:13px;
line-height:25px;
font-weight:400;
font-family:"Open Sans", sans-serif;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
max-width:470px;
white-space:normal !important;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgb(235, 235, 235);
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.finewide_large_white {
color: #FFF;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 8px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.finewide_medium_white {
color: #FFF;
text-shadow: none;
font-size: 34px;
line-height: 34px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.huge_red {
position:absolute;
color:rgb(223,75,107);
font-weight:400;
font-size:150px;
line-height:130px;
font-family: 'Oswald', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
background-color:rgb(45,49,54);
padding:0px;
}
.tp-caption.middle_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:600;
font-size:50px;
line-height:50px;
font-family: 'Open Sans', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.huge_thin_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:300;
font-size:90px;
line-height:90px;
font-family: 'Open Sans', sans-serif;
margin:0px;
letter-spacing: 20px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.big_dark {
position:absolute;
color:#333;
font-weight:700;
font-size:70px;
line-height:70px;
font-family:"Open Sans";
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_dark {
position:absolute;
color:#333;
font-weight:300;
font-size:40px;
line-height:40px;
font-family:"Open Sans";
margin:0px;
letter-spacing: 5px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_grey {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
padding:2px 4px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#888;
white-space:nowrap;
}
.tp-caption.small_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:14px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.large_bold_white_25 {
font-size:55px;
line-height:65px;
font-weight:700;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.medium_text_shadow {
font-size:25px;
line-height:25px;
font-weight:600;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:40px;
line-height:40px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.medium_bold_grey {
font-size:30px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.very_large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
letter-spacing:-2px;
}
.tp-caption.very_big_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#000;
}
.tp-caption.very_big_black {
position:absolute;
color:#000;
text-shadow:none;
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#fff;
}
.tp-caption.modern_medium_fat {
position:absolute;
color:#000;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_fat_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_medium_light {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.modern_big_bluebg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#4e5b6c;
letter-spacing:0;
}
.tp-caption.modern_big_redbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
padding-top:1px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#de543e;
letter-spacing:0;
}
.tp-caption.modern_small_text_dark {
position:absolute;
color:#555;
text-shadow:none;
font-size:14px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}
.tp-caption.boxshadow {
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color:#000;
text-shadow:none;
}
.tp-caption.noshadow {
text-shadow:none;
}
.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}
.tp-caption a:hover {
color:#ffa902;
}
.tp-caption.thinheadline_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:30px;
font-family:"Open Sans";
background-color:transparent;
}
.tp-caption.thintext_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:16px;
line-height:26px;
font-family:"Open Sans";
background-color:transparent;
}
.tp-caption.medium_bg_red a {
color: #fff;
text-decoration: none;
}
.tp-caption.medium_bg_red a:hover {
color: #fff;
text-decoration: underline;
}
.tp-caption.smoothcircle {
font-size:30px;
line-height:75px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
background-color:rgba(0, 0, 0, 0.498039);
padding:50px 25px;
text-align:center;
border-radius:500px 500px 500px 500px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.largeblackbg {
font-size:50px;
line-height:70px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:0px 20px 5px;
text-shadow:none;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.largepinkbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#db4360;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largewhitebg {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#fff;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.largegreenbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#67ae73;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
.tp-caption.excerpt {
font-size:36px;
line-height:36px;
font-weight:700;
font-family:Arial;
color:#ffffff;
text-decoration:none;
background-color:rgba(0, 0, 0, 1);
text-shadow:none;
margin:0px;
letter-spacing:-1.5px;
padding:1px 4px 0px 4px;
width:150px;
white-space:normal !important;
height:auto;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}
.tp-caption.large_bold_grey {
font-size:60px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_thin_grey {
font-size:34px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_thin_grey {
font-size:18px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(117, 117, 117);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_darkblue {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_darkblue {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(52, 73, 94);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_red {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_red {
font-size:21px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_red {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(227, 58, 12);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bold_orange {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(243, 156, 18);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_orange {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.grassfloor {
text-decoration:none;
background-color:rgba(160, 179, 151, 1);
width:4000px;
height:150px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bold_white {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_white {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_white_center {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:#ffffff;
text-decoration:none;
background-color:transparent;
padding:0px 0px 0px 0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_bg_asbestos {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(127, 140, 141);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.large_bold_black {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumlarge_light_darkblue {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.small_light_white {
font-size:17px;
line-height:28px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}
.tp-caption.large_bg_black {
font-size:40px;
line-height:40px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:10px 20px 15px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.mediumwhitebg {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 15px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}
.tp-caption.medium_bg_orange_new1 {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}
.tp-caption.boxshadow{
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black{
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp_inner_padding { box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
max-height:none !important; }
/*.tp-caption { transform:none !important}*/
/*********************************
- SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;left:-40px;top:0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;right:0px;top:0px;
}
/***********************************************
- SPECIAL ALTERNATIVE IMAGE SETTINGS -
***********************************************/
img.tp-slider-alternative-image { width:100%; height:auto;}
/******************************
- BUTTONS -
*******************************/
.tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px;
cursor:pointer;
color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important;
font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px;
}
.tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important;}
.tp-simpleresponsive .purchase:hover,
.tp-simpleresponsive .button:hover,
.tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; }
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important}
.tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; }
}
/* BUTTON COLORS */
.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; }
.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68}
.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212}
.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00}
.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222}
.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
/*.tp-simpleresponsive { -webkit-perspective: 1500px;
-moz-perspective: 1500px;
-o-perspective: 1500px;
-ms-perspective: 1500px;
perspective: 1500px;
}*/
/**********************************************
- FULLSCREEN AND FULLWIDHT CONTAINERS -
**********************************************/
.fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.fullwidthbanner-container{
width:100%;
position:relative;
padding:0;
overflow:hidden;
}
.fullwidthbanner-container .fullwidthbanner{
width:100%;
position:relative;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */
position:absolute;visibility: hidden;
-webkit-font-smoothing: antialiased !important;
}
.tp-simpleresponsive img { max-width:none}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter:none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position:absolute;
margin-left:auto;
margin-right:auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 {background-size:100% 100%; width:890px; height:60px; bottom:-60px}
.tp-bannershadow.tp-shadow2 {background-size:100% 100%; width:890px; height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow3 {background-size:100% 100%; width:890px; height:60px;bottom:-60px}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none}
.tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%}
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none}
.fullcoveredvideo video,
.fullscreenvideo video { background: #000}
.fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}
.html5vid.videoisplaying .tp-poster { display: none}
.tp-video-play-button { background:#000;
background:rgba(0,0,0,0.3);
padding:5px;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
color: #FFF;
z-index: 3;
margin-top: -27px;
margin-left: -28px;
text-align: center;
cursor: pointer;
}
.html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.html5vid .tp-revstop { display:none}
.html5vid.videoisplaying .revicon-right-dir { display:none}
.html5vid.videoisplaying .tp-revstop { display:block}
.html5vid.videoisplaying .tp-video-play-button { display:none}
.html5vid:hover .tp-video-play-button { display:block}
.fullcoveredvideo .tp-video-play-button { display:none !important}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s;
background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.13, rgb(0,0,0)),
color-stop(1, rgb(50,50,50))
);
display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.tp-caption:hover .tp-video-controls {
opacity: .9;
}
.tp-video-button {
background: rgba(0,0,0,.5);
border: 0;
color: #EEE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
cursor:pointer;
line-height:12px;
font-size:12px;
color:#fff;
padding:0px;
margin:0px;
outline: none;
}
.tp-video-button:hover {
cursor: pointer;
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; }
.tp-video-seek-bar-wrap { width:80%}
.tp-video-vol-bar-wrap { width:20%}
.tp-volume-bar,
.tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;}
/********************************
- FULLSCREEN VIDEO ENDS -
*********************************/
/********************************
- DOTTED OVERLAYS -
*********************************/
.tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4}
.tpclear { clear:both}
.tp-bullets { z-index:1000; position:absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../../files/cto_layout/scripts/rs-plugin/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.navbar-old {height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last { margin-right:3px}
.tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square .bullet.last { margin-right:0px}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px}
.tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important}
.tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px}
.tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important}
.tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected { background-position:top left}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left}
/*************************************
- TP ARROWS -
**************************************/
.tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(5000px);
-webkit-transform-style: flat;
-webkit-backface-visibility: hidden;
z-index:600;
position: relative;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_left.png) no-Repeat top left; width:40px; height:40px; }
.tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_right.png) no-Repeat top left; width:40px; height:40px; }
.tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px}
.tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; }
.tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px}
.tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px}
.tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px}
.tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px}
.tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px}
.tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px}
.tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px}
.tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px}
.tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px}
.tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px}
.tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px}
.tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_left.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_right.png) no-Repeat 0 0; width:40px; height:40px;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-position:bottom left}
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff;
width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top:-50px;
}
.fullwidthbanner-container .tp-thumbs { padding:3px}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow:hidden; position:relative}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */
cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img { width:100%}
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer { width:100%; height:10px; background:url(../../files/cto_layout/scripts/rs-plugin/assets/timer.png);position:absolute; z-index:200;top:0px}
.tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets { display:none}
.responsive .tparrows { display:none}
}
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a{ text-decoration:none}
.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
list-style:none;
padding:0 !important;
margin:0 !important;
list-style:none !important;
overflow-x: visible;
overflow-y: visible;
background-image:none
}
.tp-simpleresponsive >ul >li{
list-style:none;
position:absolute;
visibility:hidden
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div { width:3000px; height:1500px;}
.tp-caption.slidelink a span { background:url(../../files/cto_layout/scripts/rs-plugin/assets/coloredbg.png) repeat}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
.tparrows .tp-arr-imgholder { display: none}
.tparrows .tp-arr-titleholder { display: none}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent}
.tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s}
.tp-rightarrow.preview1:after { content: '\e825'; }
.tp-leftarrow.preview1:after { content: '\e824'; }
.tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa}
.tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}
.tp-rightarrow.preview1 .tp-arr-imgholder { right:100%;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tp-leftarrow.preview1 .tp-arr-imgholder { left:100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview1,
.tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview1,
.tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview1,
.tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px}
}
/* PREVIEW 1 BULLETS */
.tp-bullets.preview1 { height: 21px}
.tp-bullets.preview1 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.15) !important;
/*-webkit-border-radius: 10px;
border-radius: 10px;*/
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview1 .bullet.last { margin-right: 0px}
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #aaa !important;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(255, 255, 255, 1) !important;
}
/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ;
border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
overflow:hidden;
-webkit-transition: -webkit-transform 1.3s;
-webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
transition: width 0.3s, background-color 0.3s, opacity 0.3s;
backface-visibility: hidden;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s }
.tp-rightarrow.preview2:after { content: '\e81e'; right:18px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:18px}
.tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
color: #000;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
line-height: 60px;
padding:0px 10px;
}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:50px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:50px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.tparrows.preview2.hovered { width:300px}
.tparrows.preview2:hover { background:#fff}
.tparrows.preview2:hover:after { color:#000}
.tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px);
transform: translateX(0px);
visibility: visible;
position: absolute;
}
/* PREVIEW 2 BULLETS */
.tp-bullets.preview2 { height: 17px}
.tp-bullets.preview2 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview2 .bullet.last { margin-right: 0px}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
.tp-arr-titleholder.alwayshidden { display:none !important}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px;
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:11px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:11px}
.tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:35px}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:35px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px;
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:8px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:8px}
.tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px}
.tp-rightarrow.preview2 .tp-arr-titleholder { right:25px}
.tp-leftarrow.preview2 .tp-arr-titleholder { left:25px}
.tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px;
border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
}
.tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
.tp-rightarrow.preview2:after { content: '\e81e'; right:8px}
.tp-leftarrow.preview2:after { content: '\e81f'; left:8px}
.tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none}
.tparrows.preview2:hover { width:30px !important; height:30px !important}
}
/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat}
.tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s}
.tparrows.preview3:hover:after { color:#000}
.tp-rightarrow.preview3:after { content: '\e825'; }
.tp-leftarrow.preview3:after { content: '\e824'; }
.tparrows.preview3 .tp-arr-iwrapper {
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75);
display: table;min-height:90px;top:-10px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px;
position:relative;top:0px}
.tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px}
.tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle}
.tparrows.preview3:hover .tp-arr-iwrapper {
-webkit-transform: scale(1,1);
transform: scale(1,1);
}
/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 { height: 17px}
.tp-bullets.preview3 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview3 .bullet.last { margin-right: 0px}
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview3:after,
.tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px}
.tparrows.preview3 .tp-arr-iwrapper { min-height:70px}
.tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px}
.tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px}
.tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px}
.tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px}
}
@media only screen and (max-width: 767px) {
.tparrows.preview3:after,
.tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px}
.tparrows.preview3 .tp-arr-iwrapper { min-height:70px}
}
/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000}
.tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
.tp-rightarrow.preview4:after { content: '\e825'; }
.tp-leftarrow.preview4:after { content: '\e824'; }
.tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat}
.tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px}
.tparrows.preview4 .tp-arr-iwrapper { position: relative}
.tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px;
position:relative;top:0px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px;
position:absolute;top:0px; left:180px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px}
.tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative;
background: #000;
color: #FFF;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
font-weight: 700;
font-size: 11px;
line-height: 2.75;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;
}
.tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%}
.tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%}
@media only screen and (min-width: 768px) {
.tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}
.tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)}
.tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}
}
/* PREVIEW 4 BULLETS */
.tp-bullets.preview4 { height: 17px}
.tp-bullets.preview4 .bullet { cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float:none !important;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last { margin-right: 0px}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (max-width: 767px) {
.tparrows.preview4 { width:20px; height:80px}
.tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px}
.tparrows.preview1 .tp-arr-allwrapper,
.tparrows.preview2 .tp-arr-allwrapper,
.tparrows.preview3 .tp-arr-allwrapper,
.tparrows.preview4 .tp-arr-allwrapper { display: none !important}
}
/******************************
- LOADER FORMS -
********************************/
.tp-loader {
top:50%; left:50%;
z-index:10000;
position:absolute;
}
.tp-loader.spinner0 {
width: 40px;
height: 40px;
background:url(../../files/cto_layout/scripts/rs-plugin/assets/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-top:-20px;
margin-left:-20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner5 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/loader.gif) no-repeat 10px 10px;
background-color:#fff;
margin:-22px -22px;
width:44px;height:44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@-webkit-keyframes tp-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes tp-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top:-20px;margin-left:-20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
animation: tp-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes tp-scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes tp-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.tp-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation: tp-bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes tp-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes tp-bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-loader.spinner4 {
margin: -20px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: tp-rotate 2.0s infinite linear;
animation: tp-rotate 2.0s infinite linear;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: tp-bounce 2.0s infinite ease-in-out;
animation: tp-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes tp-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes tp-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-3d { -webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}
@font-face {
font-family: 'revicons';
src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.eot?5510888');
src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.eot?5510888#iefix') format('embedded-opentype'),
url('../../files/cto_layout/scripts/rs-plugin/font/revicons.woff?5510888') format('woff'),
url('../../files/cto_layout/scripts/rs-plugin/font/revicons.ttf?5510888') format('truetype'),
url('../../files/cto_layout/scripts/rs-plugin/font/revicons.svg?5510888#revicons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'revicons';
src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.svg?5510888#revicons') format('svg');
}
}
*/
[class^="revicon-"]:before, [class*=" revicon-"]:before {
font-family: "revicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.revicon-search-1:before { content: '\e802'} /* '' */
.revicon-pencil-1:before { content: '\e831'} /* '' */
.revicon-picture-1:before { content: '\e803'} /* '' */
.revicon-cancel:before { content: '\e80a'} /* '' */
.revicon-info-circled:before { content: '\e80f'} /* '' */
.revicon-trash:before { content: '\e801'} /* '' */
.revicon-left-dir:before { content: '\e817'} /* '' */
.revicon-right-dir:before { content: '\e818'} /* '' */
.revicon-down-open:before { content: '\e83b'} /* '' */
.revicon-left-open:before { content: '\e819'} /* '' */
.revicon-right-open:before { content: '\e81a'} /* '' */
.revicon-angle-left:before { content: '\e820'} /* '' */
.revicon-angle-right:before { content: '\e81d'} /* '' */
.revicon-left-big:before { content: '\e81f'} /* '' */
.revicon-right-big:before { content: '\e81e'} /* '' */
.revicon-magic:before { content: '\e807'} /* '' */
.revicon-picture:before { content: '\e800'} /* '' */
.revicon-export:before { content: '\e80b'} /* '' */
.revicon-cog:before { content: '\e832'} /* '' */
.revicon-login:before { content: '\e833'} /* '' */
.revicon-logout:before { content: '\e834'} /* '' */
.revicon-video:before { content: '\e805'} /* '' */
.revicon-arrow-combo:before { content: '\e827'} /* '' */
.revicon-left-open-1:before { content: '\e82a'} /* '' */
.revicon-right-open-1:before { content: '\e82b'} /* '' */
.revicon-left-open-mini:before { content: '\e822'} /* '' */
.revicon-right-open-mini:before { content: '\e823'} /* '' */
.revicon-left-open-big:before { content: '\e824'} /* '' */
.revicon-right-open-big:before { content: '\e825'} /* '' */
.revicon-left:before { content: '\e836'} /* '' */
.revicon-right:before { content: '\e826'} /* '' */
.revicon-ccw:before { content: '\e808'} /* '' */
.revicon-arrows-ccw:before { content: '\e806'} /* '' */
.revicon-palette:before { content: '\e829'} /* '' */
.revicon-list-add:before { content: '\e80c'} /* '' */
.revicon-doc:before { content: '\e809'} /* '' */
.revicon-left-open-outline:before { content: '\e82e'} /* '' */
.revicon-left-open-2:before { content: '\e82c'} /* '' */
.revicon-right-open-outline:before { content: '\e82f'} /* '' */
.revicon-right-open-2:before { content: '\e82d'} /* '' */
.revicon-equalizer:before { content: '\e83a'} /* '' */
.revicon-layers-alt:before { content: '\e804'} /* '' */
.revicon-popup:before { content: '\e828'} /* '' */
/** simple **/
.slider_wrapper.simple{padding:5px; background-color:#fff; width:890px; position:relative; margin-left:auto;margin-right:auto;}
.slider_wrapper.simple .inside{width:890px; height:490px; position:relative; overflow:hidden;}
/** resonsive slider **/
.slider_wrapper.responsive {padding:0px; background-color:#fff; width:960px; position:relative; margin-left:auto; margin-right:auto;}
.slider_wrapper.responsive .inside{ width:960px; height:500px; position:relative; overflow:hidden;}
/* THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE */
@media only screen and (min-width: 768px) and (max-width: 959px) { .slider_wrapper.responsive , .slider_wrapper.responsive .inside {width:760px; height:395px;} }
@media only screen and (min-width: 480px) and (max-width: 767px) { .slider_wrapper.responsive , .slider_wrapper.responsive .inside {width:480px; height:250px;} }
@media only screen and (min-width: 0px) and (max-width: 479px) {.slider_wrapper.responsive , .slider_wrapper.responsive .inside { width:320px;height:166px; } }
/** fullscreen slider **/
.slider_wrapper.fullscreen{width:100% !important; position:relative; padding:0; height:100%;}
/** full width slider **/
.slider_wrapper.fullwidth {width:100% !important; position:relative; padding:0; max-height:500px !important; overflow:hidden;}/** noise overlay **/
/** stretch video controls **/
.fullscreenvideo .mejs-container {width: 100% !important; height:inherit !important;}
.fullscreenvideo .mejs-container .mejs-layer {width: 100% !important; height: 100% !important;}
/** noise overlay **/
.tp-dottedoverlay.noise {background: url(../../system/modules/pct_revolutionslider/assets/img/overlay_noise.gif); opacity: 0.1;}
/** prevent blinking while creating the slider **/
.ce_revolutionslider .tp-banner {visibility: hidden;}
.ce_revolutionslider .tp-banner.revslider-initialised {visibility: visible;}
.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;box-sizing:border-box;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels{overflow:hidden}.mm-panel{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-panel.mm-noanimation{-webkit-transition:none!important;transition:none!important}.mm-panel.mm-noanimation.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{box-sizing:border-box;height:40px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}.mm-listview>li:not(.mm-divider):after{left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu .mm-divider{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking{overflow:hidden}html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}.mm-menu.mm-offcanvas.mm-opened{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened{z-index:10}.mm-menu.mm-offcanvas{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}
@charset "UTF-8";.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
.mm-navbars-bottom,.mm-navbars-top{background:inherit;border-color:inherit;border-width:0;overflow:hidden;position:absolute;left:0;right:0;z-index:3}.mm-navbars-bottom>.mm-navbar,.mm-navbars-top>.mm-navbar{border:none;padding:0;position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbars-top{border-bottom-style:solid;border-bottom-width:1px;top:0}.mm-navbars-bottom{border-top-style:solid;border-top-width:1px;bottom:0}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-hasnavbar-top-1 .mm-panels{top:40px}.mm-hasnavbar-top-2 .mm-panels{top:80px}.mm-hasnavbar-top-3 .mm-panels{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-hasnavbar-bottom-1 .mm-panels{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%}
.mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-offcanvas.mm-bottom{top:auto}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark .mm-divider{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255,255,255,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.1)}.mm-menu.mm-shadow-page.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.1)}.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0,0,0,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.05)}.mm-menu.mm-shadow-page.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.05)}.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-divider{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255,255,255,.2)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(255,255,255,.3)}.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
/* RS_PLUGIN SETTINGS */
.tp-caption.boldwide_small_white,.tp-caption.whitedivider3px{border-width:0;border-color:#000;border-style:none;text-shadow:none;text-decoration:none}.tp-caption.lightgrey_divider,.tp-caption.whitedivider3px{background-position:initial initial;background-repeat:initial initial}.tp-bannershadow,.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.tparrows,.tparrows.preview1{-webkit-backface-visibility:hidden}.tp-static-layers{position:absolute;z-index:505;top:0;left:0}.tp-caption.tp-hidden-caption,.tp-hide-revslider{visibility:hidden!important;display:none!important}.tp-caption{z-index:1;white-space:nowrap}.tp-caption-demo .tp-caption{position:relative!important;display:inline-block;margin-bottom:10px;margin-right:20px!important}.tp-caption.finewide_large_white{background-color:transparent}.tp-caption.whitedivider3px{color:#000;background-color:#fff;background-color:rgba(255,255,255,1);font-size:0;line-height:0;min-width:468px;min-height:3px}.tp-caption.finewide_medium_white{background-color:transparent}.tp-caption.boldwide_small_white{font-size:25px;line-height:25px;font-weight:800;font-family:"Open Sans",sans-serif;color:#fff;background-color:transparent;text-transform:uppercase;letter-spacing:5px}.tp-caption.whitedivider3px_vertical{color:#000;text-shadow:none;background-color:#fff;background-color:rgba(255,255,255,1);text-decoration:none;font-size:0;line-height:0;min-width:3px;min-height:130px;border-width:0;border-color:#000;border-style:none}.tp-caption.finewide_small_white,.tp-caption.finewide_verysmall_white_mw{line-height:25px;font-family:"Open Sans",sans-serif;color:#fff;text-decoration:none;background-color:transparent;text-shadow:none;text-transform:uppercase;letter-spacing:5px;border-width:0;border-color:#000;border-style:none}.tp-caption.finewide_small_white{font-size:25px;font-weight:300}.tp-caption.finewide_verysmall_white_mw{font-size:13px;font-weight:400;max-width:470px;white-space:normal!important}.tp-caption.lightgrey_divider{background-color:#ebebeb}.tp-caption.finewide_large_white,.tp-caption.finewide_medium_white{color:#FFF;text-shadow:none;font-weight:300;font-family:"Open Sans",sans-serif;background-color:rgba(0,0,0,0);text-decoration:none;border-color:#000;border-width:0;border-style:none;text-transform:uppercase}.tp-caption.finewide_large_white{font-size:60px;line-height:60px;letter-spacing:8px}.tp-caption.finewide_medium_white{font-size:34px;line-height:34px;letter-spacing:5px}.tp-caption.huge_red{position:absolute;color:#df4b6b;font-weight:400;font-size:150px;line-height:130px;font-family:Oswald,sans-serif;margin:0;border-width:0;border-style:none;white-space:nowrap;background-color:#2d3136;padding:0}.tp-caption.huge_thin_yellow,.tp-caption.middle_yellow{position:absolute;color:#fbd572;font-family:'Open Sans',sans-serif;margin:0;white-space:nowrap}.tp-caption.middle_yellow{font-weight:600;font-size:50px;line-height:50px;border-width:0;border-style:none}.tp-caption.huge_thin_yellow{font-weight:300;font-size:90px;line-height:90px;letter-spacing:20px;border-width:0;border-style:none}.tp-caption.big_dark,.tp-caption.medium_dark{position:absolute;color:#333;font-family:"Open Sans";border-width:0;border-style:none}.tp-caption.big_dark{font-weight:700;font-size:70px;line-height:70px;margin:0;white-space:nowrap}.tp-caption.medium_dark{font-weight:300;font-size:40px;line-height:40px;margin:0;letter-spacing:5px;white-space:nowrap}.tp-caption.medium_grey,.tp-caption.medium_text,.tp-caption.small_text{color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.5);line-height:20px;font-family:Arial;font-weight:700;margin:0;white-space:nowrap;position:absolute}.tp-caption.medium_grey{font-size:20px;padding:2px 4px;border-width:0;border-style:none;background-color:#888}.tp-caption.small_text{font-size:14px;border-width:0;border-style:none}.tp-caption.medium_text{font-size:20px;border-width:0;border-style:none}.tp-caption.large_bold_white_25,.tp-caption.medium_text_shadow{font-family:"Open Sans";text-shadow:#000 0 5px 10px;border-color:#fff;color:#fff;border-width:0;border-style:none;background-color:transparent;text-decoration:none;text-align:center}.tp-caption.large_bold_white_25{font-size:55px;line-height:65px;font-weight:700}.tp-caption.medium_text_shadow{font-size:25px;line-height:25px;font-weight:600}.tp-caption.large_text{position:absolute;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.5);font-weight:700;font-size:40px;line-height:40px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap}.tp-caption.medium_bold_grey{font-size:30px;line-height:30px;font-weight:800;font-family:"Open Sans";color:#666;text-decoration:none;background-color:transparent;text-shadow:none;margin:0;padding:1px 4px 0;border-width:0;border-color:#ffd658;border-style:none}.tp-caption.very_big_white,.tp-caption.very_large_text{color:#fff;margin:0;border-width:0;border-style:none;white-space:nowrap}.tp-caption.very_large_text{position:absolute;text-shadow:0 2px 5px rgba(0,0,0,.5);font-weight:700;font-size:60px;line-height:60px;font-family:Arial;letter-spacing:-2px}.tp-caption.very_big_black,.tp-caption.very_big_white{position:absolute;text-shadow:none;font-size:60px;line-height:60px;font-family:Arial;padding:1px 4px 0}.tp-caption.very_big_white{font-weight:800;background-color:#000}.tp-caption.very_big_black{color:#000;font-weight:700;margin:0;border-width:0;border-style:none;white-space:nowrap;background-color:#fff}.tp-caption.modern_medium_fat,.tp-caption.modern_medium_fat_white{font-weight:800;font-family:"Open Sans",sans-serif;margin:0;border-width:0;border-style:none;position:absolute;text-shadow:none;font-size:24px;line-height:20px;white-space:nowrap}.tp-caption.modern_medium_fat{color:#000}.tp-caption.modern_medium_fat_white{color:#fff}.tp-caption.modern_medium_light{position:absolute;color:#000;text-shadow:none;font-weight:300;font-size:24px;line-height:20px;font-family:"Open Sans",sans-serif;margin:0;border-width:0;border-style:none;white-space:nowrap}.tp-caption.modern_big_bluebg,.tp-caption.modern_big_redbg{color:#fff;font-size:30px;line-height:36px;font-family:"Open Sans",sans-serif;letter-spacing:0;position:absolute;border-style:none;text-shadow:none;border-width:0;margin:0}.tp-caption.modern_big_bluebg{font-weight:800;padding:3px 10px;background-color:#4e5b6c}.tp-caption.modern_big_redbg{font-weight:300;padding:1px 10px 3px;background-color:#de543e}.tp-caption.modern_small_text_dark{position:absolute;color:#555;text-shadow:none;font-size:14px;line-height:22px;font-family:Arial;margin:0;border-width:0;border-style:none;white-space:nowrap}.tp-caption a{color:#fff;padding:10px 12px;text-shadow:none;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out}.tp-caption a:hover{color:#fff}.tp-caption.thinheadline_dark,.tp-caption.thintext_dark{position:absolute;color:rgba(0,0,0,.85);text-shadow:none;background-color:transparent;font-weight:300;font-family:"Open Sans"}.tp-caption.thinheadline_dark{font-size:30px;line-height:30px}.tp-caption.thintext_dark{font-size:16px;line-height:26px}.tp-caption.medium_bg_red a{color:#fff;text-decoration:none}.tp-caption.medium_bg_red a:hover{color:#fff;text-decoration:underline}.tp-caption.smoothcircle{font-size:30px;line-height:75px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#000;background-color:rgba(0,0,0,.498039);padding:50px 25px;text-align:center;border-radius:500px;border-width:0;border-color:#000;border-style:none}.tp-caption.excerpt,.tp-caption.largeblackbg{text-decoration:none;border-width:0;border-color:#fff;border-style:none}.tp-caption.largeblackbg{font-size:50px;line-height:70px;font-weight:300;font-family:"Open Sans";color:#fff;background-color:#000;padding:0 20px 5px;text-shadow:none}.tp-caption.largegreenbg,.tp-caption.largepinkbg,.tp-caption.largewhitebg{position:absolute;font-weight:300;font-size:50px;line-height:70px;font-family:"Open Sans";padding:0 20px;text-shadow:none}.tp-caption.largepinkbg{color:#fff;background-color:#db4360;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.tp-caption.largewhitebg{color:#000;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.tp-caption.largegreenbg{color:#fff;background-color:#67ae73;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.tp-caption.excerpt{font-size:36px;line-height:36px;font-weight:700;font-family:Arial;color:#fff;background-color:rgba(0,0,0,1);text-shadow:none;margin:0;letter-spacing:-1.5px;padding:1px 4px 0;width:150px;white-space:normal!important;height:auto}.tp-caption.large_bold_grey{font-size:60px;line-height:60px;font-weight:800;font-family:"Open Sans";color:#666;text-decoration:none;background-color:transparent;text-shadow:none;margin:0;padding:1px 4px 0;border-width:0;border-color:#ffd658;border-style:none}.tp-caption.medium_thin_grey,.tp-caption.small_thin_grey{font-weight:300;font-family:"Open Sans";background-color:transparent;padding:1px 4px 0;margin:0;border-color:#ffd658;border-width:0;border-style:none;text-decoration:none;text-shadow:none}.tp-caption.medium_thin_grey{font-size:34px;line-height:30px;color:#666}.tp-caption.small_thin_grey{font-size:18px;line-height:26px;color:#757575}.tp-caption.lightgrey_divider{text-decoration:none;background-color:rgba(235,235,235,1);width:370px;height:3px;border-width:0;border-color:#222;border-style:none}.tp-caption.large_bold_darkblue,.tp-caption.medium_bg_darkblue,.tp-caption.medium_bold_red{font-weight:800;font-family:"Open Sans";border-color:#ffd658}.tp-caption.large_bold_darkblue{font-size:58px;line-height:60px;color:#34495e;text-decoration:none;background-color:transparent;border-width:0;border-style:none}.tp-caption.medium_bg_darkblue{font-size:20px;line-height:20px;color:#fff;text-decoration:none;background-color:#34495e;padding:10px;border-width:0;border-style:none}.tp-caption.medium_bold_red,.tp-caption.medium_light_red{color:#e33a0c;background-color:transparent;padding:0;text-decoration:none;border-width:0;border-style:none}.tp-caption.medium_bold_red{font-size:24px;line-height:30px}.tp-caption.medium_light_red{font-size:21px;line-height:26px;font-weight:300;font-family:"Open Sans";border-color:#ffd658}.tp-caption.medium_bg_red,.tp-caption.medium_bold_orange{font-weight:800;font-family:"Open Sans";border-color:#ffd658}.tp-caption.medium_bg_red{font-size:20px;line-height:20px;color:#fff;text-decoration:none;background-color:#e33a0c;padding:10px;border-width:0;border-style:none}.tp-caption.medium_bold_orange{font-size:24px;line-height:30px;color:#f39c12;text-decoration:none;background-color:transparent;border-width:0;border-style:none}.tp-caption.large_bold_white,.tp-caption.medium_bg_orange{font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;border-width:0;border-style:none}.tp-caption.medium_bg_orange{font-size:20px;line-height:20px;background-color:#f39c12;padding:10px;border-color:#ffd658}.tp-caption.grassfloor{text-decoration:none;background-color:rgba(160,179,151,1);width:4000px;height:150px;border-width:0;border-color:#222;border-style:none}.tp-caption.large_bold_white{font-size:58px;line-height:60px;background-color:transparent;border-color:#ffd658}.tp-caption.medium_light_white{font-size:30px;line-height:36px;font-weight:300;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-color:#ffd658;border-style:none}.tp-caption.mediumlarge_light_white,.tp-caption.mediumlarge_light_white_center{font-size:34px;line-height:40px;font-weight:300;text-decoration:none;background-color:transparent;padding:0;border-width:0;border-style:none;font-family:"Open Sans";color:#fff;border-color:#ffd658}.tp-caption.mediumlarge_light_white_center{text-align:center}.tp-caption.medium_bg_asbestos{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#7f8c8d;padding:10px;border-width:0;border-color:#ffd658;border-style:none}.tp-caption.large_bold_black,.tp-caption.medium_light_black{color:#000;text-decoration:none;border-width:0;border-style:none;font-family:"Open Sans"}.tp-caption.medium_light_black{font-size:30px;line-height:36px;font-weight:300;background-color:transparent;padding:0;border-color:#ffd658}.tp-caption.large_bold_black{font-size:58px;line-height:60px;font-weight:800;background-color:transparent;border-color:#ffd658}.tp-caption.mediumlarge_light_darkblue,.tp-caption.small_light_white{font-weight:300;background-color:transparent;padding:0;border-color:#ffd658}.tp-caption.mediumlarge_light_darkblue{font-size:34px;line-height:40px;font-family:"Open Sans";color:#34495e;text-decoration:none;border-width:0;border-style:none}.tp-caption.large_bg_black,.tp-caption.small_light_white{color:#fff;font-family:"Open Sans";border-width:0;border-style:none;text-decoration:none}.tp-caption.small_light_white{font-size:17px;line-height:28px}.tp-caption.roundedimage{border-width:0;border-color:#222;border-style:none}.tp-caption.large_bg_black{font-size:40px;line-height:40px;font-weight:800;background-color:#000;padding:10px 20px 15px;border-color:#ffd658}.tp-caption.mediumwhitebg{font-size:30px;line-height:30px;font-weight:300;font-family:"Open Sans";color:#000;text-decoration:none;background-color:#fff;padding:5px 15px 10px;text-shadow:none;border-width:0;border-color:#000;border-style:none}.tp-caption.medium_bg_orange_new1{font-size:20px;line-height:20px;font-weight:800;font-family:"Open Sans";color:#fff;text-decoration:none;background-color:#f39c12;padding:10px;border-width:0;border-color:#ffd658;border-style:none}.tp-caption .backcornertop,.tp-caption .frontcorner{width:0;height:0;border-top:40px solid #00A8FF;position:absolute;top:0}.tp-caption.boxshadow{-moz-box-shadow:0 0 20px rgba(0,0,0,.5);-webkit-box-shadow:0 0 20px rgba(0,0,0,.5);box-shadow:0 0 20px rgba(0,0,0,.5)}.tp-caption.black{color:#000;text-shadow:none;font-weight:300;font-size:19px;line-height:19px;font-family:'Open Sans',sans}.tp-caption.noshadow{text-shadow:none}.tp_inner_padding{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;max-height:none!important}.tp-caption .frontcorner{border-left:40px solid transparent;border-right:0 solid transparent;left:-40px}.tp-caption .backcorner{width:0;height:0;border-left:0 solid transparent;border-right:40px solid transparent;border-bottom:40px solid #00A8FF;position:absolute;right:0;top:0}.tp-caption .frontcornertop{width:0;height:0;border-left:40px solid transparent;border-right:0 solid transparent;border-bottom:40px solid #00A8FF;position:absolute;left:-40px;top:0}.tp-caption .backcornertop{border-left:0 solid transparent;border-right:40px solid transparent;right:0}.tp-simpleresponsive .button{padding:6px 13px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;height:30px;cursor:pointer;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.6)!important;font-size:15px;line-height:45px!important;background:url(../../files/cto_layout/scripts/images/gradient/g30.png) top repeat-x;font-family:arial,sans-serif;font-weight:700;letter-spacing:-1px}.tp-simpleresponsive .button.big{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6);font-weight:700;padding:9px 20px;font-size:19px;line-height:57px!important;background:url(../../files/cto_layout/scripts/images/gradient/g40.png) top repeat-x}.tp-simpleresponsive .button.big:hover,.tp-simpleresponsive .button:hover,.tp-simpleresponsive .purchase:hover{background-position:bottom,15px 11px}@media only screen and (min-width:480px) and (max-width:767px){.tp-simpleresponsive .button{padding:4px 8px 3px;line-height:25px!important;font-size:11px!important;font-weight:400}.tp-simpleresponsive a.button{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none}}@media only screen and (min-width:0px) and (max-width:479px){.tp-simpleresponsive .button{padding:2px 5px;line-height:20px!important;font-size:10px!important}.tp-simpleresponsive a.button{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none}}.fullscreen-container,.fullwidthbanner-container{padding:0;width:100%;position:relative}.tp-bullets,.tparrows{-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out}.tp-simpleresponsive .button.green,.tp-simpleresponsive .button:hover.green,.tp-simpleresponsive .purchase.green,.tp-simpleresponsive .purchase:hover.green{background-color:#21a117;-webkit-box-shadow:0 3px 0 0 #104d0b;-moz-box-shadow:0 3px 0 0 #104d0b;box-shadow:0 3px 0 0 #104d0b}.tp-simpleresponsive .button.blue,.tp-simpleresponsive .button:hover.blue,.tp-simpleresponsive .purchase.blue,.tp-simpleresponsive .purchase:hover.blue{background-color:#1d78cb;-webkit-box-shadow:0 3px 0 0 #0f3e68;-moz-box-shadow:0 3px 0 0 #0f3e68;box-shadow:0 3px 0 0 #0f3e68}.tp-simpleresponsive .button.red,.tp-simpleresponsive .button:hover.red,.tp-simpleresponsive .purchase.red,.tp-simpleresponsive .purchase:hover.red{background-color:#cb1d1d;-webkit-box-shadow:0 3px 0 0 #7c1212;-moz-box-shadow:0 3px 0 0 #7c1212;box-shadow:0 3px 0 0 #7c1212}.tp-simpleresponsive .button.orange,.tp-simpleresponsive .button:hover.orange,.tp-simpleresponsive .purchase.orange,.tp-simpleresponsive .purchase:hover.orange{background-color:#f70;-webkit-box-shadow:0 3px 0 0 #a34c00;-moz-box-shadow:0 3px 0 0 #a34c00;box-shadow:0 3px 0 0 #a34c00}.tp-simpleresponsive .button.darkgrey,.tp-simpleresponsive .button.grey,.tp-simpleresponsive .button:hover.darkgrey,.tp-simpleresponsive .button:hover.grey,.tp-simpleresponsive .purchase.darkgrey,.tp-simpleresponsive .purchase:hover.darkgrey{background-color:#555;-webkit-box-shadow:0 3px 0 0 #222;-moz-box-shadow:0 3px 0 0 #222;box-shadow:0 3px 0 0 #222}.tp-simpleresponsive .button.lightgrey,.tp-simpleresponsive .button:hover.lightgrey,.tp-simpleresponsive .purchase.lightgrey,.tp-simpleresponsive .purchase:hover.lightgrey{background-color:#888;-webkit-box-shadow:0 3px 0 0 #555;-moz-box-shadow:0 3px 0 0 #555;box-shadow:0 3px 0 0 #555}.fullwidthbanner-container{overflow:hidden}.fullwidthbanner-container .fullwidthbanner{width:100%;position:relative}.tp-simpleresponsive .caption,.tp-simpleresponsive .tp-caption{position:absolute;visibility:hidden;-webkit-font-smoothing:antialiased!important}.tp-simpleresponsive img{max-width:none}.noFilterClass{filter:none!important}.tp-bannershadow{position:absolute;margin-left:auto;margin-right:auto}.tp-bannershadow.tp-shadow1{background:url(../../files/cto_layout/scripts/assets/shadow1.png) no-repeat;background-size:100% 100%;width:890px;height:60px;bottom:-60px}.tp-bannershadow.tp-shadow2{background:url(../../files/cto_layout/scripts/assets/shadow2.png) no-repeat;background-size:100% 100%;width:890px;height:60px;bottom:-60px}.tp-bannershadow.tp-shadow3{background:url(../../files/cto_layout/scripts/assets/shadow3.png) no-repeat;background-size:100% 100%;width:890px;height:60px;bottom:-60px}.caption.fullscreenvideo{left:0;top:0;position:absolute;width:100%;height:100%}.caption.fullscreenvideo iframe,.caption.fullscreenvideo video{width:100%!important;height:100%!important;display:none}.tp-caption.fullscreenvideo{left:0;top:0;position:absolute;width:100%;height:100%}.tp-caption.fullscreenvideo iframe,.tp-caption.fullscreenvideo iframe video{width:100%!important;height:100%!important;display:none}.fullcoveredvideo video,.fullscreenvideo video{background:#000}.fullcoveredvideo .tp-poster{background-position:center center;background-size:cover;width:100%;height:100%;top:0;left:0}.html5vid.videoisplaying .tp-poster{display:none}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;position:absolute;top:50%;left:50%;font-size:40px;color:#FFF;z-index:3;margin-top:-27px;margin-left:-28px;text-align:center;cursor:pointer}.html5vid .tp-revstop{width:6px;height:20px;border-left:5px solid #fff;border-right:5px solid #fff;position:relative;margin:10px 20px;display:none}.html5vid.videoisplaying .revicon-right-dir{display:none}.html5vid.videoisplaying .tp-revstop{display:block}.html5vid.videoisplaying .tp-video-play-button{display:none}.html5vid:hover .tp-video-play-button{display:block}.fullcoveredvideo .tp-video-play-button{display:none!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.tp-dottedoverlay.twoxtwo{background:url(../../files/cto_layout/scripts/assets/gridtile.png)}.tp-dottedoverlay.twoxtwowhite{background:url(../../files/cto_layout/scripts/assets/gridtile_white.png)}.tp-dottedoverlay.threexthree{background:url(../../files/cto_layout/scripts/assets/gridtile_3x3.png)}.tp-dottedoverlay.threexthreewhite{background:url(../../files/cto_layout/scripts/assets/gridtile_3x3_white.png)}.tpclear{clear:both}.tp-bullets{z-index:1000;position:absolute;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateZ(5px)}.tp-bullets.hidebullets{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}.tp-bullets.simplebullets.navbar{border:1px solid #666;border-bottom:1px solid #444;background:url(../../files/cto_layout/scripts/assets/boxed_bgtile.png);height:40px;padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.tp-bullets.simplebullets.navbar-old{background:url(../../files/cto_layout/scripts/assets/navigdots_bgtile.png);height:35px;padding:0 10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.tp-bullets.simplebullets.round .bullet{cursor:pointer;position:relative;background:url(../../files/cto_layout/scripts/assets/bullet.png) top left;width:20px;height:20px;margin-right:0;float:left;margin-top:0;margin-left:3px}.tp-bullets.simplebullets.round .bullet.last{margin-right:3px}.tp-bullets.simplebullets.round-old .bullet{cursor:pointer;position:relative;background:url(../../files/cto_layout/scripts/assets/bullets.png) bottom left;width:23px;height:23px;margin-right:0;float:left;margin-top:0}.tp-bullets.simplebullets.square .bullet,.tp-bullets.simplebullets.square-old .bullet{background:url(../../files/cto_layout/scripts/assets/bullets2.png) bottom left;width:19px;margin-right:0}.tp-bullets.simplebullets.navbar .bullet,.tp-bullets.simplebullets.square .bullet,.tp-bullets.simplebullets.square-old .bullet{height:19px;margin-top:0;cursor:pointer;position:relative;float:left}.tp-bullets.simplebullets.round-old .bullet.last{margin-right:0}.tp-bullets.simplebullets.square .bullet.last{margin-right:0}.tp-bullets.simplebullets.square-old .bullet.last{margin-right:0}.tp-bullets.simplebullets.navbar .bullet{background:url(../../files/cto_layout/scripts/assets/bullet_boxed.png) top left;width:18px;margin-right:5px}.tp-bullets.simplebullets.navbar .bullet.first{margin-left:0!important}.tp-bullets.simplebullets.navbar .bullet.last{margin-right:0!important}.tp-bullets.simplebullets.navbar-old .bullet{cursor:pointer;position:relative;background:url(../../files/cto_layout/scripts/assets/navigdots.png) bottom left;width:15px;height:15px;margin-left:5px!important;margin-right:5px!important;float:left;margin-top:10px}.tp-bullets.simplebullets.navbar-old .bullet.first{margin-left:0!important}.tp-bullets.simplebullets.navbar-old .bullet.last{margin-right:0!important}.tp-bullets.simplebullets .bullet.selected,.tp-bullets.simplebullets .bullet:hover{background-position:top left}.tp-bullets.simplebullets.navbar .bullet.selected,.tp-bullets.simplebullets.navbar .bullet:hover,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet:hover{background-position:bottom left}.tparrows{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateZ(5000px);-webkit-transform-style:flat;z-index:600;position:relative}.tparrows.preview1,.tparrows.preview4{-webkit-transform-style:preserve-3d;-webkit-perspective:1000;-moz-perspective:1000}.tp-leftarrow,.tp-rightarrow{z-index:100;cursor:pointer;position:relative;width:40px;height:40px}.tparrows.hidearrows{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0}.tp-leftarrow{background:url(../../files/cto_layout/scripts/assets/large_left.png) top left}.tp-rightarrow{background:url(../../files/cto_layout/scripts/assets/large_right.png) top left}.tp-leftarrow.round,.tp-rightarrow.round{z-index:100;cursor:pointer;position:relative;width:19px;height:14px}.tp-leftarrow.round{background:url(../../files/cto_layout/scripts/assets/small_left.png) top left;margin-right:0;float:left;margin-top:0}.tp-rightarrow.round{background:url(../../files/cto_layout/scripts/assets/small_right.png) top left;margin-right:0;float:left;margin-top:0}.tp-leftarrow.round-old,.tp-rightarrow.round-old{z-index:100;cursor:pointer;position:relative;width:26px;height:26px;margin-right:0;float:left;margin-top:0}.tp-leftarrow.round-old{background:url(../../files/cto_layout/scripts/assets/arrow_left.png) top left}.tp-rightarrow.round-old{background:url(../../files/cto_layout/scripts/assets/arrow_right.png) top left}.tp-leftarrow.navbar,.tp-rightarrow.navbar{z-index:100;cursor:pointer;position:relative;width:20px;height:15px;float:left;margin-top:12px}.tp-leftarrow.navbar{background:url(../../files/cto_layout/scripts/assets/small_left_boxed.png) top left;margin-right:6px}.tp-rightarrow.navbar{background:url(../../files/cto_layout/scripts/assets/small_right_boxed.png) top left;margin-left:6px}.tp-leftarrow.navbar-old,.tp-rightarrow.navbar-old{z-index:100;cursor:pointer;position:relative;width:9px;height:16px;float:left;margin-top:10px}.tp-leftarrow.navbar-old{background:url(../../files/cto_layout/scripts/assets/arrowleft.png) top left;margin-right:6px}.tp-rightarrow.navbar-old{background:url(../../files/cto_layout/scripts/assets/arrowright.png) top left;margin-left:6px}.tp-leftarrow.navbar-old.thumbswitharrow{margin-right:10px}.tp-leftarrow.square,.tp-leftarrow.square-old{margin-right:0;z-index:100;cursor:pointer;position:relative;width:12px;height:17px;margin-top:0;float:left}.tp-rightarrow.navbar-old.thumbswitharrow{margin-left:0}.tp-leftarrow.square{background:url(../../files/cto_layout/scripts/assets/arrow_left2.png) top left}.tp-rightarrow.square{z-index:100;cursor:pointer;position:relative;background:url(../../files/cto_layout/scripts/assets/arrow_right2.png) top left;width:12px;height:17px;float:left;margin-left:0;margin-top:0}.tp-leftarrow.square-old{background:url(../../files/cto_layout/scripts/assets/arrow_left2.png) top left}.tp-rightarrow.square-old{z-index:100;cursor:pointer;position:relative;background:url(../../files/cto_layout/scripts/assets/arrow_right2.png) top left;width:12px;height:17px;float:left;margin-left:0;margin-top:0}.tp-leftarrow.default,.tp-rightarrow.default{position:relative;width:40px;height:40px;cursor:pointer;z-index:100}.tp-leftarrow.default{background:url(../../files/cto_layout/scripts/assets/large_left.png)}.tp-rightarrow.default{background:url(../../files/cto_layout/scripts/assets/large_right.png)}.tp-leftarrow:hover,.tp-rightarrow:hover{background-position:bottom left}.tp-bullets.tp-thumbs{z-index:1000;position:absolute;padding:3px;background-color:#fff;width:500px;height:50px;margin-top:-50px}.fullwidthbanner-container .tp-thumbs{padding:3px}.tp-bullets.tp-thumbs .tp-mask{width:500px;height:50px;overflow:hidden;position:relative}.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer{width:5000px;position:absolute}.tp-bullets.tp-thumbs .bullet{width:100px;height:50px;cursor:pointer;overflow:hidden;background:0 0;margin:0;float:left;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out}.tp-bullets.tp-thumbs .bullet.selected,.tp-bullets.tp-thumbs .bullet:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1}.tp-thumbs img{width:100%}.tp-bannertimer{width:100%;height:10px;background:url(../../files/cto_layout/scripts/assets/timer.png);position:absolute;z-index:200;top:0}.tp-bannertimer.tp-bottom{bottom:0;height:5px;top:auto}@media only screen and (min-width:0px) and (max-width:479px){.responsive .tp-bullets,.responsive .tparrows{display:none}}.tp-simpleresponsive a{text-decoration:none}.tp-simpleresponsive ul{list-style:none;padding:0;margin:0}.tp-bullets.preview1 .bullet,.tp-bullets.preview2 .bullet{cursor:pointer;margin-bottom:0!important;float:none!important}.tp-simpleresponsive>ul>li{list-stye:none;position:absolute;visibility:hidden}.caption.slidelink a div,.tp-caption.slidelink a div{width:3000px;height:1500px;background:url(../../files/cto_layout/scripts/assets/coloredbg.png)}.tp-caption.slidelink a span{background:url(../../files/cto_layout/scripts/assets/coloredbg.png)}.tparrows .tp-arr-imgholder,.tparrows .tp-arr-titleholder{display:none}.tparrows.preview1{width:100px;height:100px;-moz-backface-visibility:hidden;background:0 0}.tparrows.preview1:after{position:absolute;left:0;top:0;font-family:revicons;color:#fff;font-size:30px;width:100px;height:100px;text-align:center;background:#fff;background:rgba(0,0,0,.15);z-index:2;line-height:100px;-webkit-transition:background .3s,color .3s;-moz-transition:background .3s,color .3s;transition:background .3s,color .3s}.tp-rightarrow.preview1:after{content:'\e825'}.tp-leftarrow.preview1:after{content:'\e824'}.tparrows.preview1:hover:after{background:rgba(255,255,255,1);color:#aaa}.tparrows.preview1 .tp-arr-imgholder{background-size:cover;background-position:center center;display:block;width:100%;height:100%;position:absolute;top:0;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.tp-rightarrow.preview1 .tp-arr-imgholder{right:100%;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tp-leftarrow.preview1 .tp-arr-imgholder{left:100%;-webkit-transform:rotateY(90deg);transform:rotateY(-90deg);-webkit-transform-origin:0 50%;transform-origin:0 50%}.tparrows.preview1:hover .tp-arr-imgholder{-webkit-transform:rotateY(0);transform:rotateY(0)}@media only screen and (min-width:768px) and (max-width:979px){.tparrows.preview1,.tparrows.preview1:after{width:80px;height:80px;line-height:80px;font-size:24px}}@media only screen and (min-width:480px) and (max-width:767px){.tparrows.preview1,.tparrows.preview1:after{width:60px;height:60px;line-height:60px;font-size:20px}}@media only screen and (min-width:0px) and (max-width:479px){.tparrows.preview1,.tparrows.preview1:after{width:40px;height:40px;line-height:40px;font-size:12px}}.tp-bullets.preview1{height:21px}.tp-bullets.preview1 .bullet{position:relative!important;background:rgba(0,0,0,.15)!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:5px!important;height:5px!important;border:8px solid transparent!important;display:inline-block;margin-right:5px!important;-webkit-transition:background-color .2s,border-color .2s;-moz-transition:background-color .2s,border-color .2s;-o-transition:background-color .2s,border-color .2s;-ms-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.tp-bullets.preview1 .bullet.last{margin-right:0}.tp-bullets.preview1 .bullet.selected,.tp-bullets.preview1 .bullet:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#aaa!important;width:5px!important;height:5px!important;border:8px solid rgba(255,255,255,1)!important}.tparrows.preview2{min-width:60px;min-height:60px;background:#fff;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;overflow:hidden;-webkit-transition:-webkit-transform 1.3s;-webkit-transition:width .3s,background-color .3s,opacity .3s;transition:width .3s,background-color .3s,opacity .3s;backface-visibility:hidden}.tparrows.preview2:after,.tparrows.preview3:after{-webkit-transition:color .3s;position:absolute;font-family:revicons}.tparrows.preview2:after{top:50%;color:#aaa;font-size:25px;margin-top:-12px;-moz-transition:color .3s;transition:color .3s}.tp-rightarrow.preview2:after{content:'\e81e';right:18px}.tp-leftarrow.preview2:after{content:'\e81f';left:18px}.tparrows.preview2 .tp-arr-titleholder{background-size:cover;background-position:center center;display:block;width:auto;position:absolute;top:0;-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#000;text-transform:uppercase;white-space:nowrap;letter-spacing:1px;font-weight:400;font-size:14px;line-height:60px;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.tp-rightarrow.preview2 .tp-arr-titleholder{right:50px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tp-leftarrow.preview2 .tp-arr-titleholder{left:50px;-webkit-transform:translateX(100%);transform:translateX(100%)}.tparrows.preview2.hovered{width:300px}.tparrows.preview2:hover{background:#fff}.tparrows.preview2:hover:after{color:#000}.tparrows.preview2:hover .tp-arr-titleholder{-webkit-transform:translateX(0);transform:translateX(0)}.tp-bullets.preview2{height:17px}.tp-bullets.preview2 .bullet{position:relative!important;background:rgba(0,0,0,.5)!important;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:6px!important;height:6px!important;border:5px solid transparent!important;display:inline-block;margin-right:2px!important;-webkit-transition:background-color .2s,border-color .2s;-moz-transition:background-color .2s,border-color .2s;-o-transition:background-color .2s,border-color .2s;-ms-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.tp-bullets.preview2 .bullet.last{margin-right:0}.tp-bullets.preview2 .bullet.selected,.tp-bullets.preview2 .bullet:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:rgba(255,255,255,1)!important;width:6px!important;height:6px!important;border:5px solid rgba(0,0,0,1)!important}@media only screen and (min-width:768px) and (max-width:979px){.tparrows.preview2{min-width:40px;min-height:40px;width:40px;height:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px}.tparrows.preview2:after{position:absolute;top:50%;font-family:revicons;font-size:20px;margin-top:-12px}.tp-rightarrow.preview2:after{content:'\e81e';right:11px}.tp-leftarrow.preview2:after{content:'\e81f';left:11px}.tparrows.preview2 .tp-arr-titleholder{font-size:12px;line-height:40px;letter-spacing:0}.tp-rightarrow.preview2 .tp-arr-titleholder{right:35px}.tp-leftarrow.preview2 .tp-arr-titleholder{left:35px}}@media only screen and (min-width:480px) and (max-width:767px){.tparrows.preview2{min-width:30px;min-height:30px;width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}.tparrows.preview2:after{position:absolute;top:50%;font-family:revicons;font-size:14px;margin-top:-12px}.tp-rightarrow.preview2:after{content:'\e81e';right:8px}.tp-leftarrow.preview2:after{content:'\e81f';left:8px}.tparrows.preview2 .tp-arr-titleholder{font-size:10px;line-height:30px;letter-spacing:0}.tp-rightarrow.preview2 .tp-arr-titleholder{right:25px}.tp-leftarrow.preview2 .tp-arr-titleholder{left:25px}}@media only screen and (min-width:0px) and (max-width:479px){.tparrows.preview2{min-width:30px;min-height:30px;width:30px;height:30px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}.tparrows.preview2:after{position:absolute;top:50%;font-family:revicons;font-size:14px;margin-top:-12px}.tp-rightarrow.preview2:after{content:'\e81e';right:8px}.tp-leftarrow.preview2:after{content:'\e81f';left:8px}.tparrows.preview2 .tp-arr-titleholder{display:none;visibility:none}.tparrows.preview2:hover{width:30px!important;height:30px!important}}.tp-bullets.preview3 .bullet,.tp-bullets.preview4 .bullet{cursor:pointer;-webkit-border-radius:10px;margin-right:2px!important;margin-bottom:0!important;box-sizing:content-box}.tparrows.preview3{width:70px;height:70px;background:#fff;background:rgba(255,255,255,1);-webkit-transform-style:flat}.tparrows.preview3:after{line-height:70px;text-align:center;color:#aaa;font-size:30px;top:0;left:0;background:#fff;z-index:100;width:70px;height:70px;-moz-transition:color .3s;transition:color .3s}.tparrows.preview3:hover:after{color:#000}.tp-rightarrow.preview3:after{content:'\e825'}.tp-leftarrow.preview3:after{content:'\e824'}.tparrows.preview3 .tp-arr-iwrapper{-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .2s;transition:transform .2s;z-index:0;position:absolute;background:#000;background:rgba(0,0,0,.75);display:table;min-height:90px;top:-10px}.tp-leftarrow.preview3 .tp-arr-iwrapper{-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 50%;transform-origin:0 50%;left:0;direction:rtl;padding-left:70px}.tparrows.preview3 .tp-arr-imgholder{background-size:cover;background-position:center center;display:table-cell;min-width:90px;height:90px;position:relative;top:0}.tp-bullets.preview3,.tp-bullets.preview4{height:17px}.tp-rightarrow.preview3 .tp-arr-iwrapper{right:0;padding-right:70px}.tparrows.preview3 .tp-arr-titleholder{display:table-cell;padding:30px;font-size:16px;color:#fff;white-space:nowrap;position:relative;clear:right;vertical-align:middle}.tparrows.preview3:hover .tp-arr-iwrapper{-webkit-transform:scale(1,1);transform:scale(1,1)}.tp-bullets.preview3 .bullet{position:relative!important;background:rgba(0,0,0,.5)!important;border-radius:10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:6px!important;height:6px!important;border:5px solid transparent!important;display:inline-block;-webkit-transition:background-color .2s,border-color .2s;-moz-transition:background-color .2s,border-color .2s;-o-transition:background-color .2s,border-color .2s;-ms-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s;float:none!important;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.tp-bullets.preview3 .bullet.last{margin-right:0}.tp-bullets.preview3 .bullet.selected,.tp-bullets.preview3 .bullet:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:rgba(255,255,255,1)!important;width:6px!important;height:6px!important;border:5px solid rgba(0,0,0,1)!important}@media only screen and (min-width:768px) and (max-width:979px){.tparrows.preview3,.tparrows.preview3:after{width:50px;height:50px;line-height:50px;font-size:20px}.tparrows.preview3 .tp-arr-iwrapper{min-height:70px}.tparrows.preview3 .tp-arr-imgholder{min-width:70px;height:70px}.tp-rightarrow.preview3 .tp-arr-iwrapper{padding-right:50px}.tp-leftarrow.preview3 .tp-arr-iwrapper{padding-left:50px}.tparrows.preview3 .tp-arr-titleholder{padding:10px;font-size:16px}}@media only screen and (max-width:767px){.tparrows.preview3,.tparrows.preview3:after{width:50px;height:50px;line-height:50px;font-size:20px}.tparrows.preview3 .tp-arr-iwrapper{min-height:70px}}.tparrows.preview4{width:30px;height:110px;background:0 0}.tparrows.preview4:after{position:absolute;line-height:110px;text-align:center;font-family:revicons;color:#fff;font-size:20px;top:0;left:0;z-index:0;width:30px;height:110px;background:#000;background:rgba(0,0,0,.25);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}.tparrows.preview4 .tp-arr-imgholder,.tparrows.preview4 .tp-arr-imgholder2{background-size:cover;background-position:center center;width:180px;height:110px;top:0;-webkit-backface-visibility:hidden;display:block}.tp-rightarrow.preview4:after{content:'\e825'}.tparrows.preview4 .tp-arr-allwrapper{visibility:hidden;width:180px;position:absolute;z-index:1;min-height:120px;top:0;left:-150px;overflow:hidden;-webkit-perspective:1000px;-webkit-transform-style:flat}.tp-leftarrow.preview4 .tp-arr-allwrapper{left:0}.tparrows.preview4 .tp-arr-iwrapper{position:relative}.tparrows.preview4 .tp-arr-imgholder{position:relative;backface-visibility:hidden}.tparrows.preview4 .tp-arr-imgholder2{position:absolute;left:180px;backface-visibility:hidden}.tp-leftarrow.preview4 .tp-arr-imgholder2{left:-180px}.tparrows.preview4 .tp-arr-titleholder{display:block;padding:0 10px;text-align:left;position:relative;background:#000;color:#FFF;text-transform:uppercase;white-space:nowrap;letter-spacing:1px;font-weight:700;font-size:11px;line-height:2.75;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.tparrows.preview4:after{transform-origin:100% 100%;-webkit-transform-origin:100% 100%}.tp-leftarrow.preview4:after{content:'\e824';transform-origin:0 0;-webkit-transform-origin:0 0}@media only screen and (min-width:768px){.tparrows.preview4:hover:after{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.tp-leftarrow.preview4:hover:after{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.tparrows.preview4:hover .tp-arr-titleholder{-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transform:rotateX(0);transform:rotateX(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}}.tp-bullets.preview4 .bullet{position:relative!important;background:rgba(0,0,0,.5)!important;border-radius:10px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:6px!important;height:6px!important;border:5px solid transparent!important;display:inline-block;-webkit-transition:background-color .2s,border-color .2s;-moz-transition:background-color .2s,border-color .2s;-o-transition:background-color .2s,border-color .2s;-ms-transition:background-color .2s,border-color .2s;transition:background-color .2s,border-color .2s;float:none!important;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.tp-bullets.preview4 .bullet.last{margin-right:0}.tp-bullets.preview4 .bullet.selected,.tp-bullets.preview4 .bullet:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:rgba(255,255,255,1)!important;width:6px!important;height:6px!important;border:5px solid rgba(0,0,0,1)!important}@media only screen and (max-width:767px){.tparrows.preview4{width:20px;height:80px}.tparrows.preview4:after{width:20px;height:80px;line-height:80px;font-size:14px}.tparrows.preview1 .tp-arr-allwrapper,.tparrows.preview2 .tp-arr-allwrapper,.tparrows.preview3 .tp-arr-allwrapper,.tparrows.preview4 .tp-arr-allwrapper{display:none!important}}.tp-loader.spinner0,.tp-loader.spinner1{width:40px;height:40px;box-shadow:0 0 20px 0 rgba(0,0,0,.15);margin-top:-20px;margin-left:-20px;border-radius:3px}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background:url(../../files/cto_layout/scripts/assets/loader.gif) center center no-repeat #fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-animation:tp-rotateplane 1.2s infinite ease-in-out;animation:tp-rotateplane 1.2s infinite ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px}.tp-loader.spinner1{background-color:#fff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-animation:tp-rotateplane 1.2s infinite ease-in-out;animation:tp-rotateplane 1.2s infinite ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px}.tp-loader.spinner5{background:url(../../files/cto_layout/scripts/assets/loader.gif) 10px 10px no-repeat #fff;margin:-22px;width:44px;height:44px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}@-webkit-keyframes tp-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.tp-loader.spinner2{width:40px;height:40px;margin-top:-20px;margin-left:-20px;background-color:red;box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;-webkit-animation:tp-scaleout 1s infinite ease-in-out;animation:tp-scaleout 1s infinite ease-in-out}@-webkit-keyframes tp-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes tp-scaleout{0%{transform:scale(0);-webkit-transform:scale(0)}100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}}.tp-loader.spinner3{margin:-9px 0 0 -35px;width:70px;text-align:center}.tp-loader.spinner3 .bounce1,.tp-loader.spinner3 .bounce2,.tp-loader.spinner3 .bounce3{width:18px;height:18px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);border-radius:100%;display:inline-block;-webkit-animation:tp-bouncedelay 1.4s infinite ease-in-out;animation:tp-bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.tp-loader.spinner3 .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.tp-loader.spinner3 .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes tp-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.tp-loader.spinner4{margin:-20px 0 0 -20px;width:40px;height:40px;text-align:center;-webkit-animation:tp-rotate 2s infinite linear;animation:tp-rotate 2s infinite linear}.tp-loader.spinner4 .dot1,.tp-loader.spinner4 .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:tp-bounce 2s infinite ease-in-out;animation:tp-bounce 2s infinite ease-in-out;box-shadow:0 0 20px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader.spinner4 .dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes tp-rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes tp-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes tp-bounce{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes tp-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.tp-transparentimg{content:"url(../../files/cto_layout/scripts/assets/transparent.png)"}.tp-3d{-webkit-transform-style:preserve-3d;-webkit-transform-origin:50% 50%}.tp-caption img{background:0 0;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);zoom:1}@font-face{font-family:revicons;src:url(../../files/cto_layout/scripts/font/revicons.eot?5510888);src:url(../../files/cto_layout/scripts/font/revicons.eot?5510888#iefix) format('embedded-opentype'),url(../../files/cto_layout/scripts/font/revicons.woff?5510888) format('woff'),url(../../files/cto_layout/scripts/font/revicons.ttf?5510888) format('truetype'),url(../../files/cto_layout/scripts/font/revicons.svg?5510888#revicons) format('svg');font-weight:400;font-style:normal}[class*=" revicon-"]:before,[class^=revicon-]:before{font-family:revicons;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.revicon-search-1:before{content:'\e802'}.revicon-pencil-1:before{content:'\e831'}.revicon-picture-1:before{content:'\e803'}.revicon-cancel:before{content:'\e80a'}.revicon-info-circled:before{content:'\e80f'}.revicon-trash:before{content:'\e801'}.revicon-left-dir:before{content:'\e817'}.revicon-right-dir:before{content:'\e818'}.revicon-down-open:before{content:'\e83b'}.revicon-left-open:before{content:'\e819'}.revicon-right-open:before{content:'\e81a'}.revicon-angle-left:before{content:'\e820'}.revicon-angle-right:before{content:'\e81d'}.revicon-left-big:before{content:'\e81f'}.revicon-right-big:before{content:'\e81e'}.revicon-magic:before{content:'\e807'}.revicon-picture:before{content:'\e800'}.revicon-export:before{content:'\e80b'}.revicon-cog:before{content:'\e832'}.revicon-login:before{content:'\e833'}.revicon-logout:before{content:'\e834'}.revicon-video:before{content:'\e805'}.revicon-arrow-combo:before{content:'\e827'}.revicon-left-open-1:before{content:'\e82a'}.revicon-right-open-1:before{content:'\e82b'}.revicon-left-open-mini:before{content:'\e822'}.revicon-right-open-mini:before{content:'\e823'}.revicon-left-open-big:before{content:'\e824'}.revicon-right-open-big:before{content:'\e825'}.revicon-left:before{content:'\e836'}.revicon-right:before{content:'\e826'}.revicon-ccw:before{content:'\e808'}.revicon-arrows-ccw:before{content:'\e806'}.revicon-palette:before{content:'\e829'}.revicon-list-add:before{content:'\e80c'}.revicon-doc:before{content:'\e809'}.revicon-left-open-outline:before{content:'\e82e'}.revicon-left-open-2:before{content:'\e82c'}.revicon-right-open-outline:before{content:'\e82f'}.revicon-right-open-2:before{content:'\e82d'}.revicon-equalizer:before{content:'\e83a'}.revicon-layers-alt:before{content:'\e804'}.revicon-popup:before{content:'\e828'}
/* REVO-SLIDER */
/** simple **/
.slider_wrapper.simple{padding:5px; background-color:#fff; width:890px; position:relative; margin-left:auto;margin-right:auto;}
.slider_wrapper.simple .inside{width:890px; height:490px; position:relative; overflow:hidden;}
/** resonsive slider **/
.slider_wrapper.responsive {padding:0px; background-color:#fff; width:960px position:relative; margin-left:auto; margin-right:auto;}
.slider_wrapper.responsive .inside{ width:960px; height:500px; position:relative; overflow:hidden;}
/* THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE */
@media only screen and (min-width: 768px) and (max-width: 959px) { .slider_wrapper.responsive , .slider_wrapper.responsive .inside {width:760px; height:395px;} }
@media only screen and (min-width: 480px) and (max-width: 767px) { .slider_wrapper.responsive , .slider_wrapper.responsive .inside {width:480px; height:250px;} }
@media only screen and (min-width: 0px) and (max-width: 479px) {.slider_wrapper.responsive , .slider_wrapper.responsive .inside { width:320px;height:166px; } }
/** fullscreen slider **/
.slider_wrapper.fullscreen{width:100% !important; position:relative; padding:0; height:100%;}
/** full width slider **/
.slider_wrapper.fullwidth {width:100% !important; position:relative; padding:0; max-height:500px !important; overflow:hidden;}/** noise overlay **/
/** stretch video controls **/
.fullscreenvideo .mejs-container {width: 100% !important; height:inherit !important;}
.fullscreenvideo .mejs-container .mejs-layer {width: 100% !important; height: 100% !important;}
/** noise overlay **/
.tp-dottedoverlay.noise {background: url(../../files/cto_layout/scripts/img/overlay_noise.gif); opacity: 0.1;}
/**
* BxSlider v4.1.2 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2014
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: 5px solid #fff;
left: -5px;
background: #fff;
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
-moz-transform: translatez(0);
-ms-transform: translatez(0);
-o-transform: translatez(0);
transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(../../files/cto_layout/scripts/bxslider/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #df252b;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(../../files/cto_layout/scripts/bxslider/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(../../files/cto_layout/scripts/bxslider/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(../../files/cto_layout/scripts/bxslider/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(../../files/cto_layout/scripts/bxslider/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
* {margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; text-rendering: optimizeLegibility; box-sizing: border-box;}
.jPanelMenu-panel *, #styler-panel * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#wrapper .mejs-container * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
ol, ul {list-style: none;}
table {border-spacing: 0;}
body {height: 100%; -webkit-overflow-scrolling: touch; position: relative;}
#header_after, #main, #left, #right, #header, #container_before, #container, #container_before:before, #container_before:after, #wrapper, #main .inside .mod_article {-webkit-backface-visibility: hidden;}
.float-left {float: left;}
.float-right {float: right;}
.center {text-align: center;}
.hide {display: none;}
.image_container a {line-height: 0;}
#mbCenter img {width: auto; max-width: 100%; height: auto; vertical-align: middle;}
.inside{position:relative;text-align:left}
.block{overflow:hidden}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
.custom{display:block;text-align:left}
.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*+html #main{position:static}
header,footer,nav,section,aside,article,figure,figcaption{display:block}
#container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
#chromeframe {background: red; padding: 10px; color: #fff; text-align: center; position: relative; z-index: 10000;}
.full {overflow: hidden; margin-left: 0; width:100%; float:left; position:relative;}
.one_half {overflow: hidden; margin-left: 2%; width:46%; float:left; position:relative;/*height:340px;*/ margin-bottom: 20px;}
.one_third {overflow: hidden; margin-left: 3%; width:30%; float:left; position:relative;}
.two_third {overflow: hidden; margin-left: 5%; width:65%; float:left; position:relative;}
.one_fourth {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;}
#footer .one_fourth.last {width: 24%;}
.two_fourth {overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative;}
.three_fourth {overflow: hidden; margin-left: 4%; width:74%; float:left; position:relative;}
.one_fifth {overflow: hidden; margin-left: 5%; width:16%; float:left; position:relative;}
.two_fifth {overflow: hidden; margin-left: 4%; width:37%; float:left; position:relative;}
.three_fifth {overflow: hidden; margin-left: 4%; width:57%; float:left; position:relative;}
.four_fifth {overflow: hidden; margin-left: 4%; width:79%; float:left; position:relative;}
.mod_article div.one_half:first-child, .mod_article div.one_third:first-child, .mod_article div.two_third:first-child, .mod_article div.one_fourth:first-child, .mod_article div.two_fourth:first-child, .mod_article div.three_fourth:first-child, .mod_article div.one_fifth:first-child, .mod_article div.two_fifth:first-child, .mod_article div.three_fifth:first-child, .mod_article div.four_fifth:first-child,
.full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first {margin-left: 0!important; clear: left;}
a {color: #555; text-decoration: none;}
#footer p {font-size: 13px;}
p {font-size: 14px; margin-bottom: 20px;}
blockquote {font-style: italic; font-size: 16px; margin-bottom: 20px;}
blockquote p {line-height: 22px;}
iframe {max-width: 100%;}
#container .image_container img {width: 100%;}
code, pre {font-family: Verdana, sans-serif;}
.bigtext {font-size: 16px; 1line-height: 30px; font-weight: 200;}
.center {text-align: center;}
abbr {background: #efefef; border-bottom: 1px dashed; cursor: pointer;}
.no_margins p {margin: 0;}
.color {color: #df252b;}
.bg_color {background-color: #df252b;}
.border-top {border-top: 1px solid #ccc; padding-top: 20px;}
.border-bottom {border-bottom: 1px solid #ccc; padding-bottom: 20px;}
h1, h2, h3, h4, h5, h6 {padding: 0.3em 0; line-height: 1.4; margin-bottom: 0.5em; font-family: Verdana; color: #4d4f4f; font-weight: 300;}
h1 {font-size: 24px;}
h2{font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 15px;}
h5 {font-size: 14px;}
h6 {font-size: 11px;}
h2 span {padding-bottom: 4px;}
/* home */
h1.home {border-bottom: 3px solid #efefef; text-align: left !important; text-transform: uppercase;}
h2.home {font-size: 20px; border-bottom: 1px solid #efefef; text-transform: uppercase;}
h2.home-small {font-size: 14px; border-bottom: 1px solid #efefef; text-transform: uppercase;}
h3.home {font-size: 24px; border-bottom: 3px solid #efefef;}
.divider h1, .divider h2, .divider h3, .divider h4, .divider h5, .divider h6, h1.divider, h2.divider, h3.divider, h4.divider, h5.divider, h6.divider {background: url(../../files/cto_layout/img/title-bg.png) repeat left center; line-height: 1.4em; margin-bottom: 20px; border: 0;}
.divider span {background: #fff; padding-right: 10px;}
.divider_2 h1, .divider_2 h2, .divider_2 h3, .divider_2 h4, .divider_2 h5, .divider_2 h6, h1.divider_2, h2.divider_2, h3.divider_2, h4.divider_2, h5.divider_2, h6.divider_2 {background: url(../../files/cto_layout/img/divider_4.png) repeat-x left 59%; line-height: 1.6em; margin-bottom: 30px; border: 0;}
.divider_2 span {background: #fff; padding: 0 10px 0 0;}
hr {width: 100%; clear: both;}
hr, hr.divider_1 {padding: 0; border: none; border-top: 1px solid #ddd; color: #ccc; text-align: center; height: 1px; margin: 40px 0;}
hr.divider_2 {position: relative;margin: 40px 0;height: 7px;line-height: 7px;border: 0;background: url(../../files/cto_layout/img/divider_2.png); border-radius: 7px; }
hr.divider_3 {position: relative;margin: 40px 0;height: 11px;line-height: 11px;border: 0;background: url(../../files/cto_layout/img/divider_3.png) center top no-repeat; background-size: 100%;}
hr.divider_4 {position: relative;margin: 40px 0;height: 11px;line-height: 11px;border: 0;background: url(../../files/cto_layout/img/divider_4.png) center top repeat-x;}
/* --body
------------------------------------------------- */
body {color: #555; overflow-x: hidden; font-family: Verdana, sans-serif; font-size: 13px; line-height: 1.5;}
body .jPanelMenu-panel, body {background: #F3F3F3;}
/* --page-width
------------------------------------------------- */
#first .inside, #header, #header .inside, #header_after .inside, #wrapper, #footer, #footer .inside, #container_before .inside, #bottom, #bottom .inside, #container-inside {max-width: 1280px; margin: 0 auto;}
/* --page-width layout_wide
------------------------------------------------- */
body.layout_wide #header, body.layout_wide #header_after, body.layout_wide #header_after .inside, body.layout_wide #wrapper, body.layout_wide #container_before, body.layout_wide #footer, body.layout_wide #bottom {max-width: 100%;}
body.layout_wide #first .inside {padding-left: 40px; padding-right: 40px;}
/* --body classes for hide elements
------------------------------------------------- */
body.socials_hide .socials, body.langswitch_hide .sprachwechsler, body.top_hide #first, body.hotline_hide #hotline, body.search_hide #first .mod_search, body.search_hide #jPanelMenu-menu .mod_search {display: none;}
/* --top
------------------------------------------------- */
#first {overflow: hidden; padding: 5px 0; background: rgba(255, 255, 255, 0.9); margin-bottom: 10px; -moz-box-shadow: 0 0 7px rgba(0,0,0,.11); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11); box-shadow: 0 0 7px rgba(0,0,0,.11);}
#first .socials {float: left; margin: 15px 0; height: 30px; margin-right: 15px;}
#first .mod_search {float: right;}
#first .socials a:before {line-height: 29px; width: 29px; height: 29px; font-size: 11px;}
#first .mod_search {margin-top:15px; margin-left: 20px;}
#first .mod_search .widget-text {height: 29px; float: left;}
#first .mod_search .widget-text input {width: 150px; padding: 6px; border-width: 1px;}
#first .mod_search .widget-submit {display: inline; height: 29px;}
#first .mod_search .widget-submit .submit { font-size: 0; }
#first #hotline {float: right; line-height: 20px; margin-top: 8px;}
#first #hotline a, #hotline-at a, #hotline-ch a{color: #df252b;}
#first #hotline:before {font-family: "icons"; content: "\eccc"; display: inline-block; margin-right: 5px; margin-left: 22px;}
#first #hotline-ch, #hotline-at {float: right; line-height: 20px; margin-top: 8px;}
#first #hotline-ch:before {content: " "; width: 20px; height: 17px; background-image: url(../../files/cto_layout/img/ch-wappen.png); background-repeat: no-repeat; margin: 0px 0px -5px 3px; display: inline-block;}
#first #hotline-at:before {content: " "; width: 20px; height: 17px; background-image: url(../../files/cto_layout/img/at-wappen.png); background-repeat: no-repeat; margin: 0px 0px -5px 3px; display: inline-block;}
.sprachwechsler {float: left;}
.sprachwechsler a {margin-right: 5px; line-height: 30px; padding-right: 8px; border-right: 1px solid #ccc;}
.sprachwechsler a:last-child {border: 0;}
.sprachwechsler a:hover {text-decoration: underline;}
#logo {top: 30px; left: 40px; position: absolute;}
#logo img {width: auto; height: 80px;}
#header {background-repeat: repeat; position: relative; background-color: #fff; z-index: 9998; -moz-box-shadow: 0 0 7px rgba(0,0,0,.11); -webkit-box-shadow: 0 0 7px rgba(0,0,0,.11); box-shadow: 0 0 7px rgba(0,0,0,.11);}
#header .inside {padding: 20px 40px;}
#header .image_container {margin: 0;}
#header_after {display: block; margin-left: auto; margin-right: auto; overflow: hidden;}
#header_after .inside {overflow: hidden!important; line-height: 0;}
#header_after .image_container {margin: 0;}
#header_after .ce_text.headertext {position: absolute; left: 0; top: 30%; width: 100%; padding: 0 40px; max-width: 1280px; margin-left: auto; margin-right: auto;}
#header_after .ce_text.headertext h1 {font-weight: 400; text-transform: uppercase; font-family: 'Raleway'; letter-spacing: -0.2px; border: 0; padding: 0; margin: 0;}
#header_after .ce_text.headertext strong {font-weight: 800;}
#header_after .ce_text.headertext h2 {font-size: 42px; font-weight: 800; text-transform: uppercase; font-family: 'Raleway'; letter-spacing: -0.2px; border: 0; margin: 0;}
#header_after .ce_text.headertext p {line-height: 20px;}
@media only screen and (max-width: 989px) {
#header_after .ce_text.headertext h2 {font-size: 26px;}
#header_after .ce_text.headertext h3 {font-size: 20px;}
#header_after .ce_text.headertext p {font-size: 12px; line-height: 19px;}
}
@media only screen and (max-width: 767px) {
#header_after .ce_text.headertext h1 {font-size: 18px;}
#header_after .ce_text.headertext h2 {font-size: 15px;}
#header_after .ce_text.headertext h3 {display: none;}
#header_after .ce_text.headertext p {display: none;}
#logo img {width: auto; height: 40px;}
}
#downloads a {color:#DF252B;}
#downloads a:hover {color:#000; text-decoration: underline;}
.ce_revolutionslider {background: #fff;}
#layerslider h2 {background: white;padding:3px;font-size: 33px;}
#layerslider h3 {background: white;padding:3px;margin-top:-1px;margin-left:17px;}
#layerslider p {background: white;display: block;margin:-22px 0 0 33px;padding:7px;line-height: 30px;font-size:14px;}
.tp-rightarrow.default {background: url(../../files/cto_layout/img/large_right.png) no-repeat!important; width: 45px!important; height: 70px!important; right: 0!important;}
.tp-leftarrow.default {background: url(../../files/cto_layout/img/large_left.png) no-repeat!important; width: 45px!important; height: 70px!important; left: 0!important;}
.tp-leftarrow:hover,.tp-rightarrow:hover {background-position:bottom left!important;}
.tp-bullets.simplebullets.round .bullet {background: url(../../files/cto_layout/img/bullet.png) no-repeat top left!important;}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {background-position:bottom left!important;}
.ce_revolutionslider h2 {font-size: 42px; font-weight: 800; text-transform: uppercase; font-family: 'Raleway'; letter-spacing: -0.2px; border: 0; padding: 0; margin: 0;}
.ce_revolutionslider h3 {font-size: 26px; font-weight: 300; text-transform: uppercase;}
.ce_revolutionslider .ce_text {font-size: 16px; font-weight: 500; color: #555; line-height: 25px;}
.ce_revolutionslider .slide_1 h2,
.ce_revolutionslider .slide_1 h3,
.ce_revolutionslider .slide_1 p {color: #3a3a3a;}
/* --bxslider
------------------------------------------------- */
.bx-wrapper {margin-bottom: 0; position: relative;}
.bx-wrapper .bx-viewport {background: #fff; border:0; left: 0; box-shadow: none;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {background: none;}
.bx-wrapper .bx-controls {height: 100%!important; top: 50%;}
.bx-wrapper .bx-controls-direction {position: absolute; top: -56px; right: 0px; width: 70px; padding-left: 10px; overflow: hidden; height: 24px;}
.bx-wrapper .bx-controls-direction a:before {color: #fff; font-family: "icons"; font-size: 24px; line-height: 24px; max-height: 24px; width: inherit; display: inline-block; position: absolute; overflow: hidden; top: 40%; text-align: center; margin-top: -9px;}
.bx-wrapper .bx-controls-direction a.bx-next:before {content: "\e75e";}
.bx-wrapper .bx-controls-direction a.bx-prev:before {content: "\e75d";}
.bx-wrapper .bx-controls-direction a.bx-prev {float: left; background: #ccc; left: 0; margin-left: 8px;}
.bx-wrapper .bx-controls-direction a.bx-next {float: right; background: #ccc; right: 0;}
.bx-wrapper .bx-controls-direction a {position: relative; text-indent: 0; top: 0; margin-top: 0; width: 24px; height: 24px; margin: 0;}
/* --bxslider in gallery
------------------------------------------------- */
.ce_gallery .bx-controls-direction {position: static; height: auto; width: auto; padding: 0;}
.ce_gallery .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px;}
.ce_gallery .bx-controls-direction a:before {color: #c4c4c4;}
.ce_gallery .bx-controls-direction a.bx-prev, .ce_gallery .bx-controls-direction a.bx-next {background: transparent;}
/* --socials
------------------------------------------------- */
.socials p {font-size: 18px; font-weight: 200; margin-bottom: 0;}
.socials a {display: inline-block; text-align: center; margin: 0 2px; margin-bottom: 5px; color: #fff;}
.socials a:before {color: #fff;}
.soc_facebook:before {font-family: "icons"; content: '\66'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_facebook:before {background-color: #3b5998;}
.soc_twitter:before {font-family: "icons"; content: '\54'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_twitter:before {background-color: #0172D1;}
.soc_linkedin:before {font-family: "icons"; content: '\e9f4'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_linkedin:before {background-color: #005886;}
.soc_youtube:before {font-family: "icons"; content: '\55'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_youtube:before {background-color: #e52d27;}
.soc_vimeo:before {font-family: "icons"; content: '\56'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_vimeo:before {background-color: #42BBFF;}
.soc_xing:before {font-family: "icons"; content: '\58'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_xing:before {background-color: #026466;}
.soc_google:before {font-family: "icons"; content: '\47'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_google:before {background-color: #0044CC;}
.soc_itunes:before {font-family: "icons"; content: '\69'; font-size: 16px; line-height: 36px; background: #7b7b7b; width: 36px; height: 36px; padding: 0; border-radius: 72px; display: inline-block;}
a:hover.soc_itunes:before {background-color: #b4b4b4;}
.mod_breadcrumb {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 4px 0; color: #5e5e5e; font-size: 11px; margin-bottom: 25px;}
.mod_breadcrumb li {display: inline-block; margin-right: 5px;}
.mod_breadcrumb li:before {font-family: "icons"; content: '\ea08'; margin-right: 5px;}
.mod_breadcrumb li.first:before {display: none;}
.mod_breadcrumb a {color: #5e5e5e;}
#wrapper {position:relative; z-index:10; border-top: 15px solid #df252b;}
#container {position: relative; width: 100%; margin: 0; background: #fff;}
#container-inside {padding: 40px; overflow: hidden;}
#container_after {display: block; position: relative; width: 100%; margin: 10px auto; max-width: 1280px; border: 0px solid #d0d0d0;}
#container_before .inside {position: relative; margin: 0 auto; overflow: hidden; padding: 40px 20px; min-height: 490px;}
#container_before .inside h1 {text-align: center; border: 0; font-size: 20px; text-align: center; font-weight: normal;}
#container_before .hyperlink {text-align: center;}
#container_before {position: relative; display: block; margin: 0 auto 31px auto; width: 100%; background: #fff;}
#container_before:before, #container_before:after { position: absolute; height: 100%; width: 73px; top: 0; content: ""; z-index: -1; display: block; }
#container_before:before {left: -73px;background: transparent url(../../files/cto_layout/img/content_big-teaser-shadow-before.png) no-repeat;}
#container_before:after {right: -73px; background: transparent url(../../files/cto_layout/img/content_big-teaser-shadow-after.png) no-repeat;}
#container_before .inside:after {position: absolute; top: 0px; left: 50%; margin-left: -25px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 25px; border-color: #df252b transparent transparent transparent;}
body.sidebar_left #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_left #left {overflow: hidden; margin-right: 5%; width:30%; float:left; position:relative;}
body.sidebar_left #left .inside {padding-right: 18%; background: url(../../files/cto_layout/img/sidebar_left.png) right top no-repeat; min-height: 460px;}
body.sidebar_right #main {overflow: hidden; width:65%; float:left; position:relative;}
body.sidebar_right #right {overflow: hidden; margin-left: 5%; width:30%; float:left; position:relative;}
body.sidebar_right #right .inside {padding-left: 18%; background: url(../../files/cto_layout/img/sidebar_right.png) left top no-repeat; padding-bottom: 45px; min-height: 460px;}
body.sidebar_both #main {overflow: hidden; width:48%; float:left; position:relative;}
body.sidebar_both #right {overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative;}
body.sidebar_both #right .inside {padding-left: 18%; background: url(../../files/cto_layout/img/sidebar_right.png) left top no-repeat; min-height: 460px;}
body.sidebar_both #left {overflow: hidden; margin-right: 4%; width:22%; float:left; position:relative;}
body.sidebar_both #left .inside {padding-right: 18%; background: url(../../files/cto_layout/img/sidebar_left.png) right top no-repeat; min-height: 460px;}
#footer {background: #F8F8F8;}
#footer .inside {margin: 0 auto; padding: 40px;}
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6 {font-weight: bold;}
#bottom {background: #A0A0A0; color: #fff;}
#bottom .inside {max-width: 1280px; margin: 0 auto; padding: 20px 40px;}
#bottom a {color: inherit;}
#bottom a:hover {color: #fff;}
#bottom .last a {padding: 0 5px;}
#bottom .last a:last-child {padding-right: 0;}
nav#mainmenu a {-webkit-transition: All 0.25s ease;-moz-transition: All 0.25s ease;-o-transition: All 0.25s ease;-ms-transition: All 0.25s ease;transition: All 0.25s ease; color: #888888;}
nav#mainmenu {overflow: visible!important; line-height: 0; float: right;}
nav#mainmenu ul {position: relative; display: inline-table; width: 100%;}
nav#mainmenu ul ul {width: auto; display: none;}
nav#mainmenu ul:after {content: ""; clear: both; display: block;}
nav#mainmenu ul li {float: left;}
nav#mainmenu ul li:hover > ul {display: block;}
nav#mainmenu ul li a {display: block; text-decoration: none; position: relative; line-height: 24px; min-height: inherit; text-align: center; font-size: 14px; text-transform: uppercase; float: none; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 15px 5px;}
nav#mainmenu ul li > a:before {position: relative; width: 100%!important; line-height: 30px!important; font-size: 30px; vertical-align: middle; margin-right: 0;}
nav#mainmenu ul ul li > a:before {margin-right: 5px;}
nav#mainmenu ul li a.first {border-top: 0;}
nav#mainmenu ul li a:hover {color: #676767;}
nav#mainmenu ul ul {white-space:nowrap; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin-left: 0; background: #505050;}
nav#mainmenu ul li.last ul {right: 0;}
nav#mainmenu ul ul li.last ul {right: inherit;}
nav#mainmenu ul ul li {float: none; position: relative; line-height: 32px; min-height: 0;}
nav#mainmenu ul ul li a{text-transform: none; text-align: left; border: 0; padding: 0 20px!important; line-height: 32px; color: #fff; font-size: 12px;}
nav#mainmenu ul ul li a:before{font-size: inherit;height: auto;line-height: 32px!important; width: 20px!important;padding-top: 0; }
nav#mainmenu ul ul li.last {border:0;}
nav#mainmenu ul ul ul {position: absolute; left: 100%; top:0;}
nav#mainmenu ul ul a.trail, nav#mainmenu ul ul a.active, nav#mainmenu ul ul a:hover {border: 0;}
nav#mainmenu .trail ul ul a {margin-top:-5px;}
nav#mainmenu .trail > span {color: #505050;}
nav#mainmenu ul a.trail, nav#mainmenu ul a.active, nav#mainmenu ul a:hover {border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #F3F3F3;}
nav#mainmenu ul ul li a:hover, nav#mainmenu ul ul li a.trail, nav#mainmenu ul ul li a.active, nav#mainmenu ul ul li.active a {background: #df252b; color: #fff;}
.submenu ul li span {display: block;position: relative;top:-5px;height:20px;padding-bottom: 4px;}
.submenu ul li a:hover span {color:white !important;}
.submenu trail ul li a span {color:white !important;}
/* no_naviicons */
body.naviicons_hide #mainmenu li[class*="icon-"] a:before,
body.naviicons_hide #mainmenu li[class*="icon-"] span:before {display: none;}
body.naviicons_hide #mainmenu .level_2 li[class*="icon-"] a:before,
body.naviicons_hide #mainmenu .level_2 li[class*="icon-"] span:before {display: inline-block;}
body.naviicons_hide nav#mainmenu ul li a {padding: 36px 15px;}
nav#mainmenu span {font-size: 10px; text-transform: none; display: block; white-space:normal; line-height: normal; color: #999999; font-family: Verdana, sans-serif;}
body.navisubline_hide nav#mainmenu span {display: none;}
#submenu {margin-bottom: 25px;}
#submenu a {display: block; padding: 4px; margin-bottom: 0; -webkit-transition: All 0.1s ease; -moz-transition: All 0.1s ease; -o-transition: All 0.1s ease; -ms-transition: All 0.1s ease; transition: All 0.1s ease;}
#submenu li ul li {border: 0;}
#submenu ul ul {margin-left: 12px;}
#submenu ul ul li {padding: 0;}
#submenu a:hover, #submenu a.active {color: #df252b; background: #f8f8f8;}
#submenu ul li:hover > ul, #submenu ul li.active > ul, #submenu ul li.trail > ul {display: block;}
#submenu ul ul {display: none;}
#submenu ul ul ul {display: none;}
#submenu ul ul ul ul {display: none;}
/* --triangle
------------------------------------------------- */
nav#mainmenu li.submenu:hover a:after {background: #505050; border: 1px solid; border-color: #fff #CECDCA #CECDCA #fff; content: ''; display: block; width: 16px; height: 16px; position: absolute; bottom: -9px; left: 40%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
nav#mainmenu li.submenu:hover ul a:after{display: none;}
#off_canvas {display: none;}
#jPanelMenu-menu {display: none; z-index: -1; width: 0; position: absolute; background: #333; z-index: 1; -webkit-box-shadow:inset 0 0 5px 5px #222; -moz-box-shadow:inset 0 0 5px 5px #222; box-shadow:inset 0 0 5px 5px #222;}
#jPanelMenu-menu a {color: #fff; padding: 8px 4px; display: block; border-bottom: 1px solid #1a1a1a;}
#jPanelMenu-menu a span {display: none;}
#jPanelMenu-menu a:before {z-index: 100;}
#jPanelMenu-menu a:hover, #jPanelMenu-menu a.active {background: #4b4b4b;}
#jPanelMenu-menu ul ul a {padding-left: 20px;}
#jPanelMenu-menu ul ul ul a {padding-left: 30px;}
#jPanelMenu-menu ul ul ul ul a {padding-left: 40px;}
#jPanelMenu-menu .socials {padding: 5px 0; border-bottom: 1px solid #1a1a1a; text-align: center; background: #4b4b4b; -webkit-box-shadow: inset 0px -3px 4px 0px #333; -moz-box-shadow: inset 0px -3px 4px 0px #333; box-shadow: inset 0px -3px 4px 0px #333;}
#jPanelMenu-menu .socials a {display: inline-block; border: 0; padding: 3px;}
#nav-open-btn {display: none; position: relative; float: right; z-index: 100; margin-top: 25px;}
#nav-open-btn:before {font-family: "icons"; content: '\2630'; color: #fff; font-size: 20px; line-height: 20px; width: 100%; text-align: center; display: block; background: #df252b; border: 2px solid #ab3e2e; padding: 6px; border-radius: 8px; width: 20px;}
#jPanelMenu-menu form {text-align: center;}
#jPanelMenu-menu form button {}
#jPanelMenu-menu form input {width: 83%!important; border: 0;}
#jPanelMenu-menu .mod_search {border-bottom: 1px solid #3c3c3c; margin-bottom: 5px; padding: 10px; background: #1a1a1a;}
#jPanelMenu-menu .sprachwechsler {float: none; padding: 0; border: 0; margin: 0;}
#jPanelMenu-menu .sprachwechsler a {background: #4B4B4B; border-right: 0; margin: 0; padding: 0px 4px;}
#jPanelMenu-menu .sprachwechsler a:before {font-family: "icons"; content: "\21b3"; display: inline-block; position: relative; margin-right: 5px;}
#jPanelMenu-menu .mod_search .submit {height: 33px;}
.slider-control {position:static!important; height:0!important;}
.slider-control a {top: 50%!important; opacity: 0.7; margin-top: -25px!important;}
.slider-control a:hover {opacity: 1;}
.slider-prev {background: url(../../files/cto_layout/img/arrow-prev.png) left top no-repeat; text-indent: -9999em; display: block; width: 50px; height: 50px;}
.slider-next {background: url(../../files/cto_layout/img/arrow-next.png) left top no-repeat; text-indent: -9999em; display: block; width: 50px; height: 50px;}
.slider-menu {bottom: 0; top: auto!important; font-family: Verdana, sans-serif;}
.slider-menu b {margin: 0 2px!important;}
.ce_sliderStart {position: relative!important;}
#header_after .content-slider {margin: 0;}
#header_after .slider-control .slider-prev {left: 15px;}
#header_after .slider-control .slider-next {right: 15px;}
#header_after .slider-menu {bottom: 20px;}
.back a:before {font-family: "icons"; content: '\e881'; margin-right: 5px;}
td.first {text-align: center; font-weight: bold; vertical-align: top;}
table {margin-bottom: 10px; width: 100%;}
table td {padding: 0.5em; border-top: 1px solid #eee; text-align: left;}
table td p {margin: 10px 0;}
table th {text-align: left; padding: 0.5em;}
.table-striped tr.even {background: #f8f8f8;}
.table-blank tr, .table-blank td, .table-blank th, .table-blank table {border: 0; padding: 0;}
.table-extended table {text-align: center; color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; border: 1px solid #e0e0e0;}
.table-extended table td {border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-top: 1px solid #ffffff; background: #fafafa;}
.table-extended table th {border-bottom: 1px solid #e0e0e0; border-top: 1px solid #fafafa; background: #ededed;}
.table-extended table th.col_first {text-align: left;}
.table-extended table tr.odd td {background: #f6f6f6;}
.table-extended table td.col_first {text-align: left; border-left: 0;}
.table-extended table .row_last td {border-bottom: 0;}
.table-extended table td:hover {background: #ddd!important;}
.table-extended table td {-webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
.ce_gallery .row1 {overflow: hidden; margin-left: 0; width:100%; float:left; margin-bottom: 15px;}
.ce_gallery .row2 {overflow: hidden; margin-left: 4%; width:48%; float:left; margin-bottom: 15px;}
.ce_gallery .row3 {overflow: hidden; margin-left: 3%; width:30%; float:left; margin-bottom: 15px;}
.ce_gallery .row4 {overflow: hidden; margin-left: 4%; width:22%; float:left; margin-bottom: 15px;}
.ce_gallery .row5 {overflow: hidden; margin-left: 5%; width:16%; float:left; margin-bottom: 15px;}
.ce_gallery .row6 {overflow: hidden; margin-left: 2%; width:15%; float:left; margin-bottom: 15px;}
.ce_gallery .row7 {overflow: hidden; margin-left: 1.5%; width:13%; float:left; margin-bottom: 15px;}
.ce_gallery .row8 {overflow: hidden; margin-left: 1.71%; width:11%; float:left; position:relative;}
.ce_gallery .row9 {overflow: hidden; margin-left: 1.25%; width:10%; float:left; position:relative;}
.ce_gallery .row10 {overflow: hidden; margin-left: 1%; width:9.1%; float:left; position:relative;}
.ce_gallery .row11 {overflow: hidden; margin-left: 1.1%; width:8.09%; float:left; position:relative;}
.ce_gallery .row12 {overflow: hidden; margin-left: 1%; width: 7.41%; float:left; position:relative;}
.ce_gallery .col_first {/*margin-left: 0!important; /*clear: both;*/ }
.ce_gallery li {position: relative;}
.ce_gallery img {width: 100%; display: block; height: auto;}
.ce_gallery .caption {letter-spacing: 0; word-spacing: 0; font-size: 12px; line-height: 16px;}
/* special classes for ce_gallery */
.ce_gallery.image-border img {border: 1px solid #ddd;}
.rounded-images img {border-radius: 500%;}
/* --image_container
------------------------------------------------- */
.image_container {position: relative; padding: 0; margin-bottom: 10px;}
.image_container .caption {background: #ffffff; color: #505050; padding: 3px 6px; width: auto!important; font-size: 11px; position: absolute; right: 0; bottom: 0; width: auto!important;}
.image_container.float_right, .image_container.float_left {float: right; width: 45%; padding: 0; margin-bottom: 3%;}
.image_container.float_right {margin-left: 5%;}
.image_container.float_left {margin-right: 5%;}
.image_container img {width: 100%; display: block; height: auto;}
#container .noresize .image_container {margin: 0!important; width: auto!important}
#container .noresize .image_container img {width: auto; height: auto;}
/* --list
------------------------------------------------- */
.ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol {margin-bottom: 15px; padding-left: 17px;}
.ce_text li, .ce_list li, .ce_text ol, .ce_list ol {line-height: 24px; font-size: 14px;}
.ce_text ul li, .ce_list ul li {list-style-type: disc; list-style-position: outside;}
.ce_text ol, .ce_list ol {list-style: decimal; padding-left: 25px;}
.ce_text ol ol, .ce_list ol ol {list-style: upper-alpha;}
.ce_text ol ol ol, .ce_list ol ol ol {list-style: lower-roman;}
/* --blockquote
------------------------------------------------- */
.blockquote-a {padding-left: 35px; position: relative;}
.blockquote-a p{text-align: justify; font-family: Georgia, Times, serif; font-size: 13px; font-style: italic; line-height: 20px;}
.blockquote-a:before {font-family: "icons"; content: "\275e"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}
.blockquote-b {padding-left: 35px; position: relative;}
.blockquote-b {font-size: 17px; line-height: 24px;}
.blockquote-b:before {font-family: "icons"; content: "\275c"; text-indent: 0; display: inline-block; position: absolute; top: 0px; left: 0; margin-right: 5px; font-style: normal; font-size: 25px;}
/* --socialbox
------------------------------------------------- */
.socialbox img {margin-right: 2px;}
/* --ce_comments
------------------------------------------------- */
.ce_comments .widget {margin-bottom: 10px;}
/* --content-box
------------------------------------------------- */
.content-box-a {background-color: #F9BBB9; padding: 20px 20px 10px 20px; border-left: 4px solid #E0A7A6;}
.content-box-b {background-color: #C1FFCC; padding: 20px 20px 10px 20px; border-left: 4px solid #AEE6B8;}
.content-box-c {padding: 20px 20px 10px 20px; border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.content-box-d {padding: 30px 20px 20px 20px; background: #E0F1B5; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4F5F39; text-align: center; font-size: 16px;}
.content-box-d p:before {font-family: "icons"; content: "\2139"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-e {padding: 30px 20px 20px 20px; background: #F5F6FC; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #4671A3; text-align: center; font-size: 16px;}
.content-box-e p:before {font-family: "icons"; content: "\261e"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-f {padding: 30px 20px 20px 20px; background: #FFF8F4; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #AF2C20; text-align: center; font-size: 16px;}
.content-box-f p:before {font-family: "icons"; content: "\2731"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-g {padding: 30px 20px 20px 20px; background: #FFFDF3; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #C96D11; text-align: center; font-size: 16px;}
.content-box-g p:before {font-family: "icons"; content: "\e8b8"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-h {padding: 30px 20px 20px 20px; background: #f8f8f8; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); color: #444; text-align: center; font-size: 16px;}
.content-box-h p:before {font-family: "icons"; content: "\e89c"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-i {padding: 30px 20px 20px 20px; background: #333; color: #fff; text-align: center; font-size: 16px; font-weight: bold;}
.content-box-i p:before {font-family: "icons"; content: "\f099"; display: inline-block; position: relative; margin-right: 10px; font-size: 20px;}
.content-box-j {padding: 30px 20px 20px 20px; background: #F5F6FC; color: #4671A3; text-align: center; font-size: 16px; font-weight: bold; border: 1px dashed #9DADBF;}
.content-box-k {padding: 30px 20px 20px 20px; background: #FFFDF3; color: #C96D11; text-align: center; font-size: 16px; font-weight: bold; border: 1px solid #E6BF4A;}
.calltoaction {background-color: #efefef; padding: 20px; position: relative; margin: 50px 0; border-left: 4px solid #df252b;}
.calltoaction p {font-size: 14px; width: 63%; margin: 0;}
.calltoaction a {transition: all 0.2s ease-out 0s; display: block; padding: 8px 15px; position: absolute; right: 20px; top: 35%; text-shadow: none; background: #df252b; color: #fff;}
.calltoaction a:hover{transition: all 0.2s ease-out 0s; background: #be1c22; color: #fff; text-decoration: none;}
.calltoaction h3 {font-weight: bold;}
.calltoaction1 {background: url(../../files/cto_layout/img/promo.png) repeat; padding: 20px; position: relative; margin: 20px 0 40px 0; text-shadow: 1px 1px 1px #FFF; border-left: 4px solid #df252b;}
.calltoaction1 p {font-size: 14px; width: 70%; margin: 0;}
.calltoaction1 a {transition: all 0.2s ease-out 0s; display: block; padding: 8px 15px; position: absolute; right: 20px; top: 35%; text-shadow: none; background: #df252b; color: #fff;}
.calltoaction1 a:hover{transition: all 0.2s ease-out 0s; background: #be1c22; color: #fff; text-decoration: none;}
.calltoaction1 h3 {font-weight: bold;}
.calltoaction_2 {background: url(../../files/cto_layout/img/promo.png) repeat; padding: 15px; position: relative; margin-bottom: 20px; text-shadow: 1px 1px 1px #FFF; border-top: 5px solid #444;}
.calltoaction_2 strong {font-size: 17px; margin-bottom: 10px; display: block;}
.calltoaction_2 p {font-size: 14px; width: 70%; margin: 0;}
.calltoaction_2:after {font-family: "icons"; content: "\e9e8"; display: inline-block; position: absolute; margin-right: 5px; font-size: 55px; line-height: 55px; right: 35px; top: 20%;}
/* --dropcaps
------------------------------------------------- */
.dropcap p:first-letter {font-size: 36px; line-height: 36px; float: left; display:block; margin: 6px 7px 0 0; border-radius: 4px; background: #666666; color: #fff; padding: 2px 5px;}
.dropcap_2 p:first-letter {font-size: 48px; float: left; display:block; margin:0 7px 0 0; line-height: 1;}
.dropcap_3 p:first-letter {font-size: 36px; line-height: 1em; width: 1em; float: left; display:block; margin: 6px 7px 0 0; border-radius: 99px; background: #666666; color: #fff; padding: 5px; text-align: center;}
.dropcap_4 p:first-letter {font-size: 36px; line-height: 1em; width: 1em; float: left; display:block; margin: 6px 7px 0 0; background: #666666; color: #fff; padding: 5px; text-align: center;}
/* --hyperlinks + forms submit buttons
------------------------------------------------- */
.button, .servicebox_4 a, .servicebox_5 a, .servicebox_6 a, input[type="submit"], button.submit {transition: all 0.2s ease-out 0s; color: #fff; padding: 8px 16px; text-align: center; display: inline-block;}
.servicebox_4 a:hover, .servicebox_5 a:hover, .servicebox_6 a:hover {background-color: #be1c22; text-decoration: none; color: #ffffff;}
/* sizes */
.button.small {padding: 8px 10px; font-size: 11px;}
.button.large {padding: 15px 18px; font-size: 15px; line-height: 33px; vertical-align: middle;}
/* rounded corners */
.button.rounded3 {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.button.rounded5 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.button.rounded10 {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.button.rounded99 {-webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px;}
/* icons */
.button.large[class^="icon-"]:before, .button.large[class*=" icon-"]:before {font-size: 33px; line-height: 33px; margin-right: 0.5em; vertical-align: middle;}
.button[class^="icon-"]:before, .button[class*=" icon-"]:before {margin-right: 0.6em;}
/* --testimonial
------------------------------------------------- */
.testimonial {overflow: visible; position: relative; margin-bottom: 25px; padding: 20px; background-color: #F8F8F8;}
.testimonial:after {position: absolute; bottom: -10px; right: 0; margin-left: -25px; content: ""; width: 0px; height: 0px; border-style: solid; border-width: 25px 25px 0 25px; border-color: #F8F8F8 transparent transparent transparent;}
.testimonial_2 {text-align: center;}
.testimonial_2 .image_container img {border-radius: 500px; width: 85px!important; display: inline-block!important; box-shadow: 0 0 3px rgba(0,0,0,.5)}
.testimonial_2 p {font-size: 16px;}
.testimonial_3 img {width: auto!important; border-radius: 500px;}
.testimonial_3 .image_container {margin: 0!important; width: auto!important; padding-right: 20px;}
.testimonial_3 .image_container img {border-radius: 500px; width: 85px!important; display: inline-block!important;}
.testimonial_3 p {margin-left: 110px;}
/* --team
------------------------------------------------- */
.teambox .caption {font-size: 17px; width: 100%!important; border-left: 4px solid #ddd; padding: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; opacity:.8}
.teambox p {margin-bottom: 5px;}
.teambox_2 {text-align: center;}
.teambox_2 img {-webkit-transition: .5s all ease-in-out; -moz-transition: .5s all ease-in-out; -o-transition: .5s all ease-in-out; transition: .5s all ease-in-out; -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); background: #fff; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.15); margin: 0; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px;}
.teambox_2 a[target="_blank"]:before {display: none!important;}
.teambox_3 a[target="_blank"]:before {display: none!important;}
.teambox_3 {text-align: center; padding: 20px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.teambox_3 em {text-transform: uppercase; font-weight: 300; font-size: 18px; font-style: normal;}
.teambox_3:hover {background: #F9F9F9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border-radius: 6px; }
/* --nachrichtenliste
------------------------------------------------- */
.nachrichtenliste {margin-bottom: 35px; overflow: hidden; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; list-style: none;}
.nachrichtenliste .info {color: #999; margin-top: 10px;}
.nachrichtenliste .date {display: inline-block; margin-right: 20px;}
.nachrichtenliste .date:before {font-family: "icons"; content: "\1f553"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .author {display: inline-block; margin-right: 20px;}
.nachrichtenliste .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .comments {display: inline-block;}
.nachrichtenliste .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenliste .more {float: right;}
.nachrichtenliste .more a {color: #fff;}
.nachrichtenliste h2 {border: 0; margin: 0; padding: 0;}
.nachrichtenliste .teaser {margin: 20px 0 0 0;}
.nachrichtenliste .date-wrapper {background: #efefef; text-align: center;}
.nachrichtenliste .date-wrapper .day {font-size: 20px; padding: 5px; font-weight: bold;}
.nachrichtenliste .month {padding: 5px; color: #fff;}
/* --nachrichtenteaser
------------------------------------------------- */
.nachrichtenteaser_entry .info {color: #919191; margin-bottom: 10px;}
/* --nachrichtenleser
------------------------------------------------- */
.nachrichtenleser .image_container {margin-bottom: 20px;}
.nachrichtenleser .date {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; padding: 1px 6px;}
.nachrichtenleser .date:before {font-family: "icons"; content: "\e8d2"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .author {margin-bottom: 10px; display: inline-block; font-size: 11px; margin-right: 20px; padding: 1px 6px;}
.nachrichtenleser .author:before {font-family: "icons"; content: "\e806"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .comments {margin-bottom: 10px; display: inline-block; font-size: 11px; padding: 1px 6px;}
.nachrichtenleser .comments:before {font-family: "icons"; content: "\e8b8"; display: inline-block; margin-right: 5px; font-style: normal;}
.nachrichtenleser .back {padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd;}
.nachrichtenleser .back a {font-size: 10px; text-transform: uppercase;}
.nachrichtenleser img {border: none; /*border: 1px solid #ddd;*/}
/* --comment_default
------------------------------------------------- */
.comment_default {padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}
/* --login-form
------------------------------------------------- */
.mod_login table td, .mod_login table {border: 0;}
.mod_login {padding: 30px; border: 1px solid #ddd; background: #f9f9f9;}
/* --ce_accordion
------------------------------------------------- */
.ce_accordion .accordion {border: 0; background: none; padding: 0;}
.ce_accordion .accordion > div {padding: 0;}
.ce_accordion .toggler {border-bottom: 1px solid #e0e0e0; background: none; background-image: none; font-size: 14px; font-weight: bold; box-shadow: 0 0 0 0; text-shadow: none; line-height: 30px; padding: 10px 0 20px 0; color: #505050; cursor: pointer; margin-bottom: 10px;}
.ce_accordion .toggler:hover {background: 0;}
.ce_accordion .toggler:before {display: inline-block; font-family: 'icons'; font-style: normal; font-weight: 400; font-size: 20px; color: white; line-height: 25px; height: 25px; width: 25px; text-align: center; text-decoration: inherit; border-radius: 25px; padding: 0; float: left; clear:both; margin-right: 15px; margin-top: 3px; content: '\2b'; background-color: #df252b;}
.ce_accordion .toggler.active:before {content: '\2d';}
.ce_accordion .toggler:after {display: none;}
/* --pagination
------------------------------------------------- */
.pagination {clear: both; border-top: 1px solid #ddd; padding-top: 5px; margin-top: 10px;}
.pagination ul {padding: 0; float: left;}
.pagination p {float: right;}
.pagination li {background: none; padding: 0; margin: 0; float: left; list-style-type: none;}
.pagination li:before,
.pagination li a:before {content: '';}
.pagination li a,
.pagination li span {background: none; display: block; margin-right: 1px; color: inherit; text-decoration: none; padding: 3px 10px;}
.pagination li span.current {background: #df252b; color: white;}
.pagination li a:hover {color: #df252b;}
/* --serviceboxes
------------------------------------------------- */
.servicebox {padding: 25px; text-align: center; background: #f8f8f8; position: relative;}
.servicebox:hover,
.servicebox[class^="icon-"]:hover:before,
.servicebox[class*="icon-"]:hover:before {color: #fff;}
.servicebox[class^="icon-"]:before,
.servicebox[class*="icon-"]:before{padding: 10%; font-size: 65px; margin: 0!important; color: #7F7F7F;}
.servicebox h1, .servicebox h2, .servicebox h3, .servicebox h4, .servicebox h5, .servicebox h6 {margin-bottom: 10px; padding: 0;}
.servicebox:hover h1, .servicebox:hover h2, .servicebox:hover h3, .servicebox:hover h4, .servicebox:hover h5, .servicebox:hover h6, .servicebox:hover h1 a, .servicebox:hover h2 a, .servicebox:hover h3 a, .servicebox:hover h4 a, .servicebox:hover h5 a, .servicebox:hover h6 a {color: #fff;}
.servicebox a {display: inline-block; padding: 5px 10px;}
.servicebox:hover a {background: #fff;}
.servicebox:hover {background: #df252b;}
.servicebox_2 {position: relative; padding-left: 60px; text-align: left!important;}
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before {font-size: 35px; margin-right: 15px; color: #7F7F7F; position: absolute; left: 0; top: 0; line-height: 35px;}
.servicebox_2 h1, .servicebox_2 h2, .servicebox_2 h3, .servicebox_2 h4, .servicebox_2 h5, .servicebox_2 h6 {padding: 0;}
.servicebox_2 a {text-decoration: underline;}
.servicebox_3 {position: relative; padding-left: 60px; text-align: left!important;}
.servicebox_3[class^="icon-"]:before,
.servicebox_3[class*="icon-"]:before {font-size: 25px; margin-right: 15px; position: absolute; left: 0; top: 0; line-height: 25px; background: #555; border-radius: 99px; padding: 6px; color: #fff;}
.servicebox_3 h1, .servicebox_3 h2, .servicebox_3 h3, .servicebox_3 h4, .servicebox_3 h5, .servicebox_3 h6 {padding: 0;}
.servicebox_3 a {text-decoration: underline;}
.servicebox_4 {text-align: center; padding: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_4[class^="icon-"]:before, .servicebox_4[class*="icon-"]:before {padding: 10%; font-size: 65px; margin: 0!important; color: #7F7F7F; border-radius: 100%; text-align: center; }
.servicebox_4:before {border: 3px solid #fff; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s; background: #F9F9F9; border-radius: 100%; padding: 15px;}
.servicebox_4:hover {background: #F9F9F9;}
.servicebox_4 h3 {padding: 10px 0 0 0; margin-bottom: 0px;}
.servicebox_4 h5 {margin-bottom: 10px; padding: 0;}
.servicebox_4 p {font-family: Verdana, sans-serif;}
.servicebox_4 a {margin: 0; background: #df252b;}
.servicebox_4:hover:before {border: 3px solid #df252b;}
.servicebox_5 {text-align: center; padding: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_5:hover {background: #F9F9F9;}
.servicebox_5 .image_container {border-radius: 500%; border: 3px solid #f8f8f8; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_5 img {border-radius: 500%;}
.servicebox_5 h3 {padding: 0; margin-bottom: 10px;}
.servicebox_5 h5 {margin-bottom: 10px; padding: 0;}
.servicebox_5 p {font-family: Verdana, sans-serif;}
.servicebox_5 a {margin: 0;}
.servicebox_5 a {background: #df252b;}
.servicebox_5:hover .image_container {border: 3px solid #df252b;}
.servicebox_6 {text-align: center; padding: 15px; margin-bottom: 15px; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_6:hover {background: #F9F9F9;}
.servicebox_6 img {border: 3px solid #fff; transition: all linear 0.25s; -ms-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -webkit-transition: all linear 0.25s; -o-transition: all linear 0.25s;}
.servicebox_6 h3 {padding: 0; margin-bottom: 10px;}
.servicebox_6 h5 {margin-bottom: 10px; padding: 0;}
.servicebox_6 p {font-family: Verdana, sans-serif;}
.servicebox_6 a {margin: 0; background: #df252b;}
.servicebox_6:hover img {border: 3px solid #df252b;}
.servicebox_7 {border-top: 5px solid #F8F8F8; padding-top: 10px; text-align: left!important;}
.servicebox_7 a:before {font-family: "icons"; content: "\e8c6"; display: inline-block; position: relative; margin-right: 5px;}
.servicebox_7:hover {border-color: #df252b;}
.servicebox_8 {padding: 25px; text-align: center; position: relative; color: #fff;}
.servicebox_8[class^="icon-"]:before,
.servicebox_8[class*="icon-"]:before{padding: 10%; font-size: 65px; margin: 0!important; color: #fff;}
.servicebox_8 h1, .servicebox_8 h2, .servicebox_8 h3, .servicebox_8 h4, .servicebox_8 h5, .servicebox_8 h6 {margin-bottom: 10px; padding: 0;}
.servicebox_8 h1, .servicebox_8 h2, .servicebox_8 h3, .servicebox_8 h4, .servicebox_8 h5, .servicebox_8 h6, .servicebox_8 h1 a, .servicebox_8 h2 a, .servicebox_8 h3 a, .servicebox_8 h4 a, .servicebox_8 h5 a, .servicebox_8 h6 a {color: #fff;}
.servicebox_8 a {display: inline-block; padding: 5px 10px;}
.servicebox_8 a {background: #fff;}
/* colors */
.servicebox_8.color-1 {background: #2D539D;}
.servicebox_8.color-2 {background: #F9A027;}
.servicebox_8.color-3 {background: #FB6451;}
.servicebox_8.color-4 {background: #a00057;}
/* --newslist
------------------------------------------------- */
.more a {color: #fff; background-color: #009de5; font-weight: normal; text-transform: uppercase; /* text-shadow: -1px -1px 1px rgba(0,0,0, 0.25); */ padding: 3px 10px; text-align: center; display: inline-block; margin-bottom: 18px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); box-shadow: inset 0 1px 0 rgba(255,255,255, 0.35), inset 0 10px 20px rgba(255,255,255, 0.12), inset 0 -10px 30px rgba(0,0,0, 0.12); cursor: pointer;}
.more a:hover {color: #fff; text-decoration: none;}
/* --portfolioteaser
------------------------------------------------- */
.portfolioteaser .plus-icon {opacity:0; top: 0%; left:50%; margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; background: rgba(0,0,0,0.5); border-radius: 50%; position: absolute; clear: both; z-index: 1; -moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;}
.portfolioteaser .plus-icon:before {font-family: "icons"; content: "\2b"; display: block; position: relative; font-size: 20px; line-height: 20px; top: 50%; margin-top: -10px; text-align: center; color: #fff;}
.portfolioteaser li:hover .plus-icon {opacity:1; top: 37%; left:50%; display: inline-block; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px;}
.portfolioteaser .bx_image {overflow: hidden;}
.portfolioteaser .bx_caption {background: #f6f6f6; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05); border-radius: 0 0 3px 3px; padding: 20px; text-align: center;}
.portfolioteaser .bx_caption .title {font-size: 17px;}
.portfolioteaser .bx_caption .title a {color: #4d4f4f;}
.portfolioteaser .bx_caption .subline {color: #ababab;}
.portfolioteaser li:hover .bx_caption .title a, .portfolioteaser li:hover .bx_caption .subline {color: #fff;}
.portfolioteaser li:hover img {filter: none; /* IE6-9 */ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); }
.portfolioteaser li img {filter: Gray(); filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.portfolioteaser li:hover .bx_caption {background: #df252b;}
/* --portfolioliste
------------------------------------------------- */
.portfolioliste a, .portfolioliste .caption, .portfolioliste img {
-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.portfolioliste {margin-top: 50px; overflow: visible; list-style: none;}
.portfolioliste .image_container {margin-bottom: 0;}
.portfolioliste .title {font-size: 17px;}
.portfolioliste .subline {color: #ababab;}
.portfolioliste .caption {text-align:center; float:left; width:100%; padding:19px 0 14px; border-bottom:1px solid #E9E9E9; background: #F6F6F6;}
.portfolioliste:hover img {margin-top: -20px;}
.portfolioliste:hover .caption {padding: 29px 0 24px; border-color:#d0d0d0; color: #fff; background: #df252b;}
.portfolioliste:hover .subline {color: #fff;}
.portfolioliste:hover a {color: #fff;}
.portfolioliste.one_third:nth-child(3n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_fourth:nth-child(4n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_half:nth-child(2n+1) {margin-left: 0!important; clear: both;}
.portfolioliste.one_third:nth-child(3n+1) {margin-left: 0!important; clear: both;}
/* --portfoliofilter
------------------------------------------------- */
.filter {overflow: hidden; margin-left: 0; width:100%; position:relative; display: inline-block; text-align: right;}
.filter li {display: inline-block;}
.filter li a {margin-right: 5px; font-weight: bold; padding: 4px 10px; display: inline-block; margin-bottom: 10px;}
.filter li.active a {background: #DDDDDD;}
.filter li a:hover {text-decoration: underline;}
.filter li.active a { position: relative; background: #efefef; border: 2px solid #cccccc; }
.filter li.active a:after, .filter li.active a:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.filter li.active a:after { border-color: rgba(239, 239, 239, 0); border-top-color: #efefef; border-width: 5px; left: 50%; margin-left: -5px; }
.filter li.active a:before { border-color: rgba(204, 204, 204, 0); border-top-color: #cccccc; border-width: 8px; left: 50%; margin-left: -8px; }
.panes {clear: both; background: none repeat scroll 0 0 #fcfcfc; border-top: 3px solid #df252b; border-left: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; display: block; padding: 20px; margin-bottom: 20px;}
.tabs ul {float: left; list-style: none outside none; margin: 0; padding: 0; width: 100%;}
.tabs ul li.active, .tabs ul li.active a:hover {border-radius: 8px 8px 0 0; background-color: white; border-bottom: 1px solid white;}
.tabs ul li {float: left; padding: 0; list-style: none;}
.tabs ul li a {background: #e8e8e8; float: left; line-height: 30px; margin: 0 3px 0 0; overflow: hidden; padding: 3px 7px; position: relative;}
.tabs ul li a.current {color: #fff;}
/* --jquery tools - tooltip
------------------------------------------------- */
.tooltip {display:none; background: #666666; padding: 5px; z-index: 100; margin-bottom: 15px; position: relative; color: #fff; max-width: 100px;}
.tooltip:after {background: #666666; border: 1px solid; border-color: #666666 transparent transparent #666666; content: ''; display: block; width: 8px; height: 8px; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
/* --mod_subscribe
------------------------------------------------- */
.mod_subscribe table td,
.mod_subscribe table {border: 0;}
.mod_subscribe {background: #f0f0f0; padding: 5%; border: 0;}
.mod_subscribe input {width: 48%; float: left;}
.mod_subscribe label {width: 100%; display: block;}
/* --mod_subscribe in sidebar
------------------------------------------------- */
#left .mod_subscribe, #right .mod_subscribe {padding: 5%;}
#left .mod_subscribe input, #right .mod_subscribe input {width: 100%!important;}
#left .mod_subscribe button.submit, #right .mod_subscribe button.submit {margin: 10px 0 0 0!important;}
#left .mod_subscribe h4, #right .mod_subscribe h4 {font-size: 17px; margin-bottom: 4px; padding: 0; font-weight: normal;}
#left .mod_subscribe label, #right .mod_subscribe label {margin-bottom: 10px;}
/* --mod_calendar
------------------------------------------------- */
.mod_calendar table {border-bottom: 1px solid #B9BCBE;}
.mod_calendar td {padding: 1.5%; display: table-cell;}
.mod_calendar .event { text-align: center; }
.mod_calendar td.col_first {border-left: 1px solid #B9BCBE;}
.mod_calendar th.label {border-bottom: 1px solid #B9BCBE; padding: 10px 0;}
.mod_calendar th.head {padding: 0;}
.mod_calendar th.previous a, .mod_calendar th.next a {padding: 3px; border: 1px solid #b9bcbe; background: #ededed; display: inline-block; white-space: nowrap;}
.mod_calendar th.previous a:hover, .mod_calendar th.next a:hover {border-color: #84898d !important;}
.mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before {display: none;}
.mod_calendar th.current {text-align: center;}
.mod_calendar th.next {text-align: right;}
.mod_calendar th.previous {text-align: left;}
.mod_calendar th.label {text-align: center;}
.mod_calendar td {width: 14.28%; border-right: 1px solid #b9bcbe; background: #eaeaea; padding-left: 5px;}
.mod_calendar td.empty, .mod_calendar td:hover {background: #fff;}
.mod_calendar td.today { color: white !important; background: #969696; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) inset;}
.mod_calendar td.today a {color: white !important;}
.mod_calendar th.current:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;}
/* --mod_eventreader
------------------------------------------------- */
.mod_eventreader .info:before {font-family: "icons"; content: "\1f4c5"; text-indent: 0; display: inline-block; position: relative; top: -1px; left: 0; margin-right: 5px;}
/* --mod_eventlist
------------------------------------------------- */
.mod_eventlist .event {margin-bottom: 25px;}
.mod_eventlist h2 {margin-bottom: 5px;}
.mod_eventlist p.time {border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 3px 0;}
.mod_eventlist p.time:before {font-family: "icons"; content: "\e91a"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
/* --mod_sitemap
------------------------------------------------- */
.mod_sitemap ul ul {margin-left: 15px;}
.mod_sitemap ul li {border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal;}
.mod_sitemap ul li ul li {border: 0; padding-bottom: 0px; margin-bottom: 3px;}
.mod_sitemap li:before {font-family: "icons"; content: '\25b8'; margin-right: 5px;}
.mod_sitemap li.submenu {font-weight: bold;}
.mod_sitemap li.submenu:before {font-family: "icons"; content: '\e824'; margin-right: 5px;}
.mod_sitemap li a:before {content: '';}
/* --mod_faqlist
------------------------------------------------- */
.mod_faqpage {counter-reset: mod_faqpage;}
.mod_faqpage h2 {margin-bottom: 20px;}
.mod_faqpage section h3::before {counter-increment: mod_faqpage; content: counter(mod_faqpage, decimal); display: inline-block; width: 7%; margin-right: 0.5em; padding: 0.1em; color: white; text-align: center; background: #ddd;}
.mod_faqpage section {margin-bottom: 35px;}
.mod_faqpage .info {font-size: 11px;}
.mod_faqpage .info:before {font-family: "icons"; content: "\e82f"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
.mod_faqpage .toplink {border-bottom: 1px solid #ddd;}
.mod_faqpage .toplink:before {font-family: "icons"; content: "\e911"; text-indent: 0; display: inline-block; position: relative; top: 0px; left: 0; margin-right: 5px;}
/* --mod_registration
------------------------------------------------- */
.mod_registration {padding: 30px; border: 1px solid #ddd; background: #f9f9f9;}
.mod_registration label {width: 40%; float: left;}
.mod_registration input {width: 60%; float: left;}
.mod_registration .submit_container {width: 100%; margin-top: 0px;}
.mod_registration .submit_container input {width: 60%; float: right;}
.mod_registration .captcha_text {float: left; display: block; margin-left: 40%; color: red; font-size: 14px; margin-top: 5px; margin-bottom: 15px;}
.mod_registration p.error {margin-left: 40%; clear: both;}
/* --mod_search
------------------------------------------------- */
.mod_search input {width: 45%; float: left;}
.mod_search input[type="search"] {-webkit-appearance: none!important; padding-right: 0!important; border-radius: 0!important;}
.mod_search .even, .mod_search .odd {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.mod_search .relevance {float: right; font-size: 12px;}
.mod_search .submit:before {font-size: 16px; line-height: 1em; font-family: 'icons'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; content: '\e92a';}
.mod_search .submit {margin: 0; padding: 5px; display: inline-block; height: 29px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1;}
.mod_search .submit:hover {opacity: 1;}
#container .mod_search .submit {height: 39px;}
#container .mod_search form {overflow: hidden;}
#container .mod_search .text,
#container .mod_search .submit {height: 32px;}
/* --mod_nl_reader
------------------------------------------------- */
.mod_nl_reader #container, body.dark, body.dark .mod_nl_reader #container {background: #fff;}
.mod_nl_reader table {border: 0!important;}
.mod_nl_reader table td {padding: 0; border: 0!important;}
/* --mod_nl_list
------------------------------------------------- */
.mod_nl_list li {border-bottom: 1px solid #ededed; padding: 15px 0;}
.mod_nl_list li a {margin-left: 40px;}
/* --404 page
------------------------------------------------- */
#page-404 h1 {font-size: 120px; text-align: center; text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF; color: #ccc; border: 0; margin: 0;}
#page-404 p {text-transform: uppercase; font-size: 20px; text-align: center;}
#page-404 p a {text-transform: none; margin: 0;}
/* --ce_downloads
------------------------------------------------- */
.ce_downloads li {border-bottom: 1px dotted #ccc; padding: 8px;}
.ce_downloads img {margin-right: 10px; vertical-align: middle;}
.ce_downloads li span {font-style: italic; font-size: 10px;}
/* =============================================================================
* --forms
* ========================================================================== */
/* --input-wrapper
------------------------------------------------- */
.input-wrapper {margin-bottom: 12px; position: relative;}
.input-wrapper * {width: 99.9%!important; margin-left: 0!important;}
.ce_form .full {width: 99.9%;}
/* --fieldset+legend
------------------------------------------------- */
fieldset {border: 1px solid #ccc; padding: 0.5em; margin-bottom: 20px;}
legend {display: none;}
/* --input, select, textarea
------------------------------------------------- */
input, select, textarea {padding: 10px; margin: 0; border: 1px solid #ccc; color: #333; background: #F7F7F70; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
input[type="search"] {-webkit-appearance: none; border-radius: 0!important;}
input[type="text"] {width: 100%;}
.button, input[type="submit"], button.submit, button.submit {color: #fff; background: #df252b!important;}
select {height: 35px; padding: 8px;}
textarea {width: 100%; font-family: verdana !important;}
/* --radio-buttons
------------------------------------------------- */
.radio_container {margin-top: 1px;}
.radio_container legend span {margin-bottom: 5px; display: inline;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.radio_container legend {display: block; overflow: hidden;}
.radio_container span {display: block;}
/* --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.checkbox_container legend span {margin-bottom: 5px; display: inline;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px!important; border: none!important; padding: 0; box-shadow: none; -webkit-box-shadow: none;}
.checkbox_container legend {display: block; overflow: hidden;}
.checkbox_container span {display: block;}
/* --submit-button
------------------------------------------------- */
.submit_container input {cursor: pointer; width: auto !important;}
.submit {-webkit-appearance:none; -webkit-box-shadow: none; box-shadow: none; border: 0;}
/* --errors
------------------------------------------------- */
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red; clear: both;}
/* --captcha
------------------------------------------------- */
.ce_form .captcha {width: 20%; float: left; margin-right: 2%;}
.ce_form .captcha_text {width: 70%; float: left; line-height: 33px;}
.ce_form .captcha-container {background: #ecd0d0; padding: 2%; margin-bottom: 15px;}
/* --footer form
------------------------------------------------- */
#footer input, #footer textarea {font-family: inherit; border: 1px solid #E0E0E0; background: #fff; -webkit-box-shadow: none; box-shadow: none;}
#footer textarea {height: 86px;}
#footer .submit_container {margin-top: 0;}
#footer button.submit {font-weight:normal; float: right; background: #A0A0A0; text-shadow:none; margin-top: 10px; cursor: pointer; text-transform: none !important;}
/* --small desktop
------------------------------------------------- */
@media only screen and (min-width: 990px) and (max-width: 1280px){
#first .inside, #header, #header .inside, #wrapper, #container-inside, #footer, #footer .inside, #container_before .inside, #header_after .inside, #bottom {max-width: 1000px; margin: 0 auto;}
/* headertext */
#header_after .ce_text h1, #header_after .ce_text h2, #header_after .ce_text h3, #header_after .ce_text h4, #header_after .ce_text h5, #header_after .ce_text h6, #header_after .ce_text p {max-width: 1000px;}
}
/* --tablets
------------------------------------------------- */
@media only screen and (max-width: 1280px) {
.calltoaction1 a {position: relative; left: 0; top: 15px; margin-bottom: 10px; text-align: center; width: 100%;}
.calltoaction1 p {width: 100%; margin-bottom: 15px;}
.calltoaction1 br {display: none;}
}
@media only screen and (max-width: 989px) {
/* top */
#first {display: none;}
/* layerslider */
.ce_revolutionslider .ce_text,
.ce_revolutionslider .ce_headline {margin-left: 30px!important;}
/* teaser */
#container_before {border-left: 0; border-right: 0; height: auto;}
#container_before:before,#container_before:after {display: none;}
/* container */
#container:before {width: 100%;}
/* portfolio */
.portfolioteaser .port-infos {position: relative;}
.portfolioteaser .port-infos h2 {font-size: 12px; display: block; background: #ededed;}
.portfolioliste .port-infos {position: relative;}
/* video button */
.mejs-overlay-button {display: none!important;}
/* menu + mobilemenu */
#mainmenu {display: none;}
#submenu {display: none;}
#nav-open-btn {display: block;}
/* calltoaction */
.calltoaction a {position: relative; left: 0; top: 15px; margin-bottom: 10px; text-align: center; width: 100%;}
.calltoaction p {width: 100%; margin-bottom: 15px; text-align: center;}
.calltoaction_2:after {right: 10px;}
.calltoaction_2 p {width: 80%; text-align: center;}
}
/* --phones
------------------------------------------------- */
@media only screen and (max-width: 767px) {
/* body */
body {padding: 0;}
/* wrapper */
#wrapper {width: 100%;}
/* sidebar */
body.sidebar_left #main,
body.sidebar_left #left,
body.sidebar_right #main,
body.sidebar_right #right,
body.sidebar_both #main,
body.sidebar_both #left,
body.sidebar_both #right {width: 100%; margin: 0;}
body.sidebar_left #main .inside,
body.sidebar_left #left .inside,
body.sidebar_right #main .inside,
body.sidebar_right #right .inside,
body.sidebar_both #main .inside,
body.sidebar_both #left .inside,
body.sidebar_both #right .inside {width: 100%; float: none; padding: 0; border: 0; margin: 0; background: none; min-height: 0;}
#right {margin-top: 15px!important; padding-top: 15px; border-top: 4px solid #ddd;}
#left {margin-bottom: 15px!important; padding-bottom: 15px; border-bottom: 4px solid #ddd;}
/* image_container */
.image_container {margin-bottom: 10px; width: 100%; padding: 0; margin: 0 0 10px 0; float: none;}
/* ce_text */
.ce_text {width: 100%;}
/* footer */
#footer .inside {text-align: center; padding: 40px 20px;}
/* disable webkit text size adjust (for iPhone) */
html {-webkit-text-size-adjust: none;}
/* css-framework */
.full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {width: 100%; margin: 0 0 15px 0;}
#footer .one_fourth.last {width: 100%;}
/* extension subcolumns */
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r,
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c66l, .c62l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none; width: 100%; padding: 0; margin: 0;}
.subcr, .subcl, .subc {padding: 0!important;}
/* ce_gallery */
.ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6, .ce_gallery .row7, .ce_gallery .row8, .ce_gallery .row9, .ce_gallery .row10, .ce_gallery .row11, .ce_gallery .row12 {margin-left: 4%!important; width:48%; float:left!important; position:relative; clear: none!important;}
.ce_gallery .row2:nth-child(2n+1), .ce_gallery .row3:nth-child(2n+1), .ce_gallery .row4:nth-child(2n+1), .ce_gallery .row5:nth-child(2n+1), .ce_gallery .row6:nth-child(2n+1), .ce_gallery .row7:nth-child(2n+1), .ce_gallery .row8:nth-child(2n+1), .ce_gallery .row9:nth-child(2n+1), .ce_gallery .row10:nth-child(2n+1), .ce_gallery .row11:nth-child(2n+1), .ce_gallery .row12:nth-child(2n+1) {margin-left: 0!important; clear: left!important;}
/* mod_calendar */
.mod_calendar table {font-size: 8px;}
/* headlines */
h1 {font-size: 24px; margin-bottom: 15px;}
h2 {font-size: 20px; margin-bottom: 10px;}
h3 {font-size: 18px; margin-bottom: 10px;}
h4 {font-size: 16px; margin-bottom: 10px;}
h5 {font-size: 13px; margin-bottom: 10px;}
h6 {font-size: 12px; margin-bottom: 10px;}
h1 span {padding-bottom: 4px;}
/* top search */
#first .mod_search {display: none;}
/* mod_subscribe */
.mod_subscribe input {width: 100%; margin-bottom: 10px;}
/* mod_registration */
.mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .captcha_text {width: 100%; margin: 0;}
.mod_registration .captcha_text {margin: 5px 0 15px 0;}
.mod_registration p.error {margin-left: 0;}
/* forms */
form label {margin-bottom: 2px!important;}
form .captcha_text {line-height: 1em;}
/* footer content */
#footer .submit_container {text-align: center;margin-top: -15px;}
#footer button.submit {float: none; }
#footer [class^="icon-"]:before, #footer [class*="icon-"]:before {display: none!important;}
#footer .ce_text {margin-bottom: 0px;}
/* copyright */
#bottom .float-left, #bottom .float-right {float: none; text-align: center;}
#bottom .inside {padding: 20px;}
/* video button */
.mejs-overlay-button {display: none!important;}
/* nachrichtenliste */
.nachrichtenliste {margin-bottom: 0;}
/* more button */
.more a {padding: 2px 5px; font-size: 80%;}
/* css class hide for mobile devices */
.mobile_hide {display: none;}
/* header_after ce_text */
#header_after .ce_text.headertext {padding: 0 20px;}
/* tabs */
.tabs {margin: 0 0 0 0;}
/* bigtext */
.bigtext {font-size: 18px; line-height: 24px;}
/* headline ontainer_before */
#container_before .inside h1 {font-size: 18px;}
/* container */
#container-inside {padding: 40px 20px;}
/* container_before */
#container_before .inside {padding: 40px 20px;}
/* header .inside */
#header .inside {padding: 0 20px;}
/* logo-position */
#logo {left: 20px; top: 20px;}
/* site-font-icon */
.site-icons .row div {width: 100%!important;}
/* portfolio-filter */
.filter {text-align: center;}
/* google maps height */
#header_after iframe {max-height: 250px;}
}
/* =============================================================================
* font-icons
* ========================================================================== */
@font-face {font-family: 'icons'; src: url("../../files/cto_layout/font/icons.eot"); src: url("../../files/cto_layout/font/icons.eot?#iefix") format('embedded-opentype'), url("../../files/cto_layout/font/icons.woff") format('woff'), url("../../files/cto_layout/font/icons.ttf") format('truetype'), url("../../files/cto_layout/font/icons.svg#icons") format('svg'); font-weight: normal; font-style: normal;}
/*@font-face {font-family: 'icons'; src: url("../../files/files/cto_layout/font/icons.eot"); src: url("../../files/files/cto_layout/font/icons.eot?#iefix") format('embedded-opentype'), url("../../files/files/cto_layout/font/icons.woff") format('woff'), url("../../files/files/cto_layout/font/icons.ttf") format('truetype'), url("../../files/files/cto_layout/font/icons.svg#icons") format('svg'); font-weight: normal; font-style: normal;}*/
/* --set default icon not to mod_navigation
------------------------------------------------- */
.mod_navigation li:before {content:''!important; margin-right: 0px!important;}
/* --icons
------------------------------------------------- */
i[class^="icon-"]:before,
i[class*="icon-"]:before,
.mod_navigation li[class^="icon-"] a:before,
.mod_navigation li[class*="icon-"] a:before,
.mod_navigation li[class^="icon-"] span:before,
.mod_navigation li[class*="icon-"] span:before,
.ce_headline[class^="icon-"]:before,
.ce_headline[class*="icon-"]:before,
.button[class^="icon-"]:before,
.button[class*="icon-"]:before,
.servicebox[class^="icon-"]:before,
.servicebox[class*="icon-"]:before,
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before,
.servicebox_8[class^="icon-"]:before,
.servicebox_8[class*="icon-"]:before,
.servicebox_3[class^="icon-"]:before,
.servicebox_3[class*="icon-"]:before,
.servicebox_4[class^="icon-"]:before,
.servicebox_4[class*="icon-"]:before,
.ce_list[class^="icon-"] li:before,
.ce_list[class*="icon-"] li:before,
.testimonial_4 a[class^="icon-"]:before,
.testimonial_4 a[class*="icon-"]:before{
font-family: 'icons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.5em;
text-align: center;
line-height: 1em;
}
.ce_list[class^="icon-"]:before,
.ce_list[class*="icon-"]:before {content:'';}
.ce_list[class^="icon-"] li,
.ce_list[class*="icon-"] li {list-style-type: none; position: relative;}
.ce_list[class^="icon-"] li:before,
.ce_list[class*="icon-"] li:before {position: absolute; left: -25px; width: 25px; top: 3px;}
.ce_list[class^="icon-"] ul,
.ce_list[class*="icon-"] ul {padding-left: 20px;}
/* --icon-font
------------------------------------------------- */
body[class^="icon-"]:before,
body[class*="icon-"]:before,
.mod_navigation li[class^="icon-"]:before,
.mod_navigation li[class*="icon-"]:before {content: '';}
.i-code {display: none;}
.site-icons .row div {float: left; width: 25%;}
.site-icons .row {overflow: hidden;}
/* --iconbox
------------------------------------------------- */
.iconbox p {margin: 0;}
.iconbox[class^="icon-"]:before, .iconbox[class*="icon-"]:before { font-family:'icons'; font-style:inherit; font-weight:inherit; display:inline-block; text-decoration:inherit; width:1em; margin-right:.5em; text-align:center; line-height:inherit; float: left;}
/* --footer and sidebar contact icons
------------------------------------------------- */
#footer [class^="icon-"]:before, #footer [class*="icon-"]:before { font-family:'icons'; font-style:inherit; font-weight:inherit; display:inline-block; text-decoration:inherit; width:1em;
padding-top: 2px; margin-right:.5em; text-align:center; line-height:inherit; float: left;}
#footer [class^="icon-"] p, #footer [class*="icon-"] p {margin-left: 1.5em; margin-bottom: 0;}
#right [class^="icon-"]:before, #right [class*="icon-"]:before { font-family:'icons'; font-style:inherit; font-weight:inherit; display:inline-block; text-decoration:inherit; width:1em;
padding-top: 2px; margin-right:.5em; text-align:center; line-height:inherit; float: left;}
#right [class^="icon-"] p, #right [class*="icon-"] p {margin: 2px 20px; font-size: 13px;}
#right h5{margin: 8px 0 0 0 !important;}
/* --set default icon not to mod_navigation
------------------------------------------------- */
.mod_navigation li:before {content:''!important;margin-right:0!important; }
/*Hintergrund bei freien Terminen*/
.mod_calendar .terminfrei {
background-image: url("http://loco-soft.de/files/locosoft/bilder/terminfrei.gif");
background-repeat: no-repeat;padding-left:10px;
}
/*Hintergrund bei belegten Terminen*/
.mod_calendar .terminausg
{
background-image: url('http://loco-soft.de/files/locosoft/bilder/terminausg.gif');
background-repeat: no-repeat;
}
/*Hintergrund bei fast belegten Terminen*/
.mod_calendar .terminfast
{
background-image: url('http://loco-soft.de/files/locosoft/bilder/terminfast.gif');
background-repeat: no-repeat;
}
.mod_calendar
{width:100%;}
.mod_calendar .fibu-grund {background-color: #99cc33;}
.mod_calendar .fibu-aufbaukurs {background-color: #cce599;}
.mod_calendar .fibu-workshop {background-color: #fff69b;}
.mod_calendar .fibu-experten {background-color: #eeeeee;}
.mod_calendar .geschaeftsleitung {background-color: #ffb7a7;}
.mod_calendar .lager {background-color: #ffcc33;}
.mod_calendar .werkstatt {background-color: #e3d8c2;} /* Service */
.mod_calendar .azubi {background-color: #f4b9ed;}
.mod_calendar .buchhaltung {background-color: #b9f4f1;}
/* WEBINARE */
.mod_calendar .web_analyse {background-color: #9d9fa1;}
.mod_calendar .web_digitalisierung {background-color: #5DBCD2;}
.mod_calendar .web_et_basis {background-color: #b79ec7;}
.mod_calendar .web_faktura {background-color: #f38a78;}
.mod_calendar .web_fibu-33x {background-color: #ec9f48;}
.mod_calendar .web_fibu-skr51_neueinstieg {background-color: #57bfc1;}
.mod_calendar .web_fibu-skr51_umstellung {background-color: #59eace;}
.mod_calendar .web_fibu-jahresabschluss {background-color: #f289b7;}
.mod_calendar .web_inventur {background-color: #92c749;}
.mod_calendar .web_marketing {background-color: #34b3e4;}
.mod_calendar .web_opel_garantie {background-color: #fbff43;} /* Opel Verkäuferarbeitsplatz (OVA) */
.mod_calendar .web_verkauf {background-color: #f0c23b;}
.mod_calendar .web_service-box {background-color: #b8db7c;}
.mod_calendar .web_wtp {background-color: #ea5e5e;}
.mod_calendar .web_zeiterfassung {background-color: #a0ea49;}
.mod_calendar .web_dat3 {background-color: #f3ac4f;}
/* PSA-Kalender */
table.calendar td.active {background-color: #ffffff !important; cursor: default;}
.dok-link a, .site-link a {color: #2a375a;}
.no-link a {cursor: text; color: #555;}
.newsslider {padding-top: 17px;}
.tabs a {color: #333;}
.tabs a.current, .tabs a:hover {background-color: #df252b; color: #fff; text-decoration: none;}
.panes p a {
transition: all 0.2s ease-out 0s;
color: #fff;
padding: 10px 12px;
text-align: center;
display: inline-block;
background-color: #df252b;
}
.panes p a:hover {background-color: #be1c22; color: #fff; text-decoration: none;}
.moreLink,
.lessLink {margin-left: 150px;}
.moreLink:before {
display: inline-block;
font-family: 'icons';
font-style: normal;
font-weight: 400;
font-size: 12px;
color: white;
line-height: 12px;
height: 12px;
width: 12px;
text-align: center;
text-decoration: inherit;
border-radius: 12px;
padding: 0;
float: left;
clear:both;
margin-right: 5px;
margin-top: 3px;
content: '\2b';
background-color: #df252b;
}
.lessLink:before {
display: inline-block;
font-family: 'icons';
font-style: normal;
font-weight: 400;
font-size: 12px;
color: white;
line-height: 12px;
height: 12px;
width: 12px;
text-align: center;
text-decoration: inherit;
border-radius: 12px;
padding: 0;
float: left;
clear:both;
margin-right: 5px;
margin-top: 3px;
content: '\2d';
background-color: #df252b;
}
/* Definition Bild innerhalb Inhaltselement Galerie */
.downloads img {border: 1px solid #ededed;}
.resp-img img{widht: 20%;}
/* Willkommen-Monitor */
.slider {
max-width: 780px;
height: 568px;
position: relative;
top: 0;
left: 0;
}
.monitor {
max-width: 780px;
height: 568px;
position: relative;
background: url(../../files/locosoft/bilder/willk-monitor/wk-monitor.jpg)no-repeat center;
background-size: 100%;
z-index: 0;
}
.slide1,.slide2,.slide3,.slide4 {
position: absolute;
width: 100%;
height: 100%;
}
.slide1 {
background: url(../../files/locosoft/bilder/willk-monitor/wk-layer1.png)no-repeat center;
background-size: 100%;
animation:fade 15s infinite;
-webkit-animation:fade 15s infinite;
}
.slide2 {
background: url(../../files/locosoft/bilder/willk-monitor/wk-layer2.png)no-repeat center;
background-size: 100%;
animation:fade2 15s infinite;
-webkit-animation:fade2 15s infinite;
}
.slide3 {
background: url(../../files/locosoft/bilder/willk-monitor/wk-layer3.png)no-repeat center;
background-size: 100%;
animation:fade3 15s infinite;
-webkit-animation:fade3 15s infinite;
}
.slide4 {
background: url(../../files/locosoft/locosoft/bilder/willk-monitor/wk-layer4.png)no-repeat center;
background-size: 100%;
animation:fade4 15s infinite;
-webkit-animation:fade4 15s infinite;
}
@keyframes fade {
0% {opacity:1}
10% { opacity: 1}
20% { opacity: 0}
30% { opacity: 0}
40% { opacity: 0}
50% { opacity: 0}
60% { opacity: 0}
70% { opacity: 0}
80% { opacity: 0}
90% { opacity: 0}
100% { opacity: 1}
}
@keyframes fade2 {
0% {opacity:0}
10% { opacity: 0}
20% { opacity: 1}
30% { opacity: 1}
40% { opacity: 0}
50% { opacity: 0}
60% { opacity: 0}
70% { opacity: 0}
80% { opacity: 0}
90% { opacity: 0}
100% { opacity: 0}
}
@keyframes fade3 {
0% {opacity:0}
10% { opacity: 0}
20% { opacity: 0}
30% { opacity: 0}
40% { opacity: 1}
50% { opacity: 1}
60% { opacity: 1}
70% { opacity: 0}
80% { opacity: 0}
90% { opacity: 0}
100% { opacity: 0}
}
@keyframes fade4 {
0% {opacity:0}
10% { opacity: 0}
20% { opacity: 0}
30% { opacity: 0}
40% { opacity: 0}
50% { opacity: 0}
60% { opacity: 0}
70% { opacity: 1}
80% { opacity: 1}
90% { opacity: 3}
100% { opacity: 0}
}
/* =============================================================================
* add here your own styles (update-safe)
* info: save this file before you update the theme to a higher version
* ========================================================================== */
@font-face {font-family: 'Raleway'; font-style: normal; font-weight: 400;
src: url('/files/cto_layout/font/raleway/raleway-v28-latin-regular.eot');
src: local(''),
url('/files/cto_layout/font/raleway/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'),
url('/files/cto_layout/font/raleway/raleway-v28-latin-regular.woff2') format('woff2'),
url('/files/cto_layout/font/raleway/raleway-v28-latin-regular.woff') format('woff'),
url('/files/cto_layout/font/raleway/raleway-v28-latin-regular.ttf') format('truetype'),
url('/files/cto_layout/font/raleway/raleway-v28-latin-regular.svg#Raleway') format('svg');
}
@font-face {font-family: 'Raleway'; font-style: normal; font-weight: 800;
src: url('/files/cto_layout/font/raleway/raleway-v28-latin-800.eot');
src: local(''),
url('/files/cto_layout/font/raleway/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'),
url('/files/cto_layout/font/raleway/raleway-v28-latin-800.woff2') format('woff2'),
url('/files/cto_layout/font/raleway/raleway-v28-latin-800.woff') format('woff'),
url('/files/cto_layout/font/raleway/raleway-v28-latin-800.ttf') format('truetype'),
url('/files/cto_layout/font/raleway/raleway-v28-latin-800.svg#Raleway') format('svg');
}
/* --------------- GLOBAL STYLES --------------- */
h1 {font-size: 34px !important; margin-top: 25px;}
h2 {font-size: 26px !important;}
h1, h2, h3 {font-family: 'Raleway', sans-serif !important; font-weight: 400; -webkit-font-feature-settings: 'lnum';}
/* Sets Template into Full-Width Mode */
#header {max-width: 100%;}
#wrapper {max-width: 100%;}
#header_after .inside {max-width: 100%;}
#footer {max-width: 100%;}
#bottom {max-width: 100%;}
#main, .m-bottom {margin-bottom: 40px;}
/* FIX NAV-BAR */
.sticky {position: fixed !important; top: 0; width: 100%}
.sticky #logo {top: 6px;}
.sticky nav#mainmenu ul li a{padding: 0 5px;}
.sticky nav#mainmenu .level_1 span{font-size: 0;}
.sticky nav#mainmenu .level_2 span{font-size: 10px;}
.sticky + #header_after, .sticky + #wrapper {padding-top: 136px;}
p a {color: #df252b;}
.empty, div.formbody, div.formbody input {font-size: 14px;}
.teaserspacer {font-size: 14px;}
.teaserspacer a{color: #df252b; text-decoration: underline;}
td.ce_text p a{font-size: 14px;}
ul.red-list li a{color: #df252b;}
.no-border img {border: 0px;}
body {overflow-y: auto !important;} /* scroll? */
.just {text-align: justify;}
img {image-rendering: -webkit-optimize-contrast;}
.centerline h3, h3.centerline {margin: 25px 0 35px 0; overflow: hidden; text-align: center;}
.centerline h3:before, .centerline h3:after, h3.centerline:before, h3.centerline:after {background-color: #ddd; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%;}
.centerline h3:before, h3.centerline:before {right: 0.5em; margin-left: -50%;}
.centerline h3:after, h3.centerline:after {left: 0.5em; margin-right: -50%;}
.rightline h3, h3.rightline {margin: 25px 0 35px 0; overflow: hidden; text-align: left;}
.rightline h3:after, h3.rightline:after {background-color: #ddd; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 100%;}
.rightline h3:after, h3.rightline:after {left: 0.5em; margin-right: -50%;}
.rightline ul li:first-child {margin-left: 0%;}
/* FOOTER */
.adress ul {padding: 0;}
.adress li {list-style-type: none; display: table;}
.adress li:before {font-family: "icons"; display: inline-block; position: relative; margin-right: 10px;}
.adress a {color: #df252b;}
#footer img.hersteller-freigaben {width: 110px; height: auto; display: inline-block;}
#footer img.best-brands-gewinner {width: 145px; height: auto; display: inline-block; margin-left: 10px;}
/* ICON-FONT */
/* http://fontello.com/ - Default code (hex) eingeben */
.ce_list.icon-location-5 li:before{content:'\e93d'}
.icon-location-5:before{content:'\e93d'; height: 55px;}
.ce_list.icon-phone-2 li:before{content:'\e9e8'}
.icon-phone-2:before{content:'\e9e8'}
.ce_list.icon-print-2 li:before{content:'\e902'}
.icon-print-2:before{content:'\e902'}
.icon-mail:before{content:'\2709'}.
.ce_list.icon-mail li:before{content:'\2709'}
.icon-youtube-1:before{content:'\55'}
.ce_list.icon-youtube-1 li:before{content:'\55'}
.ce_list.icon-facebook-3 li:before{content:'\66'}
.icon-facebook-3:before{content:'\66'}
.ce_list.icon-twitter-3 li:before{content:'\54'}
.icon-twitter-3:before{content:'\54'}
.ce_list.icon-google li:before{content:'\47'}
.icon-google:before{content:'\47'}
.ce_list.icon-itunes li:before{content:'\69'}
.icon-itunes:before{content:'\69'}
.ce_list.icon-industrial-building li:before{content:'\e9a0'}
.icon-industrial-building:before{content:'\e9a0'}
.ce_list.icon-phone-3 li:before{content:'\eccc'}
.icon-phone-3:before{content:'\eccc'}
.ce_list.icon-star-5 li:before{content:'\e92e'}
.icon-star-5:before{content:'\e92e'}
.ce_list.icon-key li:before{content:'\1F511'}
.icon-key:before{content:'\1F511'}
.ce_list.icon-news li:before{content:'\eb1f'}
.icon-news:before{content:'\eb1f'}
.ce_list.icon-down li:before{content:'\2193'}
.icon-down:before{content:'\2193'}
.ce_list.icon-star li:before{content:'\2605'}
.icon-star:before{content:'\2605'}
.ce_list.icon-contacts li:before{content:'\eb2c'}
.icon-contacts:before{content:'\eb2c'}
.ce_list.icon-search-5 li:before{content:'\e92a'}
.icon-search-5:before{content:'\e92a'}
.icon-plus:before{content:'\2b'}
.ce_list.icon-plus li:before{content:'\2b'}
.icon-minus:before{content:'\2d'}
.ce_list.icon-minus li:before{content:'\2d'}
.ce_list.icon-folder-1 li:before{content:'\e824'}
.icon-folder-1:before{content:'\e824'}
.ce_list.icon-right-dir li:before{content:'\25b8'}
.icon-right-dir:before{content:'\25b8'}
.ce_list.icon-right-open-big li:before{content:'\ea08'}
.icon-right-open-big:before{content:'\ea08'}
.ce_list.icon-play:before{content:'\ECFF'}
.icon-play:before{content:'\ECFF'}
.ce_list.icon-karriere:before{content:'\E9FB'}
.icon-karriere:before{content:'\E9FB'}
/* SOCIAL ICONS */
.socials a.icon {width: 32px; height: 32px; background-color: #7b7b7b !important; border-radius: 50%; background-position: -1px -1px; background-size: 26px; background-position: 3px;}
.socials a.icon.big {width: 64px; height: 64px; background-size: 64px; background-position: 0px;}
.socials .fb {background: url(../../files/inhalte/sonstiges/social-icons/i-facebook.png) no-repeat; }
.socials .fb:hover {background-color: #3b5998 !important;}
.socials .yt {background: url(../../files/inhalte/sonstiges/social-icons/i-youtube.png) no-repeat;}
.socials .yt:hover {background-color: #e52d27 !important;}
.socials .tw {background: url(../../files/inhalte/sonstiges/social-icons/i-twitter-x.png) no-repeat; }
.socials .tw:hover {background-color: #0172D1 !important;}
.socials .xi {background: url(../../files/inhalte/sonstiges/social-icons/i-xing.png) no-repeat;}
.socials .xi:hover {background-color: #026466 !important;}
.socials .in {background: url(../../files/inhalte/sonstiges/social-icons/i-insta.png) no-repeat;}
.socials .in:hover {background-color: #c40094 !important;}
.socials .linkedin {background: url(../../files/inhalte/sonstiges/social-icons/i-linkedin.png) no-repeat;}
.socials .linkedin:hover {background-color: #006699 !important;}
a.fernwartung::before{content: " "; width: 20px; height: 16px; background-image: url(../../files/inhalte/sonstiges/img/fernwartung/icon-wrench.png); background-size:16px; background-repeat: no-repeat; margin: 0px 0px -2px 6px; display: inline-block;}
#fernwartung {text-align: center;}
a.badge {display: inline-block; width: 200px;height: auto; margin: 5px 15px;}
a.badge img {width: 200px; height: 95px; padding-right:0px;}
/* REVOLUTION-SLIDER GENERAL (Home) */
.slider-right-padding {text-align: right !important; padding-right: 20px !important;}
.slider-left-padding {text-align: left !important; padding-left: 20px !important;}
h1.headline1, p.headline1 {font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 800; font-size: 48px; margin: 10px 0 20px 0; color: #3a3a3a; -webkit-font-feature-settings: 'lnum';}
h1.headline1 em, p.headline1 em {color: #df252b; font-style: normal;}
h2.headline2, p.headline2, p.headline3 {font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 30px; line-height: 1.2; margin-bottom: 20px !important; color: #434343; -webkit-font-feature-settings: 'lnum';}
p.slide {font-size: 16px; color: #3a3a3a;}
a.slide-button {font-size: 16px; background-color: #df252b; line-height: 55px;}
a.slide-button:hover {background-color: #be1c22; text-decoration: none;}
.slide-2-headline {text-align: right;} /* rechtsbündig für Home-Slider */
.slide-img-bottom {top: initial !important; bottom: 0px !important;}
.image_container {margin-bottom: 20;} /* Imagecontainer for Slider */
.bb-logo {position: absolute; left: unset !important; top: unset !important;right: 10px; bottom:10px; z-index: 999}
a#locommunity-prev img {width: 390px; height: 390px; border-radius: 16px;}
.slider-right-padding.tp-caption.sfr.fadeout.start {z-index: 555;}
/* REVOLUTION-SLIDER Karriere / Mediathek */
h1.headline1 {font-size: 48px !important; margin: 20px 0 -10px 0 !important;}
h2.headline2 {font-size: 30px !important; text-transform: none;}
p.headline3 {font-size: 21px !important;}
/* PRELOADER */
body.preloader-site {overflow: hidden;}
.preloader-wrapper {height: 100%; width: 100%; background: #FFF; position: fixed; top: 0; left: 0; z-index: 9999999;}
.preloader-wrapper .preloader {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 120px;}
/* --------------- HOMEPAGE --------------- */
#buttoncontainer {height: 136px; width: 320px;} /* two monitors */
.innerbtncontainer {float: left; width: 150px; height: 120px;}
.btncircle { width: 150px; height: 90px; position: relative; text-align: center; font-weight: bold;}
.btncircle:hover .cursor {opacity: 1.0;}
.cursor {width: 150px; height: 90px; top: 0px; left: 0px; position: absolute; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0;}
h1.home, h2.home {font-family: 'Raleway', sans-serif; text-transform: none; font-weight: 400;}
h1.home {font-size: 25px !important;}
h2.home {font-size: 24px;}
h2.home-small {text-transform: none; font-weight: bold; font-family: Verdana, sans-serif !important; font-size: 14px !important; background: none;}
/* Teaser*/
.servicebox_4 {text-align: center;}
.servicebox_4 a {background: none; padding: 0;}
.servicebox_4 h3 {font-size: 17px; margin-bottom: 15px;}
div#tabs ul.infoboxen li {font-size: 13px;}
div#tabs ul.infoboxen li a{padding: 3px 9px;}
.margin-tb {margin: 20px 0 30px 0;}
/* Wordcloud */
#wordcloud {background-color: #fff; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #9FA7B2; margin-top: 20px; padding: 5px 5px; text-align: center; width: 100%;}
#wordcloud ul {list-style: none; text-align: center; margin: 0; padding: 0;}
#wordcloud ul li {border-radius: 20px; display: inline-block; margin: 0 0 8px 0; padding: 5px 12px;}
.xs {font-size: 10px; line-height: 1.5;}
.m {font-size: 12px; padding: 6px 8px;}
.l {font-size: 13px; padding: 6px 12px 7px;}
.xl {font-size: 15px; padding: 7px 14px 8px;}
.xs, .s, .m, .l, .xl {background: #f3f3f3; color: #888;}
.xs:hover, .s:hover, .m:hover, .l:hover, .xl:hover {background: #df252b; color: #fff;}
/* --------------- UNTERNEHMEN --------------- */
/* --> Zentrale */
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 20px;} /* Responsive Video-Container */
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.map-responsive{overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}
/* --> Ausbildung */
.azubis td:first-child {width: 150px; vertical-align: top;} /* Azubis Einzelvorstellung */
.azubis td:first-child img{width: 100% !important; padding-top: 6px;}
.azubis h5{font-size: 14px !important; font-weight: bold;}
.azubi-lounge h1, .azubi-lounge h2, .azubi-lounge h3 {font-size: 30px !important; color: #fff; display: block; margin: 0px;}
.azubi-lounge h1 span, .azubi-lounge h2 span, .azubi-lounge h3 span {font-size: 30px !important; color: #fff; background-color: #df252b; display: inline-block; padding: 6px 18px 6px 50px;}
.azubi-lounge .box {background: #efefef; margin: 20px 0 30px 0px; padding: 30px;}
.azubi-lounge .box h4 {font-weight: bold;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {left: 48%; bottom: 10px;} /* BX-Slider Pagination */
.tab_karriere td {border-top: 0px; vertical-align: top;}
.tab_karriere td:first-child {width: 240px; padding-right: 10px;}
.tab_karriere td:first-child img{width: 100% !important; padding-top: 6px;}
.tab_karriere td p {margin: 0 0 10px 0;}
/* --------------- PRODUKTE --------------- */
table.vorteile h4{font-size: 14px; font-weight: bold;}
table.vorteile td:first-child {padding: 10px 15px 4px 0px;}
table.vorteile td:nth-child(2) {padding: 10px 0px 4px 0px;}
.tvcontainer {width: 1200px; height: 600px; position: relative; background-image: url('../../files/inhalte/produkte/programmumfang/willk-monitor/tv-background.jpg'); background-size: contain; margin: 0px auto 30px auto;}
.monitorimg {position: absolute; animation: round 16s infinite; opacity: 0; width: 100%; height: auto;}
@keyframes round {
25% {opacity: 1;}
40% {opacity: 0;}
}
.tvcontainer img:nth-child(1) {animation-delay: 12s;}
.tvcontainer img:nth-child(2) {animation-delay: 8s;}
.tvcontainer img:nth-child(3) {animation-delay: 4s;}
.tvcontainer img:nth-child(4) {animation-delay: 0s;}
/* --------------- AKTUELLES --------------- */
.beitrag {border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 20px;}
.fachbeitraege .header tr td {border-top: none; vertical-align: top; padding: 6em 5em 2em 5em;}
.fachbeitraege h1, .fachbeitraege h3 {margin: 15px 0 5px 0;}
.fachbeitraege h3 {font-family: 'Verdana', sans-serif !important; font-weight: bold; font-size: 16px !important; margin-bottom: 0px;}
#buchbestellform {margin: 50px 0;}
/* --------------- SUPPORT --------------- */
.small-fab img {width: 260px !important; height: auto; margin-top: 15px;}
.small-fab .image_container.float_right {width: inherit;}
.center {text-align: center;}
/* PSA Zertifizierung */
p.psa-headline {font-family: 'Raleway'; font-size: 22px; color: #df252b;}
/* Distrigo (erweiterter Support) */
#distrigo p {text-align: justify;}
#distrigo table {margin: 35px 0 15px 0; background-color: #ededed;}
#distrigo table tr td {border-bottom: 15px solid #fff;}
#distrigo table tr td:first-child {min-width: 100px; text-align: center;}
#einrichtung-app-db fieldset {border: none; margin-bottom: 0px;}
.wrapper-grey-bg {background: #eee; padding: 20px 30px; margin-bottom: 20px;}
.wrapper-grey-bg .widget {border-top: 1px solid #d3d3d3;}
.wrapper-grey-bg .widget.einrichtung-db {border-top: none;}
.db-wrapper, .app-wrapper, .linux-wrapper, .db-app-wrapper {padding: 0em 1em 2em 2em;}
.v-einrichtung-db {color: red;}
.form-headline-bigger {font-size: 20px !important;}
span.float-r {float: right;}
span.float-r:after {float: none;}
/* Loco-News per E-Mail anfordern */
#loco-news_form .full {width: 100%;}
/* --------------- MEDIATHEK --------------- */
#videothek h1, #videothek p, #videothek h4.title span {text-align: center;}
#videothek p {margin-bottom: 30px;}
/* UMFRAGE */
#tyre24 .radio_container legend {display: none;}
input#ctrl_1073 {width: 40%;}
#umfrage-tonal {background: #ededed; padding: 20px;}
#umfrage-tonal div.umfrage-select {width: 70%; display: inline-block; text-align: center;}
#umfrage-tonal select, #umfrage-tonal label {width: 40%; margin: 10px 5%;}
#umfrage-tonal .submit_container {width: 25%; display: inline-block; text-align: center;}
fieldset#ctrl_1264 {border: none; margin-bottom: 0px;}
.text-center, .text-center p {text-align: center;}
/* ANFORDERUNGSFORMULAR */
.widget-textarea label, .widget-text label, .widget-text input, .widget-textarea textarea, .widget-select select .widget-textarea label, .widget-select label, .widget-password label, .widget-fineuploader label, .footer_form input.text {width: 60%}
.custom_infoicon {width: 18px; height: 18px; border-radius: 50%; border: 1px solid #888888;
text-align: center; font-size: 12px; background: #efefef; margin-top: 10px; cursor: help;}
.custom_infoicon:hover {border: 1px solid #a0161a; color: #fff; background: #df252b; cursor: help;}
h3.form-headline {font-size: 13px; font-weight: normal !important; margin: 5px 0;}
/* Link im horizontalen Navigationsmenue (Submenue) ausblenden */
#submenu li a[href="support/programmanforderungen.html"],
#submenu li a[href="programmanforderungen.html"],
#submenu li a[href="support/programmanforderungen.html"],
#submenu li a[href="support/erweiterter-distrigo-support.html"],
#submenu li a[href="support/ddc-schnittstellen-einrichtung.html"],
#submenu li a[href="support/xfi-schnittstellen-einrichtung.html"],
#submenu li a[href="schulung/seminare/uebersicht.html"],
#submenu li a[href="schulungsseite-entwurf/webinare/uebersicht-webinare.html"],
#submenu li a[href="schulung/webinare/uebersicht.html"],
#submenu li a[href="aktuelles/kassensichv-ab-01-01-2020.html"],
#submenu li a[href="aktuelles/firmen-news/details.html"],
#submenu li a[href="aktuelles/programm-news/details.html"],
#submenu li a[href="aktuelles/loco-news/abmeldung.html"],
#submenu li a[href="datenbank-support.html"],
#submenu li a[href="vorteile-der-programmiersprache-cobol.html"],
#submenu li a[href="testseite.html"],
#submenu li a[href="umfrage.html"],
#submenu li a[href="aktuelles/intern-faq-umsatzsteuersenkung.html"],
#submenu li a[href="aktuelles/locommunity-alt.html"],
#submenu li a[href="produkte/fuer-at-rksv-neu.html"] {display: none !important;}
nav#mainmenu li.submenu:hover ul a:after {display: none !important;}
nav#mainmenu ul ul li a span {width: max-content;}
.hide-form .footerform, .hide-stars span.mandatory {display: none;}
#ctrl_221 label {width: 90%;}
/* Dropdown-arrow dauerhauft bei Loco-News wegblenden */
#submenu ul li.submenu a[href="loco-news.html"]::after {display: none !important;}
.ce_revolutionslider h3 {text-transform: none !important;}
/*.widget-radio label {width: 39.75%; display: inline-block;}*/
.no-mandatory span.mandatory {display: none;}
::-webkit-input-placeholder {color: #c8c8c8;}
:-moz-placeholder {color: #c8c8c8; opacity: 1;}
::-moz-placeholder {color: #c8c8c8; opacity: 1;}
:-ms-input-placeholder {color: #c8c8c8;}
::-ms-input-placeholder {color: #c8c8c8;}
.widget-checkbox input:checked + label {background-color: unset !important; color: inherit !important;}
div.tab-frame input:checked + label {
background-color: #df252b;
color: white;
cursor: default;
}
@media only screen and (max-width: 1280px) {
.fachbeitraege .header tr td {padding: 1em;}
}
@media only screen and (max-width: 880px) and (min-width: 640px) {
#anforderungsformular td.col_0.col_first{
width: 100px;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
#anforderungsformular td {padding: 0.25em;}
}
@media only screen and (max-width: 640px) {
form#anforderungsformular tr td {text-align: center;}
.custom_infoicon {margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
.upload-field {display: none;}
td.td_icon {border-bottom: 1px solid #eee;}
.hasTooltip:hover span {right: 0; width: 85%;}
.fachbeitraege .header tr td {display: inline-block; padding: 3em; width: 50%;}
}
/* WEBNEWS (Störmeldefunktion) */
h1.trouble {font-family: 'Raleway', 'Verdana', sans-serif; font-size: 30px; color: #df252b; margin-bottom: 20px;}
div.trouble {border-bottom: 1px solid #ededed; margin-top: 15px;}
.trouble .image_container {float: left; margin-right: 20px;}
.trouble img {width: 64px !important; height: 64px; margin-top: 15px;}
.trouble table {border: none; font-size: 14px; margin-bottom: 20px;}
.trouble table td:first-child {width: 100px; height: auto; vertical-align: middle;}
.w-hinweis2 {width: 100%; margin: 50px 0 15px 0; text-align: center; padding: 18px 5px 0 5px; border: #cecece 1px solid; display: inline-block;}
@media only screen and (max-width: 880px) {
.trouble img {margin: 0 auto !important;}
}
/* TOOLTIP */
.hasTooltip {margin: 0px auto;}
.hasTooltip span {display: none; color: #000; text-decoration: none; padding: 3px;}
.hasTooltip:hover span {display: block; position: absolute; right: 5px; background-color: #ededed; border: 1px solid #CCC; margin: 2px 10px; padding: 10px; width: 362px; height: auto;}
.hasTooltip span img {margin-top: 8px;}
/* --------------- SONSTIGE --------------- */
.ce_gallery .row3 {margin-left: 2%; width: 23% !important;}
.mb-40 {margin-bottom: 40px;}
.hide-nav nav#submenu {display: none !important;}
.ce_form .captcha-container {background: #F8F8F8;}
.ce_form .captcha {float: right; margin-right: 0;}
/*.widget-captcha {display: block !important;}*/
.ce_form .captcha_text {float: none;}
.ce_form .captcha-container label.mandatory {font-weight: bold;}
.ce_form .captcha-container p.error {margin-bottom: 0px;}
/*Zoom In*/
img.zoom {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
img.zoom:hover {-webkit-transform: scale(1.05); transform: scale(1.05);}
.flex-layout {display: flex; flex-direction: row; gap: 30px; padding: 30px !important;}
h4.title {position: absolute; left: 0%; bottom: 0; font-family: Verdana, sans-serif !important; padding: 10px; text-align: left; background-color: rgba(0,0,0,0.5); transition: all 0.2s ease-out 0s; margin-bottom: 0px;}
.update-text {width: 62%; margin-right: 4%; float: left;}
.loco-werbung2 {width: 410px; height: auto; float: left;}
.no-margin-btm {margin-bottom: 0px !important;}
label.mind-16:after {content: '(Mindestalter: 16 Jahre)'; display: block; font-size: 12px;}
.cb-container {border: 1px solid #ccc; margin-top: 7px; margin-bottom: 7px;}
.cb-container .widget {border:none; padding-top: 0px; padding-bottom: 0px;}
.cb-container .widget fieldset {border: none; margin-bottom: 0px;}
.widget.cb-datenschutz {border-top:none;}
.mt-0 {margin-top: 0px!important;}
.mt-40 {margin-top: 40px!important;}
.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 100% {opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 100% {opacity: 1; -webkit-transform: none; transform: none;}}
.scale-bw {opacity: 0; animation: myAnim 300ms ease-in 2s 1 normal forwards; position: absolute; z-index: 2; top: 30%; left: 40%; transform: translate(-50%, -50%);}
.w50 {width: 50%; border-top: 0px;}
.w50:first-child {padding: 0px 40px 0px 0px;}
@keyframes myAnim {
0% {opacity: 0; transform: scale(2);}
100% {opacity: 1; transform: scale(1);}
}
.max-w {max-width: 680px; margin: 40px auto 20px auto;}
.zert-animation {opacity: 0; animation: zert 300ms ease-in 1s 1 normal forwards; position: absolute; z-index: 2; top: 0%; right: 0%; transform: translate(-50%, -50%);}
@keyframes zert {
0% {opacity: 0; transform: scale(2);}
100% {opacity: 1; transform: scale(1);}
}
.pulse {
animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
from { transform: scale(0.95); }
to { transform: scale(1.05); }
}
/* Buttons */
#myBtn {background: none; color: #df252b!important; cursor: pointer; font-family: verdana; font-size: 14px;} /* Button für AGB */
a.callus {display: none; transition: all 0.2s ease-out 0s; padding: 10px 12px; background: #df252b; color: #ffffff; text-align: center; margin: 0 15px 30px 15px;}
.web-details .teaserspacer a, a.mobilbutton, a.redbutton, button.submit {font-weight: normal; font-size: 14px; transition: all 0.2s ease-out 0s; margin-top: 15px; padding: 9px 12px; background: #df252b; color: #ffffff; text-align: center; display: inline-block;}
a.mobilbutton, .hide-headline h4 {display: none;}
a.mobilbutton:hover, a.redbutton:hover, a.callus:hover {color: #ffffff; background-color: #be1c22; text-decoration: none;}
.productinfo {margin-top: 20px;}
.productinfo label {cursor: pointer;}
.productinfo a {color: #333; background-color: #e8e8e8; padding: 10px 20px ; text-decoration: none;}
.productinfo a:hover {color: #ffffff!important; background-color: #be1c22; text-decoration: none !important;}
.web-details .teaserspacer a, .button {color: #ffffff !important; text-decoration: none; cursor: pointer !important;}
a.grey {background-color: #9d9d9d !important;}
a.grey:hover {background-color: #df252b !important;}
a.grey.mfp-close {position: relative; width: inherit; height: auto; line-height: inherit; opacity: 1; padding: 8px 16px;}
a.grey.mfp-close:active {top: inherit;}
.mod_search .widget-text {width: auto !important;}
.mod_search .widget-submit {top: inherit !important; left: inherit !important;}
.mod_search .widget {height: auto !important; padding: 0; border-top: none;}
.web-details .teaserspacer a:hover, .button:hover {color: #ffffff; background-color: #be1c22 !important; text-decoration: none !important;}
.button:disabled, input[type="submit"]:disabled, input.submit:disabled {background: #A0A0A0 !important; cursor: default !important;}
.blue {background-color: #014489!important;}
.blue:hover {background-color: #003770!important;}
.button img.b-icon {width: 38px; height: auto;}
.button:has(> img.b-icon) {padding: 0px;}
/* File-Upload, u.a. für OCB auf Karriereseite */
.qq-upload-button {display: inline-block; width: auto; padding: 7px 15px;}
.button, input[type="submit"], button.submit, button.submit, .qq-upload-button {color: #fff; background: #df252b; cursor: pointer;}
.button, input[type="submit"]:hover, button.submit:hover, button.submit:hover {background: #b32428;}
input[type="file"] {border: 2px dashed rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 20px;}
#anforderungsformular .upl input {width: 52% !important;}
input#ctrl_934 {width: 44%;} /* */
.widget-checkbox.anforderung {width: 100%;}
div.unsichtbar {display: none;}
/* Hinweis-Box mit Textur */
.w-hinweis {width: 100%; margin: 25px 0 50px 0; text-align: center; padding: 15px 5px 5px 5px; border: #df252b 2px solid; display: inline-block;}
.w-hinweis p {max-width: 940px; margin: 20px auto;}
.w-hinweis_full {width: 100%; margin: 25px 0; text-align: center; padding: 5px; background: url(../../files/cto_layout/img/promo.png) repeat; margin: 30px 0;}
.w-hinweis_full img {padding: 0 5px 0 10px;}
p.hinweistext, ul.hinweistext li a {color: #df252b;}
/* Tabellen-Styles */
table.half td {width: 50%;}
a.h3-button {color: #fff !important; padding: 15px 20px; background-color: #DF252B;}
a.h3-button:hover {color: #000 !important; text-decoration: none;}
.td-null td{border: 0 !important;}
.td-null a{display: block;}
.td-null h3, table td strong {font-size: 14px;}
.grid-archiv {font-size: 14px; font-weight: bold; padding: 0;}
.grid-archiv li{display: inline-block; margin: 0 10px;}
table.preisinfo {border: 1px solid #96a699; width: 100%;}
table.preisinfo tr.table-head {color: #ffffff; background-color: #df252b;}
table.preisinfo tr.table-head td {color: #ffffff; font-weight: bold;}
table.preisinfo tr td {text-align: left; padding-right: 1em;}
table.half-float-left {width: 45%; font-size: 14px; float: left;}
table.half-float-right {width: 45%; font-size: 14px; float: right;}
table.half-float-left td, table.half-float-right td {padding: 1em 0;}
table.half-float-left tr td:nth-child(2), table.half-float-right tr td:nth-child(2) {text-align: right;}
div.vline {border-left: 4px solid #ededed; height: 240px; float: left; margin-top: 30px; margin-left: 5%;}
table.filledbg tr {background-color: #dcdcdc;}
table.fullwidth {width: 100%}
table.fullwidth td, .strong {font-weight: bold;}
table.datenbank {width: 100%; border: 1px solid #ddd; margin: 40px 0px;}
table.datenbank tr th {background-color: #df252b; color: #ffffff; font-weight: bold;}
table.datenbank tr td, table.datenbank tr th {border: 1px solid #ddd; padding: 5px; text-align: left;}
table.datenbank tr {background-color: #fff;}
table.datenbank tr:nth-child(2n) {background-color: #f8f8f8;}
.one_third-c {width: 38%; float: left; position: relative;}
.one_third-c .expanding-grid ul.links li:first-child {padding: 0px;}
.two_third-c {width: 58%; margin-right: 4%; float: left; position: relative;}
.berichte table tr:hover {background: #F8F8F8;}
.berichte table img {width: 40px; height: 40px;}
.berichte table a {display: flex;}
p.flex {display: inline-flex;}
p.flex a.button {margin: 0px 5px;}
span.big {text-transform: uppercase;}
h4.down {text-transform: normal;}
h4.uppercase {letter-spacing: 2px; text-transform: uppercase;}
.boldsmall {font-weight: bold; font-size: 12px; margin: 10px 0;}
.small {font-size: 12px;}
.date-text {font-size: 12px; color: #999; margin: 10px 0px;}
img.azubi {width: 100px; height: 126px; margin: 10px; float: right;}
a.redlink {color: #DF252B; text-decoration: underline; font-weight: bold;}
.footer_form input[type="text"], input[type="textarea"], input[type="tel"], input[type="email"]{font-family: verdana !important;}
#footer button.submit, .footer_form input.submit {margin-top: 0px; float:none !important;}
.footer_form table {width: 100%; border-bottom: 0;}
.teambox {height: 400px;}
table td.col_0 { vertical-align: top; /*padding-top: 10px;*/ width: 32%;}
select.anrede {width: 120px;}
/* VK-Schild */
#schild {border: 1px solid #ccc;}
.vks1 {padding-right: 15px;}
.vks1, .vks2 {width: 50%; float: left; margin-bottom: 25px;}
/* Checklist with arrows */
ul.checklist, ul.red {padding-left: 0; margin-bottom: 15px;}
ul.checklist a {color: #df252b !important;}
ul.checklist li {background: url(../../files/inhalte/content-images/tick-small.png) no-repeat 4px 2px; list-style-type: none; text-decoration: none; padding: 2px 8px 0px 30px; font-size: 14px;}
ul.red li {background: url(../../files/inhalte/content-images/tick-small-red.png) no-repeat 4px 2px;} /* Red Arrows */
ul.plus li {background: url(../../files/inhalte/content-images/plus.png) no-repeat 4px 2px;} /* Red Plus */
ul.square li {background: url(../../files/inhalte/content-images/square-red.png) no-repeat 4px 4px;} /* Red Square */
ul.longline li {background: url(../../files/inhalte/content-images/longline.png) no-repeat 4px 4px;} /* Akquise - Freundschafgtsspiel (Ford) */
ul.square-blue li {background: url(../../files/inhalte/content-images/square-blue.png) no-repeat 4px 4px;} /* Blue Square */
#azubivorstellung_tab ul.red li {background: url(../../files/inhalte/content-images/tick-small-red.png) no-repeat 4px 0px; padding-left: 34px; display: flex;}
/* Vorgehen-Grafik */
#vorgehen, #vorgehen td {border: 0;}
#vorgehen td {padding: 15px 15px 0 0;}
#vorgehen h2 {margin-top: 15px;}
#vorgehen h3 {font-size: 14px; font-weight: bold; padding-bottom: 0px;}
table#vorgehen div.line {width: 28px; height: 60px; border-right: 1px solid #ededed;}
.bottomtext {border-top: 2px solid #ededed; padding: 10px 0; margin-top: 50px;}
/* Responsive Design Right-Sidebar Navigation */
#submenu ul ul {display: block;}
#submenu ul ul a:before {font-family: "icons"; content: '\25b8'; margin-right: 5px;}
#submenu li a[href="details-onlineupdates.html"],
#submenu li a[href="details-firmennews.html"],
#submenu li a[href="details-programm-news.html"],
#submenu li a[href="aktuelles/online-updates.html"],
#submenu li a[href="http://loco-soft.ch/support/programm-anforderungen.html"],
#submenu li a[href="karriereseite.html"],
#submenu li a[href="loco-news-abmeldung.html"],
#submenu li a[href="foerderprogramme.html"],
#submenu li a[href="mediathek/mein-loco.html"],
#submenu li a[href="stellenangebot.html"],
#submenu li a[href="bewerbungsprozess.html"] {display: none !important;}
#wrap a[href="#tab1"]{display:none;}
.legend {border-spacing: 2px; border-collapse: separate;}
.legend span:before {content: ""; display: inline-block; width: 5px; height: 5px; margin-bottom: 4px; margin-right: 5px;}
.legend span.one:before {background: #009036;}
.legend span.two:before {background: #ffe800;}
.legend span.three:before {background: #e2001a;}
.legend td {width: 20%; text-align: center; margin: 3px; padding: 2px; border: none !important;}
.semical td:first-child {background: #cce599;}
.semical td:nth-child(2) {background: #99cc33;}
.semical td:nth-child(3) {background: #ffb7a7;}
.semical td:nth-child(4) {background: #e3d8c2;}
.semical td:nth-child(5) {background: #99d0f0;}
/* Edge Browser Hack for webfont */
_:-ms-lang(x), _:-webkit-full-screen, h1.headline1, p.headline1 {font-family: Verdana, sans-serif;}
_:-ms-lang(x), _:-webkit-full-screen, h2.headline2, p.headline2 {font-family: Verdana, sans-serif;}
/* Bestellformular Kasse, Scanner & Co. */
#kasse-scanner-co td.img {padding: 0px 20px 0px 0px;}
table.noborder td {border-top: 0;}
#bestellform tr.row_2.even, #bestellform tr.row_3.odd, #bestellform tr.row_4.even, #bestellform tr.row_5.odd {display: none;}
#kasse-scanner-co h3{font-size: 18px;}
/* Formatierung der automatsch erstellten Eingabefelder für Mengenangaben */
#ctrl_328, #ctrl_330, #ctrl_331, #ctrl_331, #ctrl_332, #ctrl_333, #ctrl_334, #ctrl_335, #ctrl_336, #ctrl_338 , #ctrl_499, #ctrl_500, #ctrl_501, #ctrl_503, #ctrl_579, #ctrl_580, #ctrl_581, #ctrl_843, #ctrl_843, #ctrl_845, #ctrl_846, #ctrl_959, #ctrl_960, #ctrl_961, #ctrl_962, #ctrl_965, #ctrl_979, #ctrl_980, #ctrl_981, #ctrl_982, #ctrl_985, #ctrl_1001, #ctrl_1002, #ctrl_1003, #ctrl_1004, #ctrl_1007, #ctrl_1139, #ctrl_1140, #ctrl_1141, #ctrl_1517 {border: 1px solid #ccc !important; width: 75px!important; padding: 2px 4px; margin-left: 5px;}
label.sub-input1:before , label.sub-input2:before , label.sub-input3:before, label.si-ks-schw:before, label.si-ks-weiss:before, label.sub-input-zub:before, label.sub-input_llc:before, label.sub-input-ec:before, label.sub-input-ze:before {content:''; margin-left: 10px;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {opacity: 1;}
:-ms-input-placeholder {color: #bbb;}
.sub-rb {margin-bottom: 0;}
.nummernfeld {width: 100%;}
/*.widget-text.si-ks-schw, .widget-text.si-ks-weiss {display: inherit;}*/
.checkbox_container span {display: block; margin-bottom: 15px;}
/* Bestellformular Signaturerstellungseinheit */
form.long-text h4 {font-weight: bold;}
form.long-text tr.row_1 td, form.long-text tr.row_3 td {border-top: none;}
/* PPSO-Bestellung (nur .DE) */
.ppso-cell {margin-bottom: 0px !important; margin-top: 20px !important;}
.ppso-logos {text-align: center;}
.ppso-logos img{padding-top: 40px;}
/* Loco-News Formular */
label.mandatory_info:after {content: '(Empfangsadresse f\00fcr Loco-News)'; display: block; font-size: 11px;}
label.mandatory_info_abm:after {content: '(zur Abmeldung der Loco-News)'; display: block; font-size: 11px;}
#abmeldung {text-align: right; font-size: 11px;}
#abmeldung a {color: #df252b;}
fieldset.error {border: 1px solid red !important;}
fieldset.error:before {content: 'Bitte haken Sie die Checkbox an!'; display: block; font-size: 14px; color: red; margin-bottom: 5px;}
/* DIH Formular */
label.mandatory_zugangsdaten:after {content: '(Empfangsadresse f\00fcr die Zugangsdaten)'; display: block; font-size: 11px;}
label.mandatory_alle-betriebe:after {content: '(Nummer f\00fcr ALLE Betriebe)'; display: block; font-size: 11px;}
.widget-formatierung fieldset {margin-bottom: 0px;}
table#impressum td{width: 33%;}
.sprachwechsler {display: none;}
/* ANFORDERUNGSFORMULAR ANFANG */
.custom_infoicon {width: 18px; height: 18px; border-radius: 50%; border: 1px solid #888888;
text-align: center; font-size: 12px; background: #efefef; margin-top: 10px; cursor: help;}
.custom_infoicon:hover {border: 1px solid #a0161a; color: #fff; background: #df252b; cursor: help;}
h3.form-headline {font-size: 14px; font-weight: bold; margin: 5px 0;}
::-webkit-input-placeholder {color: #c8c8c8;}
:-moz-placeholder {color: #c8c8c8; opacity: 1;}
::-moz-placeholder {color: #c8c8c8; opacity: 1;}
:-ms-input-placeholder {color: #c8c8c8;}
::-ms-input-placeholder {color: #c8c8c8;}
.hasTooltip span {display: none; color: #000; text-decoration: none; padding: 3px;} /* Tooltip: */
.hasTooltip:hover span {display: block; position: absolute; right: 5px; background-color: #ededed; border: 1px solid #CCC; margin: 2px 10px; padding: 10px; width: 362px; height: auto;}
.hasTooltip span img {margin-top: 8px;}
div.tab-frame input.hide {display:none;}
div.tab-frame label.element {display:block; float:left; padding:12px 16px; cursor:pointer; font-size: 14px; background-color: #e8e8e8;}
label#lbl_599_0 {background-color:inherit; color:inherit;} /* Datenschutzeinwilligung Kontakt */
/*div.tab-frame input:checked + label, div.tab-frame input:checked + label:after{background-color:#df252b; color:white; cursor:default}*/
div.tab-frame input:checked + label {background-color:#df252b; color:white; cursor:default}
div.tab-frame div.tab{ display:none; padding: 25px 0;clear:left; border-top: 5px solid #df252b; margin-right: 10px;}
div.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1), div.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2), div.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3), div.tab-frame input:nth-of-type(4):checked ~ .tab:nth-of-type(4), div.tab-frame input:nth-of-type(5):checked ~ .tab:nth-of-type(5), div.tab-frame input:nth-of-type(6):checked ~ .tab:nth-of-type(6), div.tab-frame input:nth-of-type(7):checked ~ .tab:nth-of-type(7), div.tab-frame input:nth-of-type(8):checked ~ .tab:nth-of-type(8), div.tab-frame input:nth-of-type(9):checked ~ .tab:nth-of-type(9), div.tab-frame input:nth-of-type(10):checked ~ .tab:nth-of-type(10), div.tab-frame input:nth-of-type(11):checked ~ .tab:nth-of-type(11) {display:block;}
.tabto .bx-viewport {height: auto !important;} /* Stellenangebote-Seite */
.psa-img img {width: 300px !important; height: auto;}
/* Kontakt */
.adress {margin-top: 25px;}
/* --- TSE START --- */
table.tse tr td {border-top: none;}
table.tse tr td.one {width: 60%; padding-right: 4%;}
table.tse tr td.two {width: 36%;}
/* TSE Videolayout */
.app-container2 {background: #f8f8f8; padding: 4%; margin-top: 15px;}
.app-container2 .c-one {width: 48%; float: left; margin-right: 4%;}
.app-container2 .c-two {width: 48%; float: left;}
.app-container2 .one-fourth {width: 22%; display: inline-block; margin-right: 3%; vertical-align: top;}
/* Make Yt-Video responsive */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* --- TSE ENDE --- */
.calltoaction p {text-align-last: left !important;}
.w70 p {width: 70%;}
.calltoaction p a {text-align-last: center;}
.calltoaction.a-pos a {top: 13px; right: 15px;}
.calltoaction a.inline {background: none; display: inline; color: #df252b; position: unset; padding: 0px;}
.calltoaction.hp p {display: inline-block; float: left;}
.calltoaction .hotline-buttons {display: inline-block; float: right;}
.calltoaction .hotline-buttons a {position: relative; display: inline-block; margin: 6px; padding: 10px 12px; font-size: 14px;}
.calltoaction.hardlocks p {width: auto; float: left; }
.calltoaction.hardlocks a {display: inline-block; position: relative; float: right; font-size: 14px; margin-left: 25px; margin-bottom: 5px;}
.image_container .caption {position: relative; padding: 6px 0;}
/* UMFRAGE Renault-Schnittstellen */
#R1-R2 label {display: inline-block; width: 43%; text-align: left; padding: 12px 0;}
#R1-R2 .radio_container {display: inline-block; width: 56%;}
#R1-R2 .radio_container span {display: inline-block; width: 32%;}
#R1-R2 .radio_container span label {display: inline-block; width: 85%;}
#R1-R2 fieldset {border: none; margin-bottom: 0; padding: 0px;}
#R1-R2 .radio_container legend {display: none;}
#R1-R2 .radio_container input {width: 15px;}
#R1-R2 input[type="text"], #R1-R2 textarea, #R1-R2 input[type="email"] {width: 60%; margin-left: 3%;}
#R1-R2 p {margin-top: 10px;}
#R1-R2 hr {margin: 5px 0; border-top: 1px solid #eee;}
#R1-R2 .cb-datenschutz label {width: auto;}
input#ctrl_956[type="text"], #ddc input[type="text"] {width: 60%;} /* Ford XFI-Umfrage und DDC*/
#ddc .checkbox_container {margin-bottom: 0px;}
/* Magnific Popup CSS */
.mfp-container .content-video {width: 100%; margin-top: 20px; vertical-align: top; display: inline-block; text-align: justify;}
.mfp-bg {top: 0;
left: 0; width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 10px;
box-sizing: border-box; }
.mfp-container .content {width: 420px; vertical-align: top; display: inline-block; text-align: justify;}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.container {
display: flex;
max-width: 1140px;
margin: 0 auto;
padding: 100px 0;
flex-wrap: wrap;
.image {
width: 32%;
margin-left: 2%;
margin-bottom: 20px;
font-size: 0;
img { width: 100%; }
&:nth-child(3n+1) {
margin-left: 0;
}
}
}
.mfp-content {
position: relative;
width: 100%;
max-width: 840px;
background-color: #fff;
margin: 100px auto;
padding: 30px;
}
.mfp-content img {padding-right: 30px;}
.mfp-content .fullwidth {padding: 0 3%;}
.mfp-content .fullwidth img {padding-right: 0px;}
.mfp-content .fullwidth p.strong {margin-bottom: 10px;}
.fullwidth .ce_gallery .row2 {margin-left: 0%;}
.fullwidth .ce_gallery .row2:first-child {margin-right: 4%;}
.post-modal {
.image {
width: 100%;
margin: 0;
img {
width: 100%;
}
}
.content {
padding: 20px;
font-size: 17px;
h5 {
font-size: 22px;
font-weight: 600;
}
p {
margin-bottom: 20px;
font-weight: 300;
&:last-child {
margin-bottom: 0;
}
.popup-header {
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: solid 1px #D8D8D8;
}
}
}
.mfp-close {
position: absolute;
display: block;
width: 50px;
height: 50px;
top: -50px;
right: 0;
background-color: #cc1429;
padding: 0;
border: 0;
font-size: 0;
cursor: pointer;
transition: 0.15s;
opacity: 1;
&::before {
content: '';
position: absolute;
width: 17px;
height: 3px;
top: 50%;
left: 50%;
margin-top: -1.5px;
margin-left: -8.5px;
background-color: #fff;
-ms-transform: rotate(45deg);
-webkit-transforn: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
&::after {
content: '';
position: absolute;
width: 17px;
height: 3px;
top: 50%;
left: 50%;
margin-top: -1.5px;
margin-left: -8.5px;
background-color: #fff;
-ms-transform: rotate(-45deg);
-webkit-transforn: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
&:hover {
background-color: #991429;
}
}
}
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.sec-left {display: block; width: 49%; float: left;}
.sec-right {display: block; width: 49%; float: left;}
@media only screen and (min-width: 1281px) {
#buttoncontainer {margin-left: 15px;}
.innerbtncontainer {margin-left: 5px;}
.image_container.float_left {width: auto;}
}
@media only screen and (max-width: 1280px) and (min-width: 990px) {
.innerbtncontainer {width: 135px; margin-left: 0;}
nav#mainmenu ul li a {font-size: 12px; padding: 15px 1px;}
.calltoaction p {width: 55% !important;}
}
@media only screen and (max-width: 1280px) {
.leftarea {float: none; width: 100%;}
.rightarea {float: none; width: 300px; margin-top: 20px;}
.rightarea img{width: 300px;}
.galerie-slide .slide {width: 920px !important;}
.teambox {height: auto; width: 100%; margin-left: 0%;}
.image_container.float_right, .image_container.float_left {width: 300px; margin-right: 20px;}
h5#bubble {height: 180px; padding: 30px 25px 0 25px;}
div.tab-frame label.element {padding: 8px 10px;}
table#updatearea td.utext {width: 100% !important;}
table#updatearea .utext h1{font-size: 20px;}
.tvcontainer {width: 800px; height: 400px;}
.app-container2 .one-fourth {width: 48%; margin-right: 1%;}
}
@media only screen and (max-width: 1280px) and (min-width: 990px) {
.innerbtncontainer {width: 135px; margin-left: 0;}
p.headline3 {font-size: 19px !important;}
}
@media only screen and (max-width: 989px) {
#mm-1 span.active:before {content: '';}
#matterhorn {position: absolute; left: 110px !important; top: 75px !important; width: 600px !important; height: auto;}
#matterhorn img{width: 100% !important; height: auto !important;}
#submenu {display: block;}
#submenu ul ul a:before {display: none;}
.galerie-slide .slide {width: 24% !important;}
.expanding-grid .links > li {width: 100% !important;}
.expanding-grid .links > li:nth-of-type(2n+1) {clear: left;}
.expanding-grid .hentry .entry-image {float: none !important; width: 100% !important; margin-left: 0 !important; margin-bottom: 15px; padding: 0 !important;}
.update-text {width: 100%; display: block; float: none;}
.vk-area, .update-text {width: 100%; display: block; float: none;}
.mod_calendar table {font-size: 10px;}
.sticky #logo {top: 20px;}
.sticky + #header_after, .sticky + #wrapper {padding-top: 120px;}
#R1-R2 label {display: block; width: 100%; text-align: left; padding: 10px 0;}
#R1-R2 .radio_container {display: block; width: 100%;}
.mm-panel .mm-navbar, .mm-btn {line-height: 41px; height: 82px;}
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {margin-top: 20px;}
.mm-listview>li::before, a.submenu::before, a.icon-contacts::before, a.mm-selected span.active::before {display: none !important;}
.mm-listview>li>a, .mm-listview>li>span {padding: 20px 10px 20px 20px;}
a.mm-title {padding: 20px;}
.calltoaction .hotline-buttons {float: none; display: inherit;}
.calltoaction .hotline-buttons a {margin: 6px 0px;}
table.half-float-left, table.half-float-right {width: 100%; float: none;}
table.half-float-left tr td:nth-child(2), table.half-float-right tr td:nth-child(2) {text-align: center;}
.calltoaction.hardlocks p {float: none; text-align: center;}
.calltoaction p {text-align-last: center !important;}
div.vline {display: none;}
h1.headline1, p.headline1 {font-size: 14px !important; margin-bottom: 3px !important;}
h2.headline2, .slider-right-padding p.headline2, .slider-left-padding p.headline2, p.headline2 {font-size: 11px; margin-bottom: 3px !important;}
.slider-right-padding p, .slider-right-padding a, .slider-left-padding p, .slider-left-padding p span, .slider-left-padding a {font-size: 9px !important; line-height: 1.4 !important;}
.slide-button {padding: 4px 5px !important;}
.sec-left, .sec-right {width: 100%; clear: both;}
.w70 p {width: 100%;}
.w50 {width: 100%; display: block;}
.w50:first-child {padding: 0px;}
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.innerbtncontainer {width: 113px; margin-left: 0;}
h2.headline2 {display: none;}}
@media only screen and (max-width: 768px) {
.slide-2-headline {left: 0px !important;} /* Pos. des rechtsbündigen Textes ändern */
.app-container2 .c-one, .app-container2 .c-two {float: none; width: 100%; padding: 6%;}
.app-container2 .c-two {padding-top: 6%;}
#submenu li{border-bottom: 1px solid #ddd; text-align: center;}
#submenu li a{padding: 12px;}
ul.adress {display: inline-block;}
h5#bubble {width: 100%; height: 120px;}
#buttoncontainer {margin: 0 auto; width: 290px;}
.innerbtncontainer, .btncircle, .cursor {width: 145px}
h1.headline1 {display: block; margin: 0 0 0 0 !important; font-size: 70px !important; height: 100px;}
.leftside {left: 15px !important; top: 15px !important;}
.footer_form input[type="text"], input[type="textarea"], input[type="tel"], input[type="email"]{width: 100%;}
#ctrl_48.textarea {max-width: 100%; min-width: 100%; display: block;}
table#impressum td{width: 100%; display: block;}
table.adress h5{font-size: 0; margin-bottom: 0px;}
.adress li{text-align: left;}
.sticky + #header_after, .sticky + #wrapper {padding-top: 81px;}
#R1-R2 .radio_container span, #R1-R2 {display: block; width: 100%;}
table td {display: block; border-top: 0;}
table.half td {width: 100%;}
ul.longline li {background: none; border-bottom: none !important; padding: 0 !important;}
table.preisinfo {font-size: 12px;}
table.preisinfo td {display: table-cell !important; border-top: 0; text-align: left !important;}
table.preisinfo td:nth-child(2) {min-width: 70px;}
table.preisinfo span {display: block;}
table.preisinfo tr.table-head td {font-weight: normal;}
table.preisinfo tr td {padding-right: 0.5em;}
table.datenbank tr td, table.datenbank tr th {display: table-cell;}
table#updatearea td {width: 100% !important;}
div.ce_text td {width: 100% !important; height: auto !important;}
#kasse-scanner-co tr td {text-align: left;}
tr td {text-align: center;}
div.tab-frame div.tab {border-top: 0; margin-right: 0px;}
#umfrage-tonal div.umfrage-select, input#ctrl_1073 {width: 100%; display: block;}
#umfrage-tonal select, #umfrage-tonal label {width: 100%; margin: 10px 0;}
#umfrage-tonal .submit_container {width: 100%; display: block;}
.table-update, .table-update table { width: 100%!important; }
.table-update h2 {text-align: center;}
.my_revolutionslider_5387 a span {width:100%;height:100%;display:block}
table#updatearea td.bild, table#updatearea td.wtext {display: none !important;}
#distrigo table tr td:first-child {display: none;}
#distrigo table ul {padding-left: 0px;}
#distrigo table ul li {list-style-type: none;}
.tvcontainer {width: 500px; height: 250px;}
.one_third-c, .two_third-c {width: 100%; margin: 0 0 15px 0;}
.flex-layout {flex-direction: column; gap: 20px; padding: 20px;}
.zert-animation {top: -10%}
}
@media only screen and (max-width: 880px) and (min-width: 640px) {
#anforderungsformular td.col_0.col_first{width: 100px; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
#anforderungsformular td {padding: 0.25em;}}
@media only screen and (max-width: 640px) {
div#tabs ul.infoboxen li {width: 100%;}
div#tabs ul.infoboxen li a {display: block; width: 100%;}
#matterhorn {left: 60px !important; width: 340px !important;}
#kasse-scanner-co td.img {width: 340px; margin: 0 auto;}
form#anforderungsformular tr td {text-align: center;}
.custom_infoicon {margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
td.td_icon {border-bottom: 1px solid #eee;}
.hasTooltip:hover span {right: 0; width: 85%;}
.azubis td:first-child {width: 200px;}
a.mobilbutton, .azubis td img{display: block;}
.calltoaction {border-left: 0;}
.button, .servicebox_4 a, .servicebox_5 a, .servicebox_6 a, input[type="submit"], input.submit {display: block;}
.vks1 {padding-right: 0px;}
.vks1, .vks2 {width: 100%; display: block;}
.button {display: block; text-align: center; margin: 6px 0; margin-right: 0px !important;}
.submit_container input {width: 100% !important;}
.legend td, select.anrede, table td.col_0 {width: 100%;}
.productinfo a {display: block; padding: 8px 0px; text-align: center;}
fieldset.radiobuttonwidth {width: 100%; position: relative; left: 0; top: 0;}
#slider-karriere p.subpageheadline1 {font-size: 20px !important;}
#slider-karriere img, #slider-karriere p.subpageheadline2, .upload-field, .mobileheadline span, .mobileheadline em {display: none;}
.custom_infoicon {margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
td.td_icon {border-bottom: 1px solid #eee;}
.hasTooltip:hover span {right: 0; width: 85%;}
form.ulf-form table td.col_0, table td.descr {width: 100%;}
.download-grid {width: 100%; float: none;}
.mobileheadline {top: 0 !important; left: 0 !important; width: 100%; height: 100%; text-align: center; padding-top: 16px !important;}
.image_container.float_right, .image_container.float_left {width: 100%; margin-right: 0;}
#updatearea .bild, #updatearea .wtext {display: none !important;}
div.tab-frame label.element {width: 100%;}
.widget-text, .widget-textarea, .widget-select, .widget-password, .widget-fineuploader {display: block !important;}
.widget-text label, .widget-text input, .widget-textarea textarea, .widget-select select .widget-textarea label, .widget-select label, .widget-password label, .widget-fineuploader label, .footer_form input.text, .widget-select select {width: 100% !important; text-align: center !important; display: block;}
.ce_gallery .row1, .ce_gallery .row2, .ce_gallery .row3, .ce_gallery .row4, .ce_gallery .row5, .ce_gallery .row6 {width: 100% !important; margin-left: 0% !important;}
#bestellform .widget {border: none;}
.app-container2 .one-fourth {width: 100%; margin-right: 0%; display: block;}
}
@media only screen and (max-width: 500px) {
ul.links li a h3 {display: none;}
.expanding-grid .links > li a{background-position:50% 50%;}
}
@media screen and (min-width: 768px) {
.table-update, .table-update table { width: 100%!important; }
.table-update td:nth-child(1) { display: none; }
.table-update td:nth-child(2) { width: 20%!important; }
.table-update td:nth-child(3) { display: none; }
.table-update td:nth-child(4) { width: 80%!important;}
}
.mod_cms_accept_tags .submit.first {
background-color: #7f8c8d!important;
}
.mod_cms_accept_tags .submit.all {
background-color: #27ae60!important;
color: #fff!important;
}
.widget {
border-top: 1px solid #eee;
padding-top:7px;
padding-bottom: 7px;
clear: left;
}
.widget-text,
.widget-textarea,
.widget-select,
.widget-password,
.widget-fineuploader {
display: flex;
}
.widget-text label,
.widget-textarea label,
.widget-select label,
.widget-password label,
.widget-fineuploader label {
width: 40%;
text-align: left;
}
.widget-text input,
.widget-textarea textarea,
.widget-select select,
.widget-fineuploader .fineuploader-container {
width: 60%;
}
.widget.anforderung input,
.widget.anforderung select,
.widget.anforderung textarea,
.widget.anforderung .fineuploader-container {
width: 52%;
}
.widget-checkbox.anforderung {
width: 92%;
}
.widget.anforderung .hasTooltip {
width: 8%;
text-align: center;
}
.mod_search .widget-text {
width: 45%;
display: inline-block;
}
.mod_search .widget-text input {
width: 100%;
}
@media screen and (max-width: 767px) {
.mod_search .widget-text {
width: 80%;
}
}
.mod_search .widget-submit {
display: inline-block;
position: relative;
top: -11px;
left: -4px;
}
.mod_search .widget-submit button {
font-size: 0;
}
.custom_infoicon {
display: inline-block;
}
.footer_form input.text {
width: 60%;
}
.margin-top-50 { margin-top: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }