.d_100{grid-template-columns:100%}.d_25_25_25_25{grid-template-columns:25% 25% 25% 25%}.d_33_33_33{grid-template-columns:33.3333% 33.3333% 33.3333%}.d_50_25_25{grid-template-columns:50% 25% 25%}.d_25_50_25{grid-template-columns:25% 50% 25%}.d_25_25_50{grid-template-columns:25% 25% 50%}.d_40_30_30{grid-template-columns:40% 30% 30%}.d_30_40_30{grid-template-columns:30% 40% 30%}.d_30_30_40{grid-template-columns:30% 30% 40%}.d_20_40_40{grid-template-columns:20% 40% 40%}.d_40_20_40{grid-template-columns:40% 20% 40%}.d_40_40_20{grid-template-columns:40% 40% 20%}.d_50_50{grid-template-columns:50% 50%}.d_85_15{grid-template-columns:85% 15%}.d_15_85{grid-template-columns:15% 85%}.d_80_20{grid-template-columns:80% 20%}.d_20_80{grid-template-columns:20% 80%}.d_75_25{grid-template-columns:75% 25%}.d_25_75{grid-template-columns:25% 75%}.d_70_30{grid-template-columns:70% 30%}.d_30_70{grid-template-columns:30% 70%}.d_66_33{grid-template-columns:66.6667% 33.3333%}.d_33_66{grid-template-columns:33.3333% 66.6667%}.d_60_40{grid-template-columns:60% 40%}.d_40_60{grid-template-columns:40% 60%}@media only screen and (min-width :768px) and (max-width :1024px){.t_100{grid-template-columns:100%}.t_50_50{grid-template-columns:50% 50%}}@media only screen and (max-width:767px){.m_100{grid-template-columns:100%}.m_50_50{grid-template-columns:50% 50%}} /*----------------------------------------------------------------------------- - 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 -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .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; background:url(../../files/cto_layout/scripts/rs-plugin/images/gradient/g30.png) repeat-x top; 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; background:url(../../files/cto_layout/scripts/rs-plugin/images/gradient/g40.png) repeat-x top} .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:url(../../files/cto_layout/scripts/rs-plugin/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/rs-plugin/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/rs-plugin/assets/shadow3.png) no-repeat; 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} .tp-dottedoverlay.twoxtwo { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .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 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/navigdots_bgtile.png); 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; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullet.png) no-Repeat top left; 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; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullets.png) no-Repeat bottom left; 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; 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 .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; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullet_boxed.png) no-Repeat top left; 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; background:url(../../files/cto_layout/scripts/rs-plugin/assets/navigdots.png) no-Repeat 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: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; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrowright.png) no-Repeat top left; 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; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right2.png) no-Repeat top left; 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} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .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; background:url(../../files/cto_layout/scripts/rs-plugin/assets/coloredbg.png) repeat} .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-transparentimg { content:"url(../../files/cto_layout/scripts/rs-plugin/assets/transparent.png)"} .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;} /** contao framework **/ .ce_revolutionslider.responsive, .rs-container.responsive {height: auto;} .autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_row,.autogrid_wrapper{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row .column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row.gutter_none,.autogrid_wrapper.gutter_none{margin-left:0;margin-right:0}.autogrid_row.gutter_none>div,.autogrid_wrapper.gutter_none>div{padding-left:0;padding-right:0}.autogrid_row.gutter_s,.autogrid_wrapper.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_row.gutter_s>div,.autogrid_wrapper.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_row.gutter_m,.autogrid_wrapper.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_row.gutter_m>div,.autogrid_wrapper.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_row.gutter_l,.autogrid_wrapper.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_row.gutter_l>div,.autogrid_wrapper.gutter_l>div{padding-left:40px;padding-right:40px}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}@media only screen and (max-width:767px){.five_sixth,.four_fifth,.one_fifth,.one_fourth,.one_half,.one_sixth,.one_third,.three_fifth,.three_fourth,.three_sixth .four_sixth,.two_fifth,.two_fourth,.two_sixth,.two_third,[class*=col_]{flex:0 0 100%;max-width:none}.autogrid_grid .column,.column[class*=col_]{padding-left:0!important;padding-right:0!important;margin-bottom:25px}.autogrid[class*=offset_],.autogrid_grid[class*=offset_],.column[class*=offset_]{margin-left:0}.autogrid_grid,.autogrid_row,.autogrid_wrapper{margin-left:0!important;margin-right:0!important}.autogrid_grid .column .attributes.has-image.empty>.image_mob,.autogrid_grid .column .attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid .column .attributes.has-image.empty{background:0 0!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid .column .attributes.p-l,.autogrid_grid .column .attributes.p-m,.autogrid_grid .column .attributes.p-s,.autogrid_grid .column .attributes.p-xl,.autogrid_grid .column .attributes.p-xs{padding:20px}}body.edge column[class*=col_]{flex-basis:0}@media only screen and (max-width:767px){body.edge column[class*=col_]{flex-basis:100%}} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .a-level_1 { font-family:'Public Sans'!important; font-weight:400!important; } .header .mainmenu ul li a { text-transform: uppercase; font-size:1rem; letter-spacing:1px; } @media only screen and (max-width: 787px){ h1{ font-size: 25px!important; } h6{ font-size: 25px!important; } } @media only screen and (min-width: 788px){ .mob{ display:none!important;} } /* ============================================================================= * body * ========================================================================== */ html, body { font-size: 15px; } body { color: #555; font-family: 'Public Sans', sans-serif; line-height: 1.8rem; font-weight: 300; } /* ============================================================================= * font classes * ========================================================================== */ .font_serif_2, .font-serif-2 { font-family: 'Public Sans', Georgia, Times, serif; } /* ============================================================================= * headlines * ========================================================================== */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .font_headline { margin-bottom: 25px; line-height: 1.3; color: rgb(59,60,66); word-wrap: break-word; } h1, .h1, .h1 p { text-transform:uppercase; letter-spacing:2px; font-family:'Public Sans'; font-weight:100; font-size: 3rem; } h2, .h2, .h2 p { text-transform:uppercase; letter-spacing:2px; font-family:'Public Sans'; font-weight:100; font-size: 40px; } h3, .h3, .h3 p { text-transform:uppercase; font-family:'Public Sans'; font-weight:600; } h4, .h4, .h4 p { text-transform:uppercase; letter-spacing:2px; font-family:'Public Sans'; font-weight:200; font-size:32px; } h5, .h5, .h5 p { font-size:20px; text-transform:uppercase; letter-spacing:2px; font-family:'Public Sans'; font-weight:300; } h6, .h6, .h6 p { text-transform:uppercase; letter-spacing:2px; font-family:'Public Sans'; font-weight:100; font-size: 25px; } .column[class*="mb-"] > h1, .column[class*="mb-"] > h2, .column[class*="mb-"] > h3, .column[class*="mb-"] > h4, .column[class*="mb-"] > h5, .column[class*="mb-"] > h6, .column[class*="mb-"] > .h1, .column[class*="mb-"] > .h2, .column[class*="mb-"] > .h3, .column[class*="mb-"] > .h4, .column[class*="mb-"] > .h5, .column[class*="mb-"] > .h6 { margin-bottom: 0; } /* ============================================================================= * logo size * ========================================================================== */ .logo { width: 200px; height: 100px; } /* ============================================================================= * logo size: sticky * ========================================================================== */ .stickyheader .logo { width: 170px; height: 70px; } /* ============================================================================= * logo size: mobile * ========================================================================== */ @media only screen and (max-width: 767px) { .logo { width: 150px; height: 70px; } } /* ============================================================================= * logo * ========================================================================== */ .logo { margin-top: auto; margin-bottom: auto; float: left; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .logo a { background-image: url(../../files/cto_layout/img/logo.svg); width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: 100%; background-position: left; } /* ============================================================================= * stickyheader * ========================================================================== */ .stickyheader .header.cloned { line-height: 70px; } .stickyheader { position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; top: -100%; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; } body.fixed-header .stickyheader { top: 0; } .stickyheader .header.cloned .logo { transition: height 0.3s ease; -webkit-transition: height 0.3s ease; } /* ============================================================================= * header * ========================================================================== */ .header { width: 100%; top: 0px; z-index: 1030; position: relative; background: rgb(255,255,255); line-height: 100px; } .header.cloned { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); transition: line-height 0.3s ease; -webkit-transition: line-height 0.3s ease; } .header .inside { padding-left: 40px; padding-right: 40px; } .header.original .mainmenu ul ul li a.trail:after, .header.original .mainmenu ul ul li a.active:after { display: none; } /* ============================================================================= * fix-wrapper * ========================================================================== */ #fix-wrapper { width: 100%; z-index: 10000; } /* ============================================================================= * contentwrapper * ========================================================================== */ #contentwrapper { background: rgb(255,255,255); } /* ============================================================================= * page-width * ========================================================================== */ #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container { max-width: 1240px; margin-left: auto; margin-right: auto; } .mod_article.boxed { max-width: calc(1240px - 80px); margin-left: auto; margin-right: auto; } /* width medium */ body #main .mod_article.smallwidth, .mod_article.fullwidth-boxed-medium > .container { max-width: 800px; padding-left: 40px; padding-right: 40px; } /* width small */ body #main .mod_article.xsmallwidth, .mod_article.fullwidth-boxed-small > .container { max-width: 650px; padding-left: 40px; padding-right: 40px; } /* ============================================================================= * page paddings left/right * ========================================================================== */ #top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .mod_article.boxed > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container { padding-left: 40px; padding-right: 40px; } body.content_page.sidebar.left #main .mod_article > .container { padding-right: 0; } body.content_page.sidebar.right #main .mod_article > .container { padding-left: 0; } body.content_page.sidebar #left .mod_article > .container { padding-left: 0; padding-right: 0; } body.content_page.sidebar #right .mod_article > .container { padding-left: 0; padding-right: 0; } /* ============================================================================= * template mod_article_offset_top * ========================================================================== */ #main .mod_article.mod_article_offset_top { position: relative; top: -60px; } #main .mod_article.mod_article_offset_top > .container { padding-top: 0; padding-bottom: 0; } /* ============================================================================= * mod_article * ========================================================================== */ .mod_article { overflow: visible; position: relative; overflow: visible; background-size: cover; background-position: center; } .mod_article:before, .mod_article:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .mod_article:after { clear:both; } /* ============================================================================= * mod_article background-positions * ========================================================================== */ .mod_article.bg-left-top { background-position: left top; } .mod_article.bg-left-center { background-position: left center; } .mod_article.bg-left-bottom { background-position: left bottom; } .mod_article.bg-center-top { background-position: center top; } .mod_article.bg-center-center { background-position: center center; } .mod_article.bg-center-bottom { background-position: center bottom; } .mod_article.bg-right-top { background-position: right top; } .mod_article.bg-right-center { background-position: right center; } .mod_article.bg-right-bottom { background-position: right bottom; } /* ============================================================================= * mod_article paddings top/bottom * ========================================================================== */ /* default padding (not for fullwidth) */ .mod_article:not(.fullwidth) > .container { padding-top: 100px; padding-bottom: 100px; } /* default paddings sidebar pages */ body.content_page.sidebar #main .mod_article > .container, body.content_page.sidebar #left .mod_article > .container, body.content_page.sidebar #right .mod_article > .container { padding-top: 40px; padding-bottom: 40px; } /* no-padding body_bottom */ .body_bottom .mod_article:not(.fullwidth) > .container { padding: 0; } /* padding classes */ .mod_article.article-pt-0 > .container { padding-top: 0!important; } .mod_article.article-pb-0 > .container { padding-bottom: 0!important; } .mod_article.article-pt-xxs > .container { padding-top: 30px; } .mod_article.article-pb-xxs > .container { padding-bottom: 30px; } .mod_article.article-pt-xs > .container { padding-top: 50px; } .mod_article.article-pb-xs > .container { padding-bottom: 50px; } .mod_article.article-pt-s > .container { padding-top: 90px; } .mod_article.article-pb-s > .container { padding-bottom: 90px; } .mod_article.article-pt-m > .container { padding-top: 100px; } .mod_article.article-pb-m > .container { padding-bottom: 100px; } .mod_article.article-pt-l > .container { padding-top: 120px; } .mod_article.article-pb-l> .container { padding-bottom: 120px; } .mod_article.article-pt-xl > .container { padding-top: 150px; } .mod_article.article-pb-xl> .container { padding-bottom: 150px; } .mod_article.article-pt-xxl > .container { padding-top: 170px; } .mod_article.article-pb-xxl > .container { padding-bottom: 170px; } /* ============================================================================= * mod_article fullscreen * ========================================================================== */ .mod_article.fullscreen { height: 100vh; } .mod_article.fullscreen.oversize { height: auto!important; } .mod_article.fullscreen .container { position: relative; top: 50%; transform: translateY(-50%); } .mod_article.fullscreen.oversize .container { position: relative; top: 0; transform: translateY(0); } /* ============================================================================= * mod_article overlay * ========================================================================== */ .mod_article .article-overlay { position: absolute; } /* overlay position */ .mod_article.ol-top .article-overlay { top: 0; left: 0; } .mod_article.ol-right .article-overlay { top: 0; right: 0; } .mod_article.ol-bottom .article-overlay { bottom: 0; left: 0; } .mod_article.ol-left .article-overlay { top: 0; left: 0; } /* overlay bg_color */ .mod_article.ol-bg-black .article-overlay { background: rgb(0,0,0); } .mod_article.ol-bg-white .article-overlay { background: rgb(255,255,255); } .mod_article.ol-bg-gray .article-overlay { background: rgb(248,248,248); } /* overlay width */ .mod_article.ol-w100 .article-overlay { width: 100%; } .mod_article.ol-w75 .article-overlay { width: 75%; } .mod_article.ol-w50 .article-overlay { width: 50%; } .mod_article.ol-w25 .article-overlay { width: 25%; } /* overlay opacity */ .mod_article.ol-opacity-90 .article-overlay { opacity: 0.9; } .mod_article.ol-opacity-80 .article-overlay { opacity: 0.8; } .mod_article.ol-opacity-70 .article-overlay { opacity: 0.7; } .mod_article.ol-opacity-60 .article-overlay { opacity: 0.6; } .mod_article.ol-opacity-50 .article-overlay { opacity: 0.5; } .mod_article.ol-opacity-40 .article-overlay { opacity: 0.4; } .mod_article.ol-opacity-30 .article-overlay { opacity: 0.3; } .mod_article.ol-opacity-20 .article-overlay { opacity: 0.2; } .mod_article.ol-opacity-10 .article-overlay { opacity: 0.1; } /* ============================================================================= * mod_article parallax * ========================================================================== */ .mod_article.parallax { background-attachment: fixed; background-position: center center; background-size: cover; } body.ios .mod_article.parallax, body.android .mod_article.parallax { background-attachment: scroll; background-position: center center!important; } /* ios13 iPad workaround */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .ce_bgimage-image, .article-pb.parallax { background-position: center center !important; background-attachment: scroll !important; background-size: cover !important; } } /* ============================================================================= * top * ========================================================================== */ #top-wrapper { width: 100%; } #top-wrapper.fixed { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); background: rgba(0,0,0,0.8); } #top { position: relative; z-index: 1100; font-size: 0.93rem; line-height: 2.5rem; background: rgb(249,249,249); color: rgba(255,255,255,0.7); } #top-wrapper.fixed #top { max-height: 0; overflow: hidden; } #top:hover { overflow: visible; } #top .inside { padding-left: 40px; padding-right: 40px; } #top, #top a { color: rgb(127,127,127); } /* ============================================================================= * top: mod_top_mail * ========================================================================== */ #top .mod_top_mail { float: left; } #top .mod_top_mail a { padding: 0 8px; display: inline-block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } #top .mod_top_mail i { margin: 0 5px; } #top .mod_top_mail a:hover { opacity: 0.7; } /* ============================================================================= * top: mod_top_phone * ========================================================================== */ #top .mod_top_phone { float: left; margin-right: 15px; } #top .mod_top_phone i { margin: 0 5px 0 10px; } /* ============================================================================= * top: mod_socials * ========================================================================== */ #top .mod_socials { overflow: hidden; float: right; margin-left: 15px; } #top .mod_socials a { display: block; float: left; text-align: center; line-height: 35px; } #top .mod_socials a i { width: 2.333rem; font-size: 1.067rem; color: rgb(127,127,127); line-height: 2.5rem; } /* ============================================================================= * header: mod_socials * ========================================================================== */ .header .mod_socials { display: none; overflow: hidden; float: right; margin-left: 10px; padding-left: 10px; position: relative; } .header .mod_socials:before { content: ''; border-left: 1px solid rgb(0,0,0); position: absolute; top: 30%; left: 0; bottom: 30%; opacity: 0.2; } .header .mod_socials a { display: block; float: left; text-align: center; } .header .mod_socials a i { width: 35px; line-height: 35px; } /* ============================================================================= * container mod_socials * ========================================================================== */ #container .mod_socials i { padding: 7px; width: 2.4rem; font-size: 1.467rem; text-align: center; } /* ============================================================================= * mod_socials in sidebar * ========================================================================== */ #right .mod_socials, #left .mod_socials { text-align: center; border-top: 1px solid rgb(230,230,230); border-bottom: 1px solid rgb(230,230,230); padding: 10px 0; background: rgba(0,0,0,0.03); } #right .mod_socials i, #left .mod_socials i { background: rgba(0,0,0,0.05); font-size: 0.8rem; line-height: 2.4rem; padding: 0 7px; display: inline-block; } /* ============================================================================= * mod_langswitcher * ========================================================================== */ .mod_langswitcher { position: relative; float: right; margin-left: 20px; z-index: 100; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mod_langswitcher .mod_langswitcher_inside { padding: 10px; display: inline-block; cursor: pointer; line-height: 0; position: relative; } .mod_langswitcher .mod_langswitcher_inside:before { content: ''; border-radius: 5px; border: 1px solid rgb(0,0,0); opacity: 0.2; position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 70px; height: 34px; width: 55px; } .mod_langswitcher .mod_langswitcher_inside:after { font-family: "FontAwesome"; content: "\f107"; margin-left: 10px; display: inline-block; font-size: 10px; position: relative; top: -2px; } .mod_langswitcher .mod_langswitcher_inside i { margin-right: 5px; } .mod_langswitcher img { width: 20px; height: 15px; margin-bottom: -3px; } .mod_langswitcher ul { display: none; position: absolute; border: 1px solid rgba(0,0,0,0.2); left: 0; top: 100%; background: rgb(255,255,255); width: 57px; text-align: center; border-radius: 0 0 5px 5px; } .mod_langswitcher ul li a { padding: 8px 15px; display: block; line-height: 15px; border-bottom: 1px solid rgba(0,0,0,0.08); transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .mod_langswitcher ul li a img { border: 1px solid rgb(200,200,200); } .mod_langswitcher ul li a:hover { background: rgba(0,0,0,0.05); } .mod_langswitcher ul li:last-of-type a { border-bottom: 0; } .mod_langswitcher .mod_langswitcher_inside:hover ul { -webkit-animation: fadeIn 0.3s; animation: fadeIn 0.3s; display: block; } .mod_langswitcher span { display: none; } /* ============================================================================= * top: mod_langswitcher * ========================================================================== */ #top .mod_langswitcher { display: none; } #top .mod_langswitcher .mod_langswitcher_inside { padding-left: 0; padding-right: 0; height: 36px; } #top .mod_langswitcher .mod_langswitcher_inside:before { display: none; } #top .mod_langswitcher ul { width: 45px; } #top .mod_langswitcher ul li a { padding-left: 5px; padding-right: 5px; } /* ============================================================================= * header: mod_search * ========================================================================== */ .header .mod_search { position: relative; float: right; padding: 0 8px; display: inline-block; cursor: pointer; margin-left: 45px; z-index: 100; opacity: 0.7; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .header .mod_search:hover { opacity: 1; } .header .mod_search span { display: none; } .header .ce_search_label i { margin-right: 5px; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } .body_bottom .mod_search .search-content { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.8); z-index: 1000000; display: none; } .body_bottom .mod_search .search-content:before { content: ''; height: 50%; display: block; margin-bottom: -120px; box-sizing: inherit; } .body_bottom .mod_search.show-search .search-content form { display: block; } .body_bottom .mod_search form { max-width: 500px; margin: 0 auto; height: 100%; display: none; text-align: center; } .body_bottom .mod_search.show-search .search-content{ display: block; -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; } .body_bottom .mod_search.show-search { overflow: visible!important; } .body_bottom .mod_search .close-window i { position: fixed; right: 50px; top: 50px; } .body_bottom .mod_search .close-window i:before { color: #fff; font-size: 20px; border: 3px solid #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; text-align: center; cursor: pointer; display: inline-block; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; } .body_bottom .mod_search .close-window i:hover:before { background: rgba(255,255,255,0.3); } .body_bottom .mod_search input:not(.submit), .body_bottom .mod_search button:not(.submit) { background: transparent; border: 0; border-bottom: 3px solid #fff; font-size: 32px; color: #fff; line-height: 40px; width: 100%; float: none; padding: 0; border-radius: 0; } .body_bottom .mod_search input.submit, .body_bottom .mod_search button.submit { margin: 25px auto 0 auto; float: none; width: auto; background: transparent; border-color: #fff; color: #fff; transition: All 0.3s linear; -webkit-transition: All 0.3s linear; } .body_bottom .mod_search input.submit:hover, .body_bottom .mod_search button.submit:hover { background: rgba(255,255,255,0.3); } .body_bottom .mod_search .label { display: block; text-align: center; font-size: 34px; color: #fff; margin-bottom: 25px; font-weight: bold; } /* ============================================================================= * header: header_metanavi * ========================================================================== */ .header .header_metanavi { display: none; overflow: visible; } .header .header_metanavi a { transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; color: rgba(0,0,0,0.5); font-size: 0.95rem; } .header .header_metanavi a:hover { opacity: 0.7 } .header .header_metanavi li { display: inline-block; position: relative; line-height: 50px; } .header .header_metanavi li i { display: none; } .header .header_metanavi li ul { display: none; position: absolute; left: 0; background: rgba(255,255,255,0.9); box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); z-index: 10; } .header .header_metanavi li ul li { border-top: 1px solid rgba(0,0,0,0.1); display: block; padding-left: 15px; padding-right: 15px; text-align: left; font-size: 0.9em; line-height: 35px; } .header .header_metanavi li ul li a { margin: 0; display: block; color: rgb(80,80,80)!important; } .header .header_metanavi li.submenu a:after { font-family: "FontAwesome"; content: "\f107"; margin-left: 4px; } .header .header_metanavi li.submenu li a:after { display: none; } .header .header_metanavi li:hover ul { display: block; } /* ============================================================================= * top: mod_login_top * ========================================================================== */ #top .mod_login_top { float: right; padding: 0 8px; display: inline-block; cursor: pointer; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; margin-left: 25px; } #top .mod_login_top i { margin-right: 8px; } #top .mod_login { position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; background: rgba(0,0,0,0.8); padding: 0; z-index: 100; display: none; max-width: 100%; margin: 0; color: rgb(57,57,57); } #top .mod_login.show form { display: block; } #top .mod_login form { max-width: 380px; margin: 0 auto; display: none; background: rgb(255,255,255); margin-top: 50px; position: relative; border-radius: 5px; z-index: 10; } #top .mod_login form .formbody { padding: 35px; } #top .mod_login form h1, #top .mod_login form h2, #top .mod_login form h3, #top .mod_login form h4, #top .mod_login form h5, #top .mod_login form h6 { padding: 20px 30px; margin: 0; border-bottom: 1px solid rgb(233, 236, 239); } #top .mod_login form table { width: 100%; } #top .mod_login form table td { padding: 5px 0; } #top .mod_login.show form { display: block; -webkit-animation: fadeInDown 0.4s; animation: fadeInDown 0.4s; } #top .mod_login.show { display: block; -webkit-animation: fadeIn 0.3s; animation: fadeIn 0.3s; } #top .mod_login .close-window-login i { position: absolute; right: 10px; top: 10px; } #top .mod_login .close-window-login i:before { font-size: 16px; background: rgba(255,255,255,0.95); width: 30px; height: 30px; line-height: 30px; border-radius: 100%; text-align: center; cursor: pointer; display: inline-block; color: rgba(0,0,0,0.5); } #top .mod_login form div { margin: 0; } #top .mod_login .overlay_close { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #top .mod_login form .autologin_container input { display: inline-block; } #top .mod_login form .autologin_container label { display: inline-block; } #top .mod_login form .autologin_container { margin-bottom: 5px; } #top .mod_login form p.error { line-height: 1.5; } #top .mod_login_top:hover { opacity: 0.7; } /* ============================================================================= * top: top_metanavi * ========================================================================== */ #top .top_metanavi { overflow: visible; float: right; } #top .top_metanavi a { transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } #top .top_metanavi a:hover { opacity: 0.7; } #top .top_metanavi li { display: inline-block; position: relative; padding: 0 4px; } #top .top_metanavi li.submenu a:after { font-family: "FontAwesome"; content: "\f107"; margin-left: 4px; } #top .top_metanavi li.submenu li a:after { display: none; } #top .top_metanavi li i { display: none; } #top .top_metanavi li ul { display: none; position: absolute; left: 0; background: rgba(255,255,255,1); box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #top .top_metanavi li ul li { border-bottom: 1px solid rgba(0,0,0,0.1); display: block; padding-left: 15px; padding-right: 15px; text-align: left; font-size: 0.9em; line-height: 35px; } #top .top_metanavi li ul li.last { border-bottom: 0; } #top .top_metanavi li ul li a { margin: 0; color: rgb(85,85,85)!important; display: block; } #top .top_metanavi li:hover ul { display: block; } /* ============================================================================= * breadcrumb * ========================================================================== */ .mod_breadcrumb { border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } .mod_breadcrumb .mod_breadcrumb_inside { position: relative; } .mod_breadcrumb .mod_breadcrumb_inside:before { content: ''; border-top: 1px solid rgba(0,0,0,0.1); position: absolute; top: 0; left: 40px; right: 40px; height: 1px; } .mod_breadcrumb .mod_breadcrumb_inside:after { content: ''; border-top: 1px solid rgba(0,0,0,0.1); position: absolute; bottom: 0; left: 40px; right: 40px; height: 1px; } .mod_breadcrumb .mod_breadcrumb_inside:before, .mod_breadcrumb .mod_breadcrumb_inside:after { display: none; } .mod_breadcrumb ul { font-size: 0.9rem; line-height: 0.9rem; text-align: center; display: inline-block; float: none; padding: 11px 0; } .mod_breadcrumb li { display: inline-block; margin-right: 5px; } .mod_breadcrumb li:before { font-family: "FontAwesome"; content: "\f101"; margin-right: 5px; } .mod_breadcrumb li.first:before { display: none; } .mod_breadcrumb .pagetitle { display: none; } /* ============================================================================= * offcanvas-top * ========================================================================== */ .offcanvas-trigger { overflow: hidden; position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer; height: 36px; width: 36px; } .offcanvas-trigger:after { position: absolute; right: -25px; top:-25px; width: 50px; content:''; height: 50px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: rgba(255,255,255,0.8); box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } .offcanvas-trigger .line1, .offcanvas-trigger .line2 { position: absolute; top: 50%; background: rgba(0,0,0,0.9); height: 1px; width: 10px; z-index: 10; right: 5px; margin-top: -7px; } .offcanvas-trigger .line2 { -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } #offcanvas-top { max-height: 0; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; overflow: hidden; font-size: 0.95rem; line-height: 1.6; } #offcanvas-top, #offcanvas-top a { color: rgba(255,255,255,0.8); } #offcanvas-top.offcanvas-top-open { display: block; max-height: 1000px; } .offcanvas-top-open.offcanvas-trigger .line2 { -webkit-transform: rotate(0deg); transform: rotate(0deg); } #offcanvas-top .offcanvas-top-inside { padding-top: 40px; padding-bottom: 40px; overflow: hidden; } #offcanvas-top .mod_login { background: none; box-shadow: none; padding: 0; margin: 0; border: 0; } #offcanvas-top .mod_login input.submit, #offcanvas-top .mod_login button.submit { width: auto; background: rgba(0,0,0,0.1); } #offcanvas-top .mod_login input.text{ margin-bottom: 10px; } #offcanvas-top .autogrid.block { padding-left: 2%; padding-right: 2%; } #offcanvas-top .autogrid_wrapper { margin-left: -2%; margin-right: -2%; } #offcanvas-top h1, #offcanvas-top h2, #offcanvas-top h3, #offcanvas-top h4, #offcanvas-top h5, #offcanvas-top h6 { color: rgb(255,255,255); font-size: 1.6rem; } #offcanvas-top .mod_socials { overflow: hidden; display: inline-block; } #offcanvas-top .mod_socials a i { padding: 0.6667rem; margin-right: 1px; background: rgba(255,255,255,0.05); font-size: 1.333rem; display: inline-block; height: 2.667rem; width: 2.667rem; text-align: center; float: left; margin-bottom: 1px; } /* ============================================================================= * cookiebar (no-optin) * ========================================================================== */ .cookiebar { position: fixed; bottom: 0; left: 0; width: 100%; color: rgb(255,255,255); z-index: 100000000000; padding: 15px 110px 15px 15px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); display: none; } .cookiebar.open { display: block; } .cookiebar-close { cursor: pointer; position: absolute; right: 15px; top: 50%; background: rgba(0,0,0,0.3); padding: 5px 10px; border-radius: 3px; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .cookiebar-close:hover { background: rgba(0,0,0,0.5); } .cookiebar p { margin-bottom: 0; } .cookiebar a { color: rgb(255,255,255); margin-right: 5px; text-decoration: underline; } /* ============================================================================= * footer * ========================================================================== */ #footer { background: rgb(37, 37, 37); font-size: 0.93rem; line-height: 1.6rem; } #footer, #footer a { color: rgba(255, 255, 255, 0.6); } #footer a { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } #footer a:hover { color: rgba(255, 255, 255, 1); } #footer .inside { margin: 0 auto; padding: 65px 40px; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: rgba(255,255,255,0.8); } #footer ul { padding: 0; margin: 0; } #footer li { margin-bottom: 10px; padding-left: 25px; padding-bottom: 10px; list-style-type: none; position: relative; } #footer li:last-of-type { margin-bottom: 0; } #footer li:after { border-bottom: 1px solid rgb(255,255,255); opacity: 0.2; content: ''; display: block; left: 0; width: 100%; bottom: 0; position: absolute; } #footer li:before { content: "\f105"; font-family: FontAwesome; text-align: center; position: absolute; left: 0px; display: block; height: 20px; width: 20px; margin-top: -1px; } #footer .totop { position: absolute; left: 50%; top: 0; margin-left: -20px; } #footer .totop:before { font-family: "FontAwesome"; content: '\f102'; background: rgba(255,255,255,0.1); width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 21px; border-radius: 0 0 3px 3px; } /* ============================================================================= * footer: mod_socials * ========================================================================== */ #footer .mod_socials { overflow: hidden; display: inline-block; } #footer .mod_socials a i { padding: 0.6667rem; margin-right: 1px; background: rgba(255,255,255,0.05); font-size: 1.333rem; display: inline-block; height: 2.667rem; width: 2.667rem; text-align: center; float: left; margin-bottom: 1px; } /* ============================================================================= * bottom * ========================================================================== */ #bottom { background: rgb(15, 15, 15); } #bottom .inside { margin: 0 auto; padding: 20px 40px; overflow: hidden; font-size: 0.93em; } #bottom .inside .left { float: left; } #bottom .inside .right { float: right; } #bottom .inside, #bottom .inside a { color: rgba(255,255,255,0.4); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } #bottom .inside a:hover { color: rgba(255,255,255,1); border-bottom: 1px solid; } #bottom .inside .left a { margin-right: 15px; } #bottom .inside .right a { margin-left: 15px; } /* ============================================================================= * browser-mockup for images * ========================================================================== */ .ce_image.browser_mockup img { padding-top: 32px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMTY3cHgiIGhlaWdodD0iMzIuOTY4cHgiIHZpZXdCb3g9IjAgMCAxMTY3IDMyLjk2OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE2NyAzMi45NjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9Ii0zNS42NjciIHk9Ii0xMi4xNTEiIGZpbGw9IiNEQkRCREIiIHN0cm9rZT0iI0FEQURBRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjEyMDIuNDE3IiBoZWlnaHQ9IjQ0Ljg2OSIvPjxwYXRoIGlkPSJYTUxJRF85OV8iIGZpbGw9IiNFOEU4RTgiIHN0cm9rZT0iI0I3QjdCNyIgc3Ryb2tlLXdpZHRoPSIwLjc1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik04Mi4zMDYsMzQuNTY2YzAsMCwyLjgzNy0wLjgyMSwzLjc2MS0zLjM4NWMwLjkyNC0yLjU2NCw2LjMxMS0xOC44ODUsNi4zMTEtMTguODg1czEuMDU0LTMuNjI2LDQuODY3LTMuNjI2YzMuODEzLDAsMTE0LjU1MiwwLDExNC41NTIsMHMyLjQ1NS0wLjU0LDMuNjk3LDQuMTA4YzEuMjQyLDQuNjQ3LDUuNDg4LDE3LjkxOSw1LjQ4OCwxNy45MTlzMS4wMDUsMy4zNzEsNC40NzEsMy43NTZMODIuMzA2LDM0LjU2NnoiLz48ZyBpZD0iWE1MSURfOTZfIj48ZyBpZD0iWE1MSURfOTdfIj48ZWxsaXBzZSBpZD0iWE1MSURfOThfIiBmaWxsPSIjOTk5OTk5IiBjeD0iMTAwLjkwMyIgY3k9IjIwLjc4NSIgcng9IjQuNzE5IiByeT0iNC43ODEiLz48L2c+PC9nPjxwb2x5Z29uIGlkPSJYTUxJRF85NV8iIGZpbGw9IiM5OTk5OTkiIHN0cm9rZT0iI0U4RThFOCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjIxMi44NTgsMjUuMzA1IDIwOS4zMzQsMjEuNzM0IDIxMi44NTgsMTguMTYzIDIxMC43ODUsMTYuMDYyIDIwNy4yNjEsMTkuNjM1IDIwMy43MzYsMTYuMDYzIDIwMS42NjQsMTguMTY0IDIwNS4xODksMjEuNzM0IDIwMS42NjUsMjUuMzA3IDIwMy43MzgsMjcuNDA2IDIwNy4yNjIsMjMuODM1IDIxMC43ODYsMjcuNDA1ICIvPjxjaXJjbGUgaWQ9IlhNTElEXzIxXyIgZmlsbD0iI0Y1NTM1QyIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMjEuMTA5IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjxjaXJjbGUgaWQ9IlhNTElEXzI1XyIgZmlsbD0iI0Y3QkI0OCIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMzkuNjY3IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjxjaXJjbGUgaWQ9IlhNTElEXzI5XyIgZmlsbD0iIzE5OTU0MCIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iNTguMjI3IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjwvc3ZnPg==); background-position: left top; background-repeat: no-repeat; box-shadow: 0 0 27px 5px rgba(0,0,0,0.08); border: 1px solid rgba(0,0,0,0.3); } /* ============================================================================= * top_link * ========================================================================== */ #top_link { position: fixed; opacity: 0; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; width: 45px; height: 45px; line-height: 45px; right: 15px; z-index: 10005; bottom: -40px; } #top_link a { position: relative; display: block; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; float: left; width: 100%; height: 100%; background: rgba(255,255,255,0.9); text-align: center; line-height: inherit; border-radius: 100%; box-shadow: 0 0 25px 0 rgba(0,0,0,0.04); border: 1px solid rgb(235, 237, 235); font-size: 12px; line-height: 41px; cursor: pointer; } #top_link:hover a { margin-top: -7px; } body.fixed-header.cookiebar_open #top_link { opacity: 1; bottom: 70px; } body.fixed-header #top_link { opacity: 1; bottom: 45px; } /* ============================================================================= * set css3 animation duration * ========================================================================== */ .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } /* ============================================================================= * set accent colors * ========================================================================== */ .bg-accent { background-color: rgb(30,136,210); } p a { color: rgb(30,136,210); } .divider-v2 h1:after, .divider-v2 h2:after, .divider-v2 h3:after, .divider-v2 h4:after, .dividerv h5:after, .divider-v2 h6:after, h1.divider-v2:after, h2.divider-v2:after, h3.divider-v2:after, h4.divider-v2:after, h5.divider-v2:after, h6.divider-v2:after { background: rgb(30,136,210); } hr.divider_3:before { background: rgb(30,136,210); } hr.divider_3:before { background: rgb(30,136,210); } .divider_4_first { border: 3px solid rgb(30,136,210); } .divider_4_second { background-color: rgb(30,136,210); } .divider_4::after, .divider_4::before { background-color: rgb(30,136,210); } .divider_5 i { color: rgb(30,136,210); } .mainmenu ul ul { border-top: 2px solid rgba(30,136,210,0.6); } .header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active { color: rgb(30,136,210); } .mainmenu ul ul li a:hover:not(.megamenu), .mainmenu ul ul li a.trail:not(.megamenu), .mainmenu ul ul li a.active:not(.megamenu) { background: rgba(30,136,210,0.95); } .subnav a { color: rgb(30,136,210); } .ce_table table th { background: rgb(30,136,210); } .ce_tabs .tabs.classic ul li.active, .ce_tabs .tabs.classic ul li:hover { border-color: rgb(30,136,210); } .ce_tabs .tabs.horizontal ul li:hover a, .ce_tabs .tabs.horizontal ul li.active a { background: rgb(30,136,210); } .ce_teambox .image .overlay { background: rgb(30,136,210); } .ce_teambox .email a { color: rgb(30,136,210); } blockquote a { color: rgb(30,136,210); } .ce_iconbox.version2 i { background: rgb(30,136,210); } .ce_iconbox .link { color: rgb(30,136,210); } .ce_testimonial a { color: rgb(30,136,210); } .ce_accordion .toggler:before { color:rgb(30,136,210); } .mod_calendar th.head { background:rgb(30,136,210); border-top:1px solid rgb(30,136,210); border-right:1px solid rgb(30,136,210); border-left:1px solid rgb(30,136,210); } .mod_calendar th.previous a, .mod_calendar th.next a { background-color:rgb(30,136,210); } .pagination li span.current { background: rgb(30,136,210); } .pagination li a:hover { color: rgb(30,136,210); } .mod_faqpage h3:before { color: rgb(30,136,210); } .mod_search .submit { border: 1px solid rgb(30,136,210); } input:focus, textarea:focus { border:1px solid rgb(30,136,210); } form fieldset legend { background-color:rgb(30,136,210); } form .input-group-addon { background: rgb(30,136,210); border-color: rgb(30,136,210); } input.submit[type="submit"], button.submit[type="submit"] { background: rgb(30,136,210); } input.submit[type="submit"]:hover, button.submit[type="submit"]:hover { background: rgba(30,136,210,0.9); } .ce_youtube_background.overlay .YTPOverlay { background-color: rgba(30,136,210,0.6); } .label-accent { background: rgb(30,136,210); } .ce_hyperlink a, a.btn { background: rgb(30,136,210); border-color: rgb(30,136,210); } .ce_hyperlink a.link-white, a.btn.link-white { color: rgb(30,136,210); } .ce_hyperlink a.link-white:hover, a.btn.link-white:hover { background: rgb(30,136,210); } .ce_hyperlink a.outline, a.btn.outline { color: rgb(30,136,210); } .newslist h2, .newslist h2 a { color: rgb(30,136,210); } .newslist .news-left .news-date { background: rgb(30,136,210); } .newsteaser .date { background: rgb(30,136,210); } #portfolio_filter a.selected, #portfolio_filter a:hover { background: rgb(30,136,210); } .ce_chartbar .chart_data { background: rgb(30,136,210); } .color-accent, .color-accent p, .color-accent i, .color-accent h1, .color-accent h2, .color-accent h3, .color-accent h4, .color-accent h5, .color-accent h6, .color-accent a:not(.link-white) { color: rgb(30,136,210); } blockquote { border-color: rgb(30,136,210); } .ce_pricetable .pricetable.highlight .title { background: rgb(30,136,210); } .ce_imagebox_v2 .ce_url a { background: rgb(30,136,210); } .ce_gallery .content { background: rgba(30,136,210,0.8); } .ce_headertext h1:after, .ce_headertext h2:after, .ce_headertext h3:after, .ce_headertext h4:after, .ce_headertext h5:after, .ce_headertext h6:after { background: rgb(30,136,210); } .ce_countup i { color: rgb(30,136,210); } .newslist-v3 .date { background: rgb(30,136,210); } .ce_bgimage.offset.offset-bg-accent:before { background-color: rgb(30,136,210); } .ce_leadertext.version2 .divider-first { border: 3px solid rgb(30,136,210); } .ce_leadertext.version2 .divider-second { background-color: rgb(30,136,210); } .ce_leadertext.version2 .divider:after, .ce_leadertext.version2 .divider:before { background-color: rgb(30,136,210); } .ce_accordion .toggler i.fa { background: rgb(30,136,210); } .newsteaser_v3 .news-overlay i { background-color: rgb(30,136,210); } .newslist-v3 .subheadline { color: rgb(30,136,210); } .ce_teambox .function { color: rgb(30,136,210); } .ce_tabs .tabs.horizontal-clean ul li.active:after { border-color: rgb(30,136,210) transparent transparent transparent; } .subheadline-v2 { color: rgb(30,136,210); } .ce_timeline .timeline-item .timeline-item-title { background: rgb(30,136,210); } .ce_portfoliofilter.default a.selected, .ce_portfoliofilter.default a:hover { background: rgb(30,136,210); } .ce_tabs .tabs.horizontal-clean ul li.active a { color: rgb(30,136,210); } .ce_revolutionslider_hyperlink { background: rgb(30,136,210); border-color: rgb(30,136,210); } .ce_headline_extended.version2 .divider-first { border-color: rgb(30,136,210); } .ce_headline_extended.version2 .divider:after, .ce_headline_extended.version2 .divider:before, .ce_headline_extended.version2 .divider-second { background-color: rgb(30,136,210); } body .picker--focused .picker__day--selected, body .picker__day--selected, body .picker__day--selected:hover, body .picker--focused .picker__day--highlighted, body .picker__day--highlighted:hover, body .picker__day--infocus:hover, body .picker__day--outfocus:hover, body .picker--focused .picker__list-item--highlighted, body .picker__list-item--highlighted:hover, body .picker__list-item:hover { background-color: rgb(30,136,210); } body .picker__list-item--highlighted, .picker__list-item:hover { border-color: rgb(30,136,210); } .ce_video_background .video-overlay { background-color: rgb(30,136,210); } .ce_text_imagebox.imagebox_version2 .inside, .ce_text_imagebox.imagebox_version3 .inside { background-color: rgb(30,136,210); } #offcanvas-top { background: rgb(30,136,210); } .cookiebar { background: rgb(30,136,210); } .ce_bgimage_content_start.bg-accent .bg_overlay { background: rgb(30,136,210); } .newslist-timeline:before, .newslist-timeline-both h4:before { border-color: rgb(30,136,210); } .ce_divider_extended.version4 span { background: rgb(30,136,210); } .ce_divider_extended.version5 { background: rgb(30,136,210); } .ce_linkbox h4 { color: rgb(30,136,210); } .body_bottom .mod_search .search-content { background: rgb(30,136,210); } .mod_customcataloglist.cc_immorealty .entry.top_object .cc_immorealty_top { background: rgb(30,136,210); } .mod_customcatalogfilter.immorealty_filter .filter_range .ui-slider-range { background: rgb(30,136,210); } .mod_customcatalogreader.cc_immorealty .property-furnishing li i { color: rgb(30,136,210); } .mod_customcatalogreader.cc_immorealty .price { background: rgb(30,136,210); } .mod_customcataloglist .cc_immorealty_slider .category { background: rgb(30,136,210); } .header .mainmenu ul li.highlight a span { background: rgb(30,136,210); } .mod_customcataloglist.cc_immorealty .customelements_notelist input { background-color: rgb(30,136,210); } .mod_customcataloglist.cc_cardealer .item-rightside .item-content-col2 { color: rgb(30,136,210); } .mod_customcatalogfilter.cardealer_filter .filter_range .ui-slider-range { background-color: rgb(30,136,210); } .mod_customcatalogreader.cc_cardealer .single-price { color: rgb(30,136,210); } .mod_customcatalogreader.cc_cardealer .single-price strong { background-color: rgb(30,136,210); } .mod_customcataloglist.cc_cardealer .item-highlight-icon { background-color: rgb(30,136,210); } .mod_customcataloglist .cc_cardealer_slider .state { background-color: rgb(30,136,210); } .mod_customcataloglist .cc_cardealer_slider .price strong { color: rgb(30,136,210); } .ce_linkbox a i { background-color: rgb(30,136,210); } .ce_fullscreen_gallery.version3 .bold { background-color: rgb(30,136,210); } form.style2 { background: rgb(30,136,210); } .ce_linkbox .ce_linkbox_banner { background-color: rgb(30,136,210); } .custommenu li:hover { background-color: rgb(30,136,210); } .ce_featured_tab li .ce_headline .headline { color: rgb(30,136,210); } .ce_featured_tab li.active { background-color: rgb(30,136,210); } .ce_headerimage.version3 .ce_headline .headline { background: rgb(30,136,210); } .ce_headerimage.version3 .subline { background: rgb(30,136,210); } .mod_portfoliolist_v4 .item a:hover { background: rgb(30,136,210); } .mod_customcatalogteaser.cc_accommodations .entry:hover .item-content { background: rgb(30,136,210); } .ce_revolutionslider_hyperlink.light { color: rgb(30,136,210); } .ce_frame_start.style3 .ce_frame_start_inside { border-color: rgb(30,136,210); } .mod_portfoliolist_teaser_3 .info, .mod_portfoliolist_teaser_3 .info a { color: rgb(30,136,210); } .newsteaser_v7:hover h5 { color: rgb(30,136,210); } .ce_divider_extended.version10 svg { fill: rgb(30,136,210); } .js-cd-h-timeline .filling-line { background-color: rgb(30,136,210); } .js .cd-h-timeline__date--older-event::after { border-color: rgb(30,136,210); } .js .cd-h-timeline__date:hover::after, .js .cd-h-timeline__date--selected::after { background-color: rgb(30,136,210); border-color: rgb(30,136,210); } .mod_portfoliolist_v7 .comments { background-color: rgb(30,136,210); } .mod_portfoliolist_v7 .subline { background-color: rgb(30,136,210); } .mod_portfoliolist_v7 .item:hover .item-bottom a { color: rgb(30,136,210); } .js-cd-h-timeline .ce_text em { color: rgb(30,136,210); } .mod_eventlist_v2 .title a { color: rgb(30,136,210); } .ce_imagemap .hotspot.small .circle { box-shadow: 0 0 0 2px rgb(30,136,210); } .ce_pricecard.style2.highlight .ce_pricecard_inside { background: rgb(30,136,210); } .mod_eventlist_v3 h4, .mod_eventlist_v3 h4 a { color: rgb(30,136,210); } .mod_eventlist_v3 .meta-info i { color: rgb(30,136,210); } .js-cd-h-timeline time:before, .js-cd-h-timeline .location:before { color: rgb(30,136,210); } .js-cd-h-timeline .more a { background: rgb(30,136,210); } body .mainmenu ul li a:hover:before, body .mainmenu ul li a.trail:before, body .mainmenu ul li a.active:before { background-color: rgb(30,136,210); } .ce_popup_start .popup_close { color: rgb(30,136,210); } .ce_popup_start .ce_popup_content { border-color: rgb(30,136,210); } .mod_eventlist_v4 i.fa-location-arrow { background-color: rgb(30,136,210); } .ce_hyperlink_lightbox_video.hyperlink_color_accent svg polygon { fill: rgb(30,136,210); } .ce_hyperlink_lightbox_video.hyperlink_color_accent svg circle { stroke: rgb(30,136,210); } .mod_portfoliolist_demos .item .overlay { background-color: rgb(30,136,210); } .mod_portfoliolist_demos .item h5:hover { color: rgb(30,136,210); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-accent { background-color: rgb(30,136,210); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-accent:hover { background-color: rgb(30,136,210)!important; } .ce_iconbox_v3 .headline.headline-color-accent { color: rgb(30,136,210); } .ce_iconbox_v3 .subheadline.subheadline-color-accent { color: rgb(30,136,210); } .ce_iconbox_v3 .fonticon.fonticon-color-accent { color: rgb(30,136,210); } .ce_iconbox_v3:hover.text-hover-accent i, .ce_iconbox_v3:hover.text-hover-accent .headline, .ce_iconbox_v3:hover.text-hover-accent .subheadline { color: rgb(30,136,210)!important; } .submenu_v2 li a:hover, .submenu_v2 li a.active { color: rgb(30,136,210); } .ce_list.list-style2 li.fa:before { color: rgb(30,136,210); } .ce_list.list-style3 li.fa:before { color: rgb(30,136,210); } .ce_download_small .ce_download_small_inside a:after { color: rgb(30,136,210); } .ce_download_small .ce_download_small_inside a { border-color: rgb(30,136,210); } .ce_imagemap .circle { box-shadow: 0 0 0 4px rgb(30,136,210); } .ce_testimonial_version7 .text_inside:before { background: rgb(30,136,210); } .ce_portfoliofilter.port-filter-style3 a.selected { border-color: rgb(30,136,210); } form.style8 input.submit[type="submit"], form.style8 button.submit[type="submit"] { color: rgb(30,136,210); } .ce_image_text_box .ce_image_text_box_banner { background: rgb(30,136,210); } .ce_image_text_box.version2 .ce_url a { color: rgb(30,136,210); } .ce_grid_gallery_start li:hover .linktext { color: rgb(30,136,210); } .mod_quickmenu.style2 a { border-color: rgb(30,136,210); color: rgb(30,136,210); } .ce_accordion_v2 .toggler:not(.ui-state-active):hover { color: rgb(30,136,210); } .ce_accordion_v2 .toggler.ui-state-active { background: rgb(30,136,210); } /* ============================================================================= * set second color * ========================================================================== */ .bg-second { background-color: rgb(46,56,65); } .color-second { color: rgb(46,56,65); } .ce_bgimage_content_start .bg_overlay.bg-second { background-color: rgb(46,56,65); } .notelist .submit_container input.submit, .notelist .submit_container input.submit:hover, .notelist .submit_container button.submit, .notelist .submit_container button.submit:hover { background-color: rgb(46,56,65); } .mod_customcataloglist.cc_cardealer .item-state { background-color: rgb(46,56,65); } form.style2 input.submit, form.style2 input.submit[type="submit"]:hover, form.style2 input.button, form.style2 input.button[type="submit"]:hover { background-color: rgb(46,56,65); } .ce_hyperlink-extended a.link-sec-color { color: rgb(255,255,255); border: 2px solid rgb(46,56,65); background: rgb(46,56,65); } .ce_hyperlink-extended a.link-sec-color:hover { color: rgb(46,56,65); border: 2px solid rgb(46,56,65); background: rgb(255,255,255); } .ce_hyperlink-extended a.link-sec-color-outline { color: rgb(46,56,65); border: 2px solid rgb(46,56,65); background: none; } .ce_hyperlink-extended a.link-sec-color-outline:hover { color: rgb(255,255,255); background: rgb(46,56,65); } .ce_hyperlink_lightbox_video.hyperlink_color_second svg polygon { fill: rgb(46,56,65); } .ce_hyperlink_lightbox_video.hyperlink_color_second svg circle { stroke: rgb(46,56,65); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-second { background-color: rgb(46,56,65); } .ce_iconbox_v3 .ce_iconbox_v3_inside.bg-hover-second:hover { background-color: rgb(46,56,65)!important; } .ce_iconbox_v3 .headline.headline-color-second { color: rgb(46,56,65); } .ce_iconbox_v3 .subheadline.subheadline-color-second { color: rgb(46,56,65); } .ce_iconbox_v3 .fonticon.fonticon-color-second { color: rgb(46,56,65); } .ce_iconbox_v3:hover.text-hover-second i, .ce_iconbox_v3:hover.text-hover-second .headline, .ce_iconbox_v3:hover.text-hover-second .subheadline { color: rgb(46,56,65)!important; } .header .mainmenu ul li.highlight_color_second a span, .header .mainmenu ul li.highlight-color-second a span { background: rgb(46,56,65); } /* ============================================================================= * custom colors: background * ========================================================================== */ .bg-custom-1 { background: rgb(30,136,210); } .bg-custom-2 { background: rgb(30,136,210); } .bg-custom-3 { background: rgb(30,136,210); } .bg-custom-4 { background: rgb(30,136,210); } /* ============================================================================= * custom colors: offset layer * ========================================================================== */ .ce_bgimage.offset.offset-bg-custom-1:before { background-color: rgb(30,136,210); } .ce_bgimage.offset.offset-bg-custom-2:before { background-color: rgb(30,136,210); } .ce_bgimage.offset.offset-bg-custom-3:before { background-color: rgb(30,136,210); } .ce_bgimage.offset.offset-bg-custom-4:before { background-color: rgb(30,136,210); } /* ============================================================================= * mainmenu * ========================================================================== */ .mainmenu { float: right; } .mainmenu ul { position: static; } .mainmenu ul li a.first { padding-left: 0; } .mainmenu ul li { margin-left: 15px; margin-right: 15px; } .mainmenu ul li.first { margin-left: 0; } .mainmenu ul li.last { margin-right: 0; } .mainmenu ul li ul li { margin-left: 0; margin-right: 0; } .mainmenu ul li a { text-transform: none; padding: 0; font-weight: normal; font-size: 1.067rem; } .mainmenu ul li ul a.trail { color: rgb(255,255,255)!important; } .fixed .mainmenu ul li ul li a:not(.active):not(.trail) { color: rgb(57,57,57); } .mainmenu ul ul li a { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .mainmenu ul ul li a { color: #4d4f4f!important; } .header .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail:not(.megamenu) { color: rgb(255,255,255)!important; } .mainmenu ul li a:hover { opacity: 0.8; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } .mainmenu ul li ul li a:hover { opacity: 1; } .mainmenu ul .megamenu-wrapper { right: auto; left: 40px; } nav.mainmenu li.megamenu ul li { min-width: 180px; } .mainmenu ul li:hover > ul, .mainmenu ul li:hover .megamenu-wrapper { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .mainmenu ul ul li:hover > ul { -webkit-animation-name: none; animation-name: none; } .mainmenu ul li a { text-align: center; } .mainmenu ul li.last ul { right: auto; } .mainmenu ul ul li a[target=_blank] { padding-right: 30px!important; } .mainmenu ul ul li a[target=_blank]:after { font-family: "FontAwesome"; content: "\f08e"; position: absolute; right: 5px; } .mainmenu ul li.megamenu ul li a[target=_blank] { padding-right: 45px!important; } .mainmenu ul .megamenu ul li a[target=_blank]:after { right: 10px; } .mainmenu ul li.floatbox { position: static; margin-left: 0!important;; margin-right: 0!important; } .mainmenu ul li.open-left ul.level_2 { right: 0; width: 200px; } .mainmenu ul li.open-left ul.level_3 { right: auto; left: -200px; width: 200px; } /* ============================================================================= * mainmenu: icons * ========================================================================== */ .mainmenu ul li a.nav-icon span { transform: translateY(30%); -webkit-transform: translateY(30%); display: inline-block; line-height: 40px; } .mainmenu ul ul li a.nav-icon span { line-height: inherit; transform: translateY(0); -webkit-transform: translateY(0); } .mainmenu ul li a i.fa { transform: translateY(-133%); -webkit-transform: translateY(-133%); position: absolute; top: 50%; width: 100%; left: 0; display: inline-block; } .mainmenu ul ul li a i.fa { transform: translateY(0); -webkit-transform: translateY(0); position: static; width: 1.5em; } /* ============================================================================= * class mainmenu: highlight one menu item * ========================================================================== */ body .header .mainmenu ul li a[class*="highlight"] { color: rgba(255,255,255,0.9)!important; } .header .mainmenu ul li a.highlight span { padding: 10px; border-radius: 3px; } .header .mainmenu ul li a.highlight_color_second span, .header .mainmenu ul li a.highlight-color-second span { padding: 10px; border-radius: 3px; } /* filled */ .header .mainmenu ul li a.highlight_square_color_accent span, .header .mainmenu ul li a.highlight-square-color-accent span { padding: 10px; } .header .mainmenu ul li a.highlight_square_color_second span, .header .mainmenu ul li a.highlight-square-color-second span { padding: 10px; } .header .mainmenu ul li a.highlight_rounded_color_accent span, .header .mainmenu ul li a.highlight-rounded-color-accent span { padding: 10px; border-radius: 3px; } .header .mainmenu ul li a.highlight_rounded_color_second span, .header .mainmenu ul li a.highlight-rounded-color-second span { padding: 10px; border-radius: 3px; } /* outline */ .header .mainmenu ul li a.highlight_outline_square_color_accent span, .header .mainmenu ul li a.highlight-outline-square-color-accent span { padding: 10px; } .header .mainmenu ul li a.highlight_outline_square_color_second span, .header .mainmenu ul li a.highlight-outline-square-color-second span { padding: 10px; } .header .mainmenu ul li a.highlight_outline_rounded_color_accent span, .header .mainmenu ul li a.highlight-outline-rounded-color-accent span { padding: 10px; border-radius: 3px; } .header .mainmenu ul li a.highlight_outline_rounded_color_second span, .header .mainmenu ul li a.highlight-outline-rounded-color-second span { padding: 10px; border-radius: 3px; } .header .mainmenu ul li a.highlight_outline_square_color_white span, .header .mainmenu ul li a.highlight-outline-square-color-white span { padding: 10px; box-shadow: 0 0px 0px 2px rgb(255,255,255); } .header .mainmenu ul li a.highlight_outline_rounded_color_white span, .header .mainmenu ul li a.highlight-outline-rounded-color-white span { padding: 10px; border-radius: 3px; box-shadow: 0 0px 0px 2px rgb(255,255,255); } /* ============================================================================= * smartmenu - content * ========================================================================== */ .smartmenu-content { position: fixed; z-index: 100000000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); visibility: hidden; text-align: center; opacity: 0; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; } .smartmenu-content.open { visibility: visible; opacity: 1; } .smartmenu-content .smartmenu-scrollable { max-height: 100vh; overflow: auto; } .smartmenu-content .smartmenu-table { margin-top: 20vh; } .smartmenu-content .mod_navigation .level_1 ul { display: none; } .smartmenu-content .mod_navigation li:not(.floatbox) { font-size: 1.7rem; line-height: 2rem; font-weight: normal; padding: 0.5rem; text-transform: uppercase; } .smartmenu-content .mod_navigation .level_2 li { font-size: 1.2rem; line-height: 1.3rem; text-transform: none; } .smartmenu-content .mod_navigation ul.level_1 { padding: 20px; } .smartmenu-content .mod_navigation a { color: rgb(255,255,255); transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .smartmenu-content .mod_navigation a.active, .smartmenu-content .mod_navigation a.trail { border-bottom: 1px solid rgb(255,255,255); } .smartmenu-content .mod_navigation a.submenu { margin-left: 35px; } .smartmenu-content .mod_navigation ul.level_2 a.submenu { margin-left: 25px; } .smartmenu-content .mod_navigation a:hover { opacity: 0.8; } .smartmenu-content .subitems_trigger { display: inline-block; margin-left: 10px; } .smartmenu-content .subitems_trigger:before { content:'[+]'; color: rgba(255,255,255,0.8); } .smartmenu-content .mod_navigation li.open > .subitems_trigger:before { content:'[-]'; } .smartmenu-content .smartmenu-close { position: absolute; right: 40px; top: 40px; width: 35px; height: 35px; cursor: pointer; } .smartmenu-content .smartmenu-close:before, .smartmenu-content .smartmenu-close:after { display: inline-block; width: 35px; height: 1px; background: rgb(255,255,255); content: ''; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .smartmenu-content .smartmenu-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -35px; } /* ============================================================================= * smartmenu - trigger * ========================================================================== */ .smartmenu { float: right; margin-left: 20px; line-height: 40px; display: none; } .smartmenu .smartmenu-trigger { height: 100px; width: 35px; position: relative; z-index: 1000000000; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; cursor: pointer; } .header.cloned .smartmenu .smartmenu-trigger { height: 70px; } .smartmenu .smartmenu-trigger .line { height: 1px; background: #393939; width: 35px; position: absolute; display: block; top: 50%; margin-top: -1px; } .smartmenu .smartmenu-trigger .line:before, .smartmenu .smartmenu-trigger .line:after { display: inline-block; width: 35px; height: 1px; background: #393939; position: absolute; left: 0; content: ''; top: 50%; margin-top: -13px; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; } .smartmenu .smartmenu-trigger .line:before { margin-top: 11px; } /* ============================================================================= * custommenu * ========================================================================== */ .custommenu { overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0,0,0,0.4); z-index: 1000; } .custommenu ul { overflow: hidden; } .custommenu li { float: left; width: 25%; border-left: 1px solid rgba(255,255,255,0.8); text-align: center; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; opacity: 0.9; } .custommenu li.last { border-right: 1px solid rgba(255,255,255,0.8); } .custommenu li a { display: block; padding: 10px 20px; color: rgb(255,255,255); font-weight: bold; } .custommenu li span { font-weight: normal; display: block; } .custommenu li.custommenu_cols2 { width: 50%; } .custommenu li.custommenu_cols3 { width: 33%; } .custommenu li.custommenu_cols4 { width: 25%; } .custommenu li.custommenu_cols5 { width: 20%; } .custommenu li.custommenu_cols6 { width: 16.666%; } /* ============================================================================= * submenu_v2 * ========================================================================== */ .submenu_v2 ul { width: 100%; position: relative; overflow: hidden; } .submenu_v2 li { float: left; text-align: center; padding: 10px 0; } .submenu_v2 li.custommenu_cols2 { width: calc(100% / 2); } .submenu_v2 li.custommenu_cols3 { width: calc(100% / 3); } .submenu_v2 li.custommenu_cols4 { width: calc(100% / 4); } .submenu_v2 li.custommenu_cols5 { width: calc(100% / 5); } .submenu_v2 li.custommenu_cols6 { width: calc(100% / 6); } .submenu_v2 li.custommenu_cols7 { width: calc(100% / 7); } .submenu_v2 li.custommenu_cols8 { width: calc(100% / 8); } .submenu_v2 li a { display: block; border-right: 1px solid rgb(229, 229, 229); transition: All 0.2s ease; -webkit-transition: All 0.2s ease; font-weight: bold; font-size: 1.1rem; padding: 15px 0; position: relative; } .submenu_v2 li a.first { border-left: 1px solid rgb(229, 229, 229); } .submenu_v2 li a i { display: block; font-size: 3.333rem; margin-bottom: 5px; } .submenu_v2 li a.active:before { bottom: -20px; left: 50%; margin-left: -10px; background: rgb(247, 247, 247); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; height: 20px; width: 20px; z-index: 100; content: ''; } /* ============================================================================= * submenu_v3 * ========================================================================== */ .submenu_v3 { border: 8px solid rgb(220,220,220); padding: 25px; border-radius: 5px; } .submenu_v3 ul { padding-left: 15px; } .submenu_v3 li { list-style-type: square; list-style-position: outside; } .submenu_v3 li a { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; margin-bottom: 3px; display: block; } .submenu_v3 li a:hover { opacity: 0.7; } .submenu_v3 li a.active { text-decoration: underline; } /* ============================================================================= * submenu_v4 * ========================================================================== */ .submenu_v4 { border: 1px solid rgba(0, 0, 0, 0.075); padding: 25px; border-radius: 8px; background: rgb(255,255,255); } .submenu_v4 ul { padding-left: 15px; } .submenu_v4 li { list-style-type: disc; list-style-position: outside; } .submenu_v4 li a { transition: All 0.3s ease; -webkit-transition: All 0.3s ease; margin-bottom: 3px; display: block; } .submenu_v4 li a:hover { opacity: 0.7; } .submenu_v4 li a.active { text-decoration: underline; } /* ============================================================================= * overwrite framework defaults * ========================================================================== */ .ce_revolutionslider { position: relative; } .ce_revolutionslider .tp-resizeme * { font-size: 100%!important; line-height: inherit!important; } .ce_revolutionslider .ce_text_extented a { text-decoration: none; color: inherit; } .ce_revolutionslider .banner.responsive { visibility: hidden; } .ce_revolutionslider .banner.responsive.revslider-initialised { visibility: visible; } .ce_revolutionslider .tp-dottedoverlay { z-index: 1; } .ce_revolutionslider_hyperlink { font-size: 13px; font-weight: bold; } .ce_revolutionslider_hyperlink.text-link { background: none; border: 0; min-width: 0; padding: 0; color: inherit; } .ce_revolutionslider_hyperlink.text-link:after { font-family: FontAwesome; content: "\f0da"; margin-left: 5px; } .ce_revolutionslider_text { line-height: 1.5; } .ce_revolutionslider_text.italic { font-family: Georgia, Times, serif; font-style: italic; } .ce_revolutionslider_text[class*='bg-'] { padding-left: 0.3em; padding-right: 0.3em; } .ce_revolutionslider .ce_revolutionslider_image img.hidden { display: none; } .tp-caption a:hover { color: rgb(255,255,255); } .ce_leadertext.version1 .subheadline, .ce_leadertext.version2 .subheadline, .ce_headline_extended.version1 .subheadline, .ce_headline_extended.version2 .subheadline { font-size: 1.467rem; } .ce_revolutionslider .tp-bannertimer { top: auto; bottom: 0; height: 5px; } .ce_text_image_bar.show_arrow .image-left:after, .ce_text_image_bar.show_arrow .image-right:after { display: none; } .ce_leadertext.version1 .subheadline { font-style: italic; } .ce_list li.fa { margin-bottom: 20px; font-size: 1rem; position: relative; font-family: inherit; } .ce_list li.fa:before { font-family: FontAwesome; } .ce_list li.fa:after { content: ""; width: 70px; height: 1px; background: rgba(0,0,0,.08); position: absolute; left: -26px; bottom: -11px; } .color-white .ce_list li:after { background-color: rgba(255,255,255,0.8); } .ce_iconbox.version2 .ce_iconbox_inside:after { display: none; } textarea { height: inherit; } #main .mod_subscribe { border: 0; padding: 0; max-width: 650px; } #main .mod_subscribe h5 { display: none; } #main .mod_subscribe.align-center { margin-left: auto; margin-right: auto; } #main .mod_subscribe.align-center input.text { text-align: left!important; } #main .mod_subscribe.align-right { margin-left: auto; } #main .mod_subscribe.align-right input { margin-left: 10px; margin-right: 0; } #main .mod_subscribe.align-right input.text { text-align: left!important; } #main .mod_subscribe.align-right input.submit, #main .mod_subscribe.align-right button.submit { text-align: center!important; } #main .mod_subscribe input { width: 45%; margin-right: 10px; display: inline-block; margin-bottom: 0; padding: 18px; } #main .mod_subscribe input.submit, #main .mod_subscribe button.submit { width: 25%; display: inline-block; } input, textarea, select { background-color: rgb(255,255,255); padding: 15px; font-size: 0.9rem; } .ce_form .formicon-wrapper input { border-radius: 0 5px 5px 0; } input.submit, button.submit { width: 100%; } .mod_search input { border-radius: 0; } .mod_search input.submit, .mod_search button.submit { width: auto; } .mod_login .submit_container { margin-top: 25px; } .ce_countup .headline { font-size: 3.667rem; } .font-size-m { line-height: 1.3; } .ce_gallery .capt { font-size: inherit; } .swip-pagination .swiper-wrapper { padding-bottom: 60px; } .swiper-wrapper { padding-bottom: 0px; } .swiper-pagination { bottom: 0; } .swiper-button-next, .swiper-button-prev { margin-top: -75px; } body.ie input.checkbox { border: 0; padding: 0; } #slider { position: relative; z-index: 5; } .header .mainmenu ul li span.pagetitle { line-height: 18px; font-size: 0.7rem; font-weight: bold; margin-left: 5px; background: red; color: #fff; border-radius: 2px; position: relative; top: -4px; padding-left: 3px; padding-right: 3px; } .pdf_link { margin-bottom: 10px; } .ce_accordion .toggler { padding: 10px 20px; margin-bottom: 0; } .ce_accordion .toggler.ui-state-active { border-bottom: 1px dotted rgb(220,220,220); } .ce_accordion { margin-bottom: 1px; border: 1px solid rgb(220,220,220); } .ce_table table td { border-top: 0; border-bottom: solid 1px rgb(227,227,227); } select { color: #555; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #555 !important; } input:-moz-placeholder, textarea:-moz-placeholder { color: #555 !important; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #555 !important; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #555 !important; } .newslist-v2 .teaser-v2 { height: auto; } /* ============================================================================= * form AG columns reset * ========================================================================== */ .ce_form .column[class*="col_"] { margin-bottom: 0; } /* ============================================================================= * form style2 * ========================================================================== */ form.style2 { padding: 27px; } form.style2 input, form.style2 textarea, form.style2 select { border-color: transparent; border-radius: 0; } form.style2 textarea { height: 95px; } form.style2 h1, form.style2 h2, form.style2 h3, form.style2 h4, form.style2 h5, form.style2 h6 { color: rgb(255,255,255); } form.style2 input.submit:hover, form.style2 button.submit:hover { opacity: 0.9; } /* ============================================================================= * form style3 * ========================================================================== */ form.style3 { max-width: 500px; margin-left: auto; margin-right: auto; } /* ============================================================================= * form style4 * ========================================================================== */ form.style4 { border: 5px solid rgb(227,227,227); padding: 50px 40px 20px 40px; background: rgba(255,255,255,0.3); } form.style4 input, form.style4 select, form.style4 textarea { background-color: rgb(248,248,248); } form.style4 fieldset { border: 0; padding: 0; } /* ============================================================================= * form style5 * ========================================================================== */ form.style5 input, form.style5 select, form.style5 textarea { background-color: rgb(247, 247, 247); border-color: rgb(247, 247, 247); font-size: 0.7rem; } form.style5 input.submit, form.style5 button.submit { width: auto; } form.style5 textarea:hover { border-color: rgb(153,153,153); } form.style5 select { height: 44px; } .firefox form.style select { height: 46px; } /* ============================================================================= * form style6 * ========================================================================== */ form.style6 { background: rgba(0,0,0,0.4); padding: 25px; color: rgb(255,255,255); } form.style6 input, form.style6 select, form.style6 textarea { background-color: rgba(200,200,200,0.3); color: rgb(255,255,255); border-color: rgba(200,200,200,0.3); } form.style6 select option { color: rgb(50,50,50); } form.style6 .explanation { margin-top: 20px; } form.style6 h1, form.style6 h2, form.style6 h3, form.style6 h4, form.style6 h5, form.style6 h6 { color: rgb(255,255,255); } form.style6 input::-webkit-input-placeholder, form.style6 textarea::-webkit-input-placeholder { color: #fff !important; } form.style6 input:-moz-placeholder, form.style6 textarea:-moz-placeholder { color: #fff !important; } form.style6 input::-moz-placeholder, form.style6 textarea::-moz-placeholder { color: #fff !important; } form.style6 input:-ms-input-placeholder, form.style6 textarea:-ms-input-placeholder { color: #fff !important; } /* ============================================================================= * form style7 * ========================================================================== */ form.style7 input, form.style7 select, form.style7 textarea { background-color: transparent; border: 0; border-bottom: 1px solid rgb(150,150,150); padding-left: 0; padding-right: 0; border-radius: 0; } form.style7 input:hover, form.style7 select:hover, form.style7 textarea:hover { border-top: 0; border-right: 0; border-left: 0; } form.style7 select { padding: 0; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4wNXB4IiBoZWlnaHQ9IjcuNzM4cHgiIHZpZXdCb3g9IjUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBpZD0iRXhwYW5kX01vcmUiIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xOC44MzEsMTEuMTk1bC01LjgxNSw1LjgxNmwtNS44MTUtNS44MTdjLTAuMjc3LTAuMjc3LTAuNzI2LTAuMjc3LTEuMDAyLDBjLTAuMjc3LDAuMjc3LTAuMjc3LDAuNzI2LDAsMS4wMDNsNi4zMTYsNi4zMThsMCwwbDAsMGMwLjI3NywwLjI3NywwLjcyNiwwLjI3NywxLjAwMiwwbDYuMzE2LTYuMzE4YzAuMjc2LTAuMjc3LDAuMjc2LTAuNzI3LDAtMS4wMDRDMTkuNTU3LDEwLjkxOCwxOS4xMDgsMTAuOTE4LDE4LjgzMSwxMS4xOTV6Ii8+PC9zdmc+); background-position: 100% 58%; background-repeat: no-repeat; } .firefox form.style7 select { height: 51px; } form.style7 textarea { height: 250px; } form.style7 .explanation { font-size: 0.8rem; margin: 10px 0; } form.style7 input.submit, form.style7 button.submit { width: auto; border-radius: 0; padding-left: 15px; padding-right: 15px; } form.style7 div.widget.widget-text { margin-top: 3px; } /* ============================================================================= * form style8 * ========================================================================== */ form.style8 { border: 8px solid rgba(0,0,0,0.1); } form.style8 .formbody { padding: 40px 30px; position: relative; background: #fff; } form.style8 input.submit[type="submit"], form.style8 button.submit[type="submit"] { background: none; border: 3px solid rgb(204, 204, 204); color: inherit; border-radius: 0; width: auto; } form.style8 input.submit[type="submit"]:hover, form.style8 button.submit[type="submit"]:hover { border-color: rgb(180,180,180); } /* ============================================================================= * form style9 * ========================================================================== */ form.style9 { padding: 40px; font-weight: bold; background: rgb(255,255,255); box-shadow: 0 2px 7px 4px rgba(0,0,0,.05); margin: 10px; } form.style9 .autogrid_wrapper { margin-left: -3%; margin-right: -3%; } form.style9 .autogrid { padding-left: 3%; padding-right: 3%; } form.style9 label { font-size: 1.2rem; margin-bottom: 10px; display: inline-block; } form.style9 input.big-letter { font-size: 5rem; } form.style9 input, form.style9 textarea, form.style9 select { background-color: transparent; border: 0!important; padding: 0; font-size: 1.7rem; } form.style9 input.submit { font-size: 1rem; line-height: 3rem; } form.style9 .submit_container { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } form.style9 input, form.style9 select { line-height: 6rem; } form.style9 select { font-size: 6rem; height: auto; -webkit-appearance: none; } form.style9 select option { font-size: 1rem; } form.style9 input.datepicker { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNi43NDZweCIgaGVpZ2h0PSIxNS40OTVweCIgdmlld0JveD0iMzA0LjkzOSAyOTkuNTY1IDI2Ljc0NiAxNS40OTUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMzA0LjkzOSAyOTkuNTY1IDI2Ljc0NiAxNS40OTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiM0QzRDNEMiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjMzMC42MjUsMzAwLjYyNiAzMTguMzEyLDMxMi45MzkgMzA2LDMwMC42MjYgIi8+PC9zdmc+); } /* ============================================================================= * fieldset w/checkbox_selector * ========================================================================== */ form { transition: All 0.7s ease; -webkit-transition: All 0.7s ease; } fieldset { opacity: 1; transition: All 0.7s ease; -webkit-transition: All 0.7s ease; } /* ============================================================================= * datepicker * ========================================================================== */ .autogrid_wrapper.formfield, .autogrid_wrapper.formfield .autogrid { overflow: visible; } form div.widget { position: relative; } input.datepicker { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiPjwvZz48Zz48Zz48Zz48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMTEuMTYsMjEuMTA3YzAsMCwwLjU2MSwwLjU1OSwxLjI4OCwwLjU1OWMwLjU2OSwwLDAuODk0LTAuMjc4LDAuODk0LTAuNjIxYzAtMC40OS0wLjQ5LTAuNjkyLTEuMTY2LTAuNjkyaC0wLjQzOGwtMC4zMjQtMC43NDRsMC44MjQtMC45ODljMC4yOTgtMC4zNTksMC41NDMtMC41ODksMC41NDMtMC41ODl2LTAuMDE3YzAsMC0wLjIwMiwwLjA0My0wLjU5NiwwLjA0M2gtMS40OTh2LTEuMzEzaDMuOTUxdjAuOTU2bC0xLjI3LDEuNDYzYzAuOTMsMC4yMDIsMS41MTUsMC45MzgsMS41MTUsMS44MTNjMCwxLjA2OC0wLjc1MywyLjEzNy0yLjMyMiwyLjEzN2MtMS40MDEsMC0yLjEzNy0wLjgyNC0yLjEzNy0wLjgyNEwxMS4xNiwyMS4xMDd6Ii8+PHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTTE1Ljc5NCwyMS42OTNoMS4zMzJ2LTIuNjFjMC0wLjIzNywwLjAwOS0wLjQ4MSwwLjAwOS0wLjQ4MWgtMC4wMTdjMCwwLTAuMDc5LDAuMTc0LTAuMjQ2LDAuMzMybC0wLjM3NywwLjM0M2wtMC44ODQtMC45NDdsMS42OS0xLjU4NmgxLjMyM3Y0Ljk1aDEuMzR2MS4zMTNoLTQuMTcxVjIxLjY5M0wxNS43OTQsMjEuNjkzeiIvPjwvZz48cGF0aCBmaWxsPSIjNzU3NTc1IiBkPSJNMjQuNDc0LDkuMzMyaC0yLjMyMVY3LjcwN2MwLTEuNTM3LTEuMjQ5LTIuNzg2LTIuNzg2LTIuNzg2Yy0xLjUzNiwwLTIuNzg1LDEuMjQ5LTIuNzg1LDIuNzg2djEuNjI1aC0yLjgzM1Y3LjcwN2MwLTEuNTM3LTEuMjUtMi43ODYtMi43ODYtMi43ODZjLTEuNTM3LDAtMi43ODYsMS4yNDktMi43ODYsMi43ODZ2MS42MjVINS44NTVjLTAuNDYyLDAtMC44MzYsMC4zNzUtMC44MzYsMC44MzZ2MTUuNzM5YzAsMC40NjMsMC4zNzQsMC44MzcsMC44MzYsMC44MzdoMTguNjE5YzAuNDYxLDAsMC44MzYtMC4zNzQsMC44MzYtMC44MzdWMTAuMTY4QzI1LjMxLDkuNzA3LDI0LjkzNSw5LjMzMiwyNC40NzQsOS4zMzJ6IE0xOC4yNTIsNy43MDdjMC0wLjYxNSwwLjQ5OS0xLjExNSwxLjExNC0xLjExNXMxLjExNCwwLjUsMS4xMTQsMS4xMTV2My43ODVjMCwwLjYxNS0wLjQ5OSwxLjExNC0xLjExNCwxLjExNHMtMS4xMTQtMC40OTktMS4xMTQtMS4xMTRWNy43MDd6IE05Ljg0OCw3LjcwN2MwLTAuNjE1LDAuNDk5LTEuMTE1LDEuMTE1LTEuMTE1YzAuNjE1LDAsMS4xMTQsMC41LDEuMTE0LDEuMTE1djMuNzg1YzAsMC42MTUtMC40OTksMS4xMTQtMS4xMTQsMS4xMTRjLTAuNjE2LDAtMS4xMTUtMC40OTktMS4xMTUtMS4xMTRWNy43MDd6IE0yMy42MzksMjUuMDcySDYuNjlWMTUuMDQzaDE2Ljk0OFYyNS4wNzJ6Ii8+PC9nPjwvZz48L3N2Zz4=); background-size: 32px; background-position: right center; padding-right: 40px; } input.timepicker { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiPjwvZz48ZyBpZD0iSWNvbnMiPjxnPjxwYXRoIGZpbGw9IiM3NTc1NzUiIGQ9Ik0xNyw4LjA1OVY2aC0ydjIuMDU5QzEwLjUwMSw4LjU1Nyw3LDEyLjM2OCw3LDE3YzAsMi4xMjUsMC43NDEsNC4wNzQsMS45NzIsNS42MTRMNy41MTUsMjQuMDdsMS40MTQsMS40MTRsMS40NTctMS40NTdDMTEuOTI2LDI1LjI1OSwxMy44NzUsMjYsMTYsMjZzNC4wNzQtMC43NDEsNS42MTMtMS45NzNsMS40NTcsMS40NTdsMS40MTQtMS40MTRsLTEuNDU3LTEuNDU2QzI0LjI1OSwyMS4wNzQsMjUsMTkuMTI1LDI1LDE3QzI1LDEyLjM2OCwyMS40OTksOC41NTcsMTcsOC4wNTl6IE0xNiwyNGMtMy44NjYsMC03LTMuMTM0LTctN3MzLjEzNC03LDctN3M3LDMuMTM0LDcsN1MxOS44NjYsMjQsMTYsMjR6Ii8+PHBvbHlnb24gZmlsbD0iIzc1NzU3NSIgcG9pbnRzPSIxNywxMiAxNSwxMiAxNSwxNy41IDE4LjA2MiwyMC41NjIgMTkuNDc3LDE5LjE0OCAxNywxNi42NzIgIi8+PHJlY3QgeD0iNy4yMyIgeT0iNS43MyIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MiAtMC43MDcgMC43MDcgLTAuNzA3MiA4LjIzMjIgMTkuODY4NSkiIGZpbGw9IiM3NTc1NzUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiLz48cmVjdCB4PSIyMS4zMTMiIHk9IjcuMTg4IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIC0wLjcwNzIgMC43MDcyIC0wLjcwNzEgMzQuODU5IDMwLjgxNjkpIiBmaWxsPSIjNzU3NTc1IiB3aWR0aD0iNSIgaGVpZ2h0PSIyIi8+PC9nPjwvZz48L3N2Zz4=); background-size: 32px; background-position: right center; padding-right: 40px; } body.chrome input.datepicker, body.chrome input.timepicker { background-image: none; padding-right: 15px; } body .picker__list-item:hover, body .picker__day--infocus:hover, body .picker--focused .picker__day--highlighted { color: rgb(255,255,255); } body .picker__nav--next:hover, body .picker__nav--prev:hover, body .picker__button--close:hover, body .picker__button--today:hover, body .picker__button--clear:hover { background: rgb(240,240,240); } body .picker--focused .picker__day--highlighted, body .picker__day--highlighted:hover, body .picker__day--infocus:hover, body .picker__day--outfocus:hover { opacity: 0.7; } body .picker__select--month, body .picker__select--year { height: 40px; font-size: 0.8rem; } body .picker--time .picker__holder { background: rgba(0,0,0,0.32); } /* ============================================================================= * icons for ce_form input * ========================================================================== */ .ce_form .input-group-addon { width: 60px; white-space: nowrap; vertical-align: middle; } .ce_form .input-group-addon { padding: 6px 12px; font-size: 0.9333rem; font-weight: normal; line-height: 1; color: rgb(255,255,255); text-align: center; border: 1px solid #cccccc; border-radius: 4px 0 0 4px; display: table-cell; } .ce_form .widget.mandatory .input-group-addon { background: red; border-color: red; color: rgb(255,255,255); } .ce_form .formicon-wrapper input { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: table-cell; border-left: 0; } .ce_form .formicon-wrapper { position: relative; display: table; border-collapse: separate; width: 100%; table-layout: fixed; } .ce_form .widget.fa:before, .ce_form .widget.fa label { display: none; } /* ============================================================================= * colorbox * ========================================================================== */ #cboxPrevious, #cboxNext, #cboxClose { z-index: 100; } #cboxWrapper .mod_article > .container { padding: 30px; } #cboxWrapper #wrapper { padding: 10px; } #cboxWrapper .mod_article { max-width: none!important; } #cboxNext, #cboxPrevious { width: 75px!important; opacity: 0.8; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; } #cboxNext:hover, #cboxPrevious:hover { opacity: 1; } #cboxClose:hover { background-position: top center!important; } #cboxClose { width: 26px!important; height: 30px!important; top: -28px!important; right: 0px!important; } #cboxTitle { top: -25px!important; font-size: 0.9rem; } #cboxContent { margin-top: 25px!important; } #cboxLoadedContent { border: 0!important; } #cboxCurrent { display: none!important; } body.no_scroll { overflow: hidden; } #cboxOverlay { opacity: 0.8!important; } #cboxNext, #cboxPrevious, #cboxClose { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNzAuNXB4IiBoZWlnaHQ9IjY1cHgiIHZpZXdCb3g9IjAgMCAxNzAuNSA2NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTcwLjUgNjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xNzAuNSwwaC00Ni42NjZDMTIyLjI3LDAsMTIxLDEuMjY5LDEyMSwyLjgzNHY1OS4zMzFjMCwxLjU2NSwxLjI3LDIuODM1LDIuODM0LDIuODM1SDE3MC41Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMGg0Ni42NjZDNDguMjMsMCw0OS41LDEuMjY5LDQ5LjUsMi44MzR2NTkuMzMxQzQ5LjUsNjMuNzMsNDguMjMsNjUsNDYuNjY2LDY1SDAiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijc4LjI1IiB5MT0iNS4xMDkiIHgyPSI5NC4zNzUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9Ijk0LjM3NSIgeTE9IjUuMTA5IiB4Mj0iNzguMjUiIHkyPSIyMS4yMzQiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjUiIHkxPSIxMS4zNTkiIHgyPSIxMC43NSIgeTI9IjMyLjUiLz48bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjM3LjY3OCIgeTE9IjUzLjA1NSIgeDI9IjEwLjkyOCIgeTI9IjMxLjkxNCIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iMTEuMzU5IiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTMzIiB5MT0iNTMuNjQxIiB4Mj0iMTU5Ljc1IiB5Mj0iMzIuNSIvPjwvc3ZnPg==); } #cboxNext { right: 0!important; } #cboxPrevious { left: 0!important; } body #colorbox, body #cboxOverlay, body #cboxWrapper { z-index: 99999; } /* ============================================================================= * revolutions slider module // template revoslider_fullscreen_arrowdown.html5 * ========================================================================== */ .ce_revolutionslider #linkToContent { position: relative; width: 32px; height: 46px; border: 2px solid #fff; border-radius: 15px; position: absolute; bottom: 30px; margin: 0 auto; left: 0; right: 0; z-index: 100; } .ce_revolutionslider #linkToContent .wheel { display: block; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; margin-left: auto; margin-right: auto; margin-top: 6px; left: 0; right: 0; -webkit-animation: mousewheel 1.7s infinite ease; animation: mousewheel 1.7s infinite ease; } .ce_revolutionslider #linkToContent.dark-wheel { border-color: rgba(0,0,0,0.7); } .ce_revolutionslider #linkToContent.dark-wheel .wheel { background: rgba(0,0,0,0.7); } @keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} @-webkit-keyframes mousewheel{0%{margin-top:6px;opacity:0}30%{opacity:1}100%{margin-top:18px;opacity:0}} /* ============================================================================= * portfoliolist - one-page * ========================================================================== */ .mod_portfoliolist .onepage_item.item a { position: static; width: auto; height: auto; background: transparent; border-radius: 0; margin: 0; border: 0; transition: none; } /* ============================================================================= * autogrid - extra classes * ========================================================================== */ .autogrid_wrapper.grid-l { margin-left: -3%; margin-right: -3%; } .autogrid_wrapper.grid-l .ce_autogridWrapperStart.autogrid { padding-left: 3%; padding-right: 3%; } .autogrid.no_gutter { padding-left: 0; padding-right: 0; } /* ============================================================================= * onepage horizontal scrolling * ========================================================================== */ @media only screen and (min-width: 768px) { .onepage_page.horizontal_scrolling { overflow-x: visible; } .onepage_page.horizontal_scrolling #fix-wrapper { position: fixed; } .onepage_page.horizontal_scrolling #slider .inside { overflow: hidden; } .onepage_page.horizontal_scrolling #slider .inside .mod_article { float: left; width: 100vw; vertical-align: top; } .onepage_page.horizontal_scrolling #bottom { position: fixed; bottom: 0; width: 100%; z-index: 10; } .onepage_page.horizontal_scrolling.onepage_items_2 #slider > div.inside { width: calc(100vw * 2); } .onepage_page.horizontal_scrolling.onepage_items_3 #slider > div.inside { width: calc(100vw * 3); } .onepage_page.horizontal_scrolling.onepage_items_4 #slider > div.inside { width: calc(100vw * 4); } .onepage_page.horizontal_scrolling.onepage_items_5 #slider > div.inside { width: calc(100vw * 5); } .onepage_page.horizontal_scrolling.onepage_items_6 #slider > div.inside { width: calc(100vw * 6); } .onepage_page.horizontal_scrolling.onepage_items_7 #slider > div.inside { width: calc(100vw * 7); } .onepage_page.horizontal_scrolling.onepage_items_8 #slider > div.inside { width: calc(100vw * 8); } .onepage_page.horizontal_scrolling.onepage_items_9 #slider > div.inside { width: calc(100vw * 9); } .onepage_page.horizontal_scrolling.onepage_items_10 #slider > div.inside { width: calc(100vw * 10); } } /* ============================================================================= * mod_pageimage * ========================================================================== */ .mod_pageimage .inside { background-repeat: no-repeat; background-size: cover; background-position: center center; line-height: normal; } .mod_pageimage .container { display: flex; align-items: center; position: relative; z-index: 20; } .mod_pageimage .inside .content { padding: 20px 0; } .mod_pageimage .headline { color: rgb(255,255,255); font-size: 3rem; } .mod_pageimage .subheadline { color: rgb(255,255,255); font-size: 1.3rem; } .mod_pageimage .mod_breadcrumb { display: none; } .mod_pageimage .inside > .container { height: 570px; } /* styles */ .mod_pageimage .style2 > .container { height: 380px; } .mod_pageimage .style2 > .container .content { width: 100%; text-align: center; } .mod_pageimage .style3 > .container { height: 380px; } .mod_pageimage .style3 > .container .content { width: 100%; text-align: center; } .mod_pageimage .style3 .mod_breadcrumb { display: inline-block!important; border: 1px solid rgba(255,255,255,0.4); padding: 5px 10px; border-radius: 3px; line-height: normal; margin-top: 20px; } .mod_pageimage .style3 .mod_breadcrumb ul { padding: 0; } .mod_pageimage .style3 .mod_breadcrumb .container { padding: 0; max-width: none; display: block; } .mod_pageimage .style3 .mod_breadcrumb, .mod_pageimage .style3 .mod_breadcrumb a { color: rgb(255,255,255); } .mod_pageimage .style3 .mod_breadcrumb a:hover { text-decoration: underline; } .mod_pageimage .style3 .headline { font-size: 4rem; } /* option height */ .mod_pageimage .inside.height-xxl > .container { height: 800px; } .mod_pageimage .inside.height-xl > .container { height: 700px; } .mod_pageimage .inside.height-l > .container { height: 600px; } .mod_pageimage .inside.height-m > .container { height: 500px; } .mod_pageimage .inside.height-s > .container { height: 400px; } .mod_pageimage .inside.height-xs > .container { height: 300px; } .mod_pageimage .inside.height-xxs > .container { height: 200px; } /* ============================================================================= * breakpoint show smartmenu / hide mainmenu * ========================================================================== */ @media only screen and (min-width : 768px) and (max-width : 1024px) { .smartmenu { display: block; } .mainmenu { display: none; } } /* ============================================================================= * breakpoint for topbar // hide mod_top_phone * ========================================================================== */ @media only screen and (min-width: 768px) and (max-width: 1035px) { #top .mod_top_phone { display: none; } #top .mod_top_mail a { padding-left: 0; } } /* ============================================================================= * mobile * ========================================================================== */ @media only screen and (max-width: 767px) { #main .mod_article:not(.fullwidth) > .container, #left .mod_article > .container, #right .mod_article > .container, #main .mod_article.fullwidth.boxed-content .contentwrap, #main .autogrid_wrapper.article, #main .mod_article .ce_parallax .contentwrap, #main .mod_article .ce_bgimage .ce_bgimage-inside, #main .mod_article .ce_youtube_background .contentwrap, .ce_headerimage .ce_headerimage_inside, .ce_bgimage-inside, .header .inside, .ce_iconbox_header .contentwrap, .mod_pageimage .container { padding-left: 20px!important; padding-right: 20px!important; } #main .autogrid_wrapper.article .mod_article, #main .mod_article.fullwidth { padding-left: 0px!important; padding-right: 0px!important; } .mod_article:not(.fullwidth) > .container { padding-top: 50px; padding-bottom: 50px; } .mod_article.article-pt-0 > .container { padding-top: 0; } .mod_article.article-pb-0 > .container { padding-bottom: 0; } .mod_article.article-pt-xxs > .container, .mod_article.article-pt-xs > .container, .mod_article.article-pt-s > .container, .mod_article.article-pt-m > .container, .mod_article.article-pt-l > .container, .mod_article.article-pt-xl > .container, .mod_article.article-pt-xxl > .container { padding-top: 50px; } .mod_article.article-pb-xxs > .container, .mod_article.article-pb-xs > .container, .mod_article.article-pb-s > .container, .mod_article.article-pb-m > .container, .mod_article.article-pb-l > .container, .mod_article.article-pb-xl > .container, .mod_article.article-pb-xxl > .container { padding-bottom: 50px; } .header { padding-bottom: 0; padding-top: 0; } #fix-wrapper { top: 0; left: 0; width: 100%; } #bottom .inside .left, #bottom .inside .right { float: none; } #bottom .inside .right a { margin-left: 0; margin-right: 15px; } #footer .inside { padding: 40px 20px; } .mod_breadcrumb { display: none; } body.content_page #slider .pagetitle { font-size: 1.467rem; } #bottom .inside { padding-left: 20px; padding-right: 20px; } #footer .totop:before { display: none; } .ce_hyperlink.small a, a.btn.small, .ce_hyperlink a, a.btn { font-size: 0.9rem; } h1, .h1, .h1 p { font-size: 1.733rem; margin-bottom: 15px; } h2, .h2, .h2 p { font-size: 1.6rem; margin-bottom: 10px; } h3, .h3, .h3 p { font-size: 1.467rem; margin-bottom: 10px; } h4, .h4, .h4 p { font-size: 1.2rem; margin-bottom: 10px; } h5, .h5, .h5 p { font-size: 1.067rem; margin-bottom: 10px; } h6, .h6, .h6 p { font-size: 1.067rem; margin-bottom: 10px; } .mod_breadcrumb { display: none; } .header .mod_langswitcher { position: absolute; right: 70px; top: 50%; margin-top: -19px; line-height: 40px; margin-left: 0!important; } /*remove this line for showing the langswitch in mobile header */ .header .mod_langswitcher { display: none; } .header .mod_search { display: none; } .ce_imagemap .hotspot { display: none; } .header.cloned { box-shadow: none; } body.fixed-header .header.cloned { box-shadow: 0 0 2px 2px rgba(0,0,0,0.1); } #top { display: none; } #main .mod_subscribe input, #main .mod_subscribe input.submit, #main .mod_subscribe button.submit { width: 100%; margin: 0; } #main .mod_subscribe input.submit, #main .mod_subscribe button.submit { margin-top: 20px; } .autogrid:not(.ce_autogridwrapper):not(.no_gutter) { margin-bottom: 25px; } body #contentwrapper .ce_form form .autogrid { margin-bottom: 0; } body .ce_form .autogrid { margin-bottom: 0; } .autogrid.autogrid-last { margin-bottom: 0; } #main .mod_article.autogrid { padding-top: 0; padding-bottom: 25px; margin-bottom: 0; } #main .mod_article.autogrid.autogrid-first { padding-top: 25px; } .ce_hyperlink.align-right { text-align: left!important; } #main .mod_subscribe.align-right input { margin-left: 0; margin-top: 20px; } .ce_revolutionslider #linkToContent { bottom: 10px; } .ce_revolutionslider .rs-container.fullscreen, .ce_revolutionslider .tp-fullwidth-forcer { height: calc(100vh - 70px)!important; } .custommenu { bottom: 0px; padding: 10px; } .custommenu li { float: none; width: 100%!important; border: 1px solid rgb(255,255,255); border-bottom: 0; } .custommenu li.last { border-bottom: 1px solid rgb(255,255,255); } .custommenu li .pagetitle { display: none; } form.style4 { padding: 20px; } form.style4 .submit_container { margin-bottom: 10px; } .submenu_v2 li { width: 100%!important; padding: 0; } .submenu_v2 li a, .submenu_v2 li a.first { border-top: 1px solid rgb(200,200,200); border-left: 0; border-right: 0; } .submenu_v2 li a.first { border: 0; } .submenu_v2 li a i { font-size: 1.667rem; } .submenu_v2 li a.active:before { display: none; } .mod_langswitcher .mod_langswitcher_inside:before { top: -1px; } #top_link { display: none; } form.style9 { padding: 20px; } form.style9 input, form.style9 textarea, form.style9 select, form.style9 input.big-letter { font-size: 1rem; } form.style9 label { margin-bottom: 0; } form.style9 input, form.style9 select { line-height: 1rem; } form.style9 input.datepicker { background-size: 15px; } form.style9 .submit_container { position: static; transform: translateY(0); -webkit-transform: translateY(0); } #mmenu_container { display: block; } #cboxPrevious { transform: scale(0.7); transform-origin: left; } #cboxNext { transform: scale(0.7); transform-origin: right; } #top .top_metanavi { display: none; } #top .mod_top_phone span { display: none; } #top .mod_socials { display: none; } #top .mod_login_top { display: none; } #top .inside { padding-left: 20px; padding-right: 20px; } #top .mod_top_mail a { padding-left: 0; padding-right: 0; } .offcanvas-trigger { display: none; } .cookiebar { padding: 10px; } .cookiebar .cookiebar-close { position: static; transform: translateY(0%); -webkit-transform: translateY(0%); margin-top: 10px; } .mod_pageimage .headline { font-size: 1.3rem; } .mod_pageimage .inside .content { padding: 10px 0; } .mod_pageimage .subheadline { font-size: 1rem; } .mod_pageimage .style1 > .container { height: 150px; } .mod_pageimage .style2 > .container { height: 150px; } .mod_pageimage .style3 > .container { height: auto; } .mod_pageimage .style3 .headline { font-size: 2rem; } .mod_pageimage .inside.height-xxl > .container { height: 400px; } .mod_pageimage .inside.height-xl > .container { height: 300px; } .mod_pageimage .inside.height-l > .container { height: 200px; } .mod_pageimage .inside.height-m > .container { height: 200px; } .mod_pageimage .inside.height-s > .container { height: 200px; } .mod_pageimage .inside.height-xs > .container { height: 150px; } .mod_pageimage .inside.height-xxs > .container { height: 150px; } } /* ============================================================================= * browser bugfixes * ========================================================================== */ body.ie9 #fix-wrapper, body.ie10 #fix-wrapper { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MkVFOENGOTk2OUYxMUU1QjU3MTkyN0Q5MjBFRUJENSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MkVFOENGQTk2OUYxMUU1QjU3MTkyN0Q5MjBFRUJENSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyRUU4Q0Y3OTY5RjExRTVCNTcxOTI3RDkyMEVFQkQ1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyRUU4Q0Y4OTY5RjExRTVCNTcxOTI3RDkyMEVFQkQ1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ndvI8gAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII='); } /* Garage_Germann_CSS.css */ .ce_iconbox_v2.style2{border-left: 1px solid rgb(225,225,225)}.totop{display:none!important}input.submit[type="submit"],button.submit[type="submit"]{color:#009de0!important;background-color:#fff!important}