body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* =============================================================================
* reset & various settings
* ========================================================================== */
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background-repeat: no-repeat;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: auto;
}
a {
hyphens: none;
}
#wrapper .mejs-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
ol, ul {
list-style: none;
}
table {
border-spacing: 0;
}
body {
position: relative;
text-size-adjust: 100%;
background: rgba(24, 24, 24,1);
}
#mbCenter img {
width: auto;
max-width: 100%;
height: auto;
vertical-align: middle;
}
.inside {
position: relative;
text-align: left;
}
.block {
overflow: hidden;
}
.clear, #clear {
height: 0;
font-size: 0;
line-height: 0;
clear: both;
}
.invisible {
width: 0;
height: 0;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline;
}
*+html #main {
position: static;
}
header, footer, nav, section, aside, article, figure, figcaption {
display: block;
}
#container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#chromeframe {
background: red;
padding: 10px;
color: #fff;
text-align: center;
position: relative;
z-index: 10000;
}
.animate {
opacity: 0;
}
.animate.nowaypoint {
opacity: 1;
}
p {
margin-bottom: 15px;
word-wrap: break-word;
}
#wrapper {
position: relative;
z-index: 10;
}
#container {
position: relative;
width: 100%;
margin: 0;
background: #fff;
}
i.ti {
display: inline-block;
}
/* =============================================================================
* outdated-browser message
* ========================================================================== */
body.ie11 #outdated-browser,
body.ie #outdated-browser {
display: block;
}
#outdated-browser {
color: rgb(255,255,255);
background: red;
padding: 20px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 10000;
display: none;
}
#outdated-browser.confirmed {display: none !important;}
#outdated-browser span {
text-decoration: underline;
cursor: pointer;
}
/* =============================================================================
* accent + second color
* ========================================================================== */
:root {
--accentColor: #e90069;
--secondColor: #465665;
}
/* =============================================================================
* margin + padding classes - vertical
* ========================================================================== */
.mt-xxl{margin-top:80px!important;}.mt-xl{margin-top:70px!important;}.mt-l{margin-top:60px!important;}.mt-m{margin-top:50px!important;}.mt-s{margin-top:40px!important;}.mt-xs{margin-top:30px!important;}.mt-xxs{margin-top:20px!important;}
.mb-xxl{margin-bottom:80px!important;}.mb-xl{margin-bottom:70px!important;}.mb-l{margin-bottom:60px!important;}.mb-m{margin-bottom:50px!important;}.mb-s{margin-bottom:40px!important;}.mb-xs{margin-bottom:30px!important;}.mb-xxs{margin-bottom:20px!important;}
.pt-xxl{padding-top:170px!important;}.pt-xl{padding-top:150px!important;}.pt-l{padding-top:120px!important;}.pt-m{padding-top:100px!important;}.pt-s{padding-top:90px!important;}.pt-xs{padding-top:50px!important;}.pt-xxs{padding-top:30px!important;}
.pb-xxl{padding-bottom:170px!important;}.pb-xl{padding-bottom:150px!important;}.pb-l{padding-bottom:120px!important;}.pb-m{padding-bottom:100px!important;}.pb-s{padding-bottom:90px!important;}.pb-xs{padding-bottom:50px!important;}.pb-xxs{padding-bottom:30px!important;}
.mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-70{margin-top:70px!important}.mt-80{margin-top:80px!important}.mt-90{margin-top:90px!important}.mt-100{margin-top:100px!important}.mt-110{margin-top:110px!important}.mt-120{margin-top:120px!important}.mt-130{margin-top:130px!important}.mt-140{margin-top:140px!important}.mt-150{margin-top:150px!important}.mt-160{margin-top:160px!important}.mt-170{margin-top:170px!important}.mt-180{margin-top:180px!important}.mt-190{margin-top:190px!important}.mt-200{margin-top:200px!important}
.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.mb-110{margin-bottom:110px!important}.mb-120{margin-bottom:120px!important}.mb-130{margin-bottom:130px!important}.mb-140{margin-bottom:140px!important}.mb-150{margin-bottom:150px!important}.mb-160{margin-bottom:160px!important}.mb-170{margin-bottom:170px!important}.mb-180{margin-bottom:180px!important}.mb-190{margin-bottom:190px!important}.mb-200{margin-bottom:200px!important}
.pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-20{padding-top:20px!important}.pt-30{padding-top:30px!important}.pt-40{padding-top:40px!important}.pt-50{padding-top:50px!important}.pt-60{padding-top:60px!important}.pt-70{padding-top:70px!important}.pt-80{padding-top:80px!important}.pt-90{padding-top:90px!important}.pt-100{padding-top:100px!important}.pt-110{padding-top:110px!important}.pt-120{padding-top:120px!important}.pt-130{padding-top:130px!important}.pt-140{padding-top:140px!important}.pt-150{padding-top:150px!important}.pt-160{padding-top:160px!important}.pt-170{padding-top:170px!important}.pt-180{padding-top:180px!important}.pt-190{padding-top:190px!important}.pt-200{padding-top:200px!important}
.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-20{padding-bottom:20px!important}.pb-30{padding-bottom:30px!important}.pb-40{padding-bottom:40px!important}.pb-50{padding-bottom:50px!important}.pb-60{padding-bottom:60px!important}.pb-70{padding-bottom:70px!important}.pb-80{padding-bottom:80px!important}.pb-90{padding-bottom:90px!important}.pb-100{padding-bottom:100px!important}.pb-110{padding-bottom:110px!important}.pb-120{padding-bottom:120px!important}.pb-130{padding-bottom:130px!important}.pb-140{padding-bottom:140px!important}.pb-150{padding-bottom:150px!important}.pb-160{padding-bottom:160px!important}.pb-170{padding-bottom:170px!important}.pb-180{padding-bottom:180px!important}.pb-190{padding-bottom:190px!important}.pb-200{padding-bottom:200px!important}
.p-0{padding:0!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-40{padding:40px!important}.p-50{padding:50px!important}.p-60{padding:60px!important}.p-70{padding:70px!important}.p-80{padding:80px!important}.p-90{padding:90px!important}.p-100{padding:100px!important}.p-110{padding:110px!important}.p-120{padding:120px!important}.p-130{padding:130px!important}.p-140{padding:140px!important}.p-150{padding:150px!important}.p-160{padding:160px!important}.p-170{padding:170px!important}.p-180{padding:180px!important}.p-190{padding:190px!important}.p-200{padding:200px!important}
.m-0{margin: 0!important}
/* negativ margin classes*/
.mt-xxl-neg {margin-top: -300px!important}.mt-xl-neg {margin-top: -140px!important}.mt-l-neg {margin-top: -110px!important}.mt-m-neg {margin-top: -80px!important}.mt-s-neg {margin-top: -50px!important}
.mb-xxl-neg {margin-bottom: -300px!important}.mb-xl-neg {margin-bottom: -140px!important}.mb-l-neg {margin-bottom: -110px!important}.mb-m-neg {margin-bottom: -80px!important}.mb-s-neg {margin-bottom: -50px!important}
.mt-10-neg{margin-top:-10px}.mt-20-neg{margin-top:-20px}.mt-30-neg{margin-top:-30px}.mt-40-neg{margin-top:-40px}.mt-50-neg{margin-top:-50px}.mt-60-neg{margin-top:-60px}.mt-70-neg{margin-top:-70px}.mt-80-neg{margin-top:-80px}.mt-90-neg{margin-top:-90px}.mt-100-neg{margin-top:-100px}.mt-110-neg{margin-top:-110px}.mt-120-neg{margin-top:-120px}.mt-130-neg{margin-top:-130px}.mt-140-neg{margin-top:-140px}.mt-150-neg{margin-top:-150px}.mt-160-neg{margin-top:-160px}.mt-170-neg{margin-top:-170px}.mt-180-neg{margin-top:-180px}.mt-190-neg{margin-top:-190px}.mt-200-neg{margin-top:-200px}
.mb-10-neg{margin-bottom:-10px}.mb-20-neg{margin-bottom:-20px}.mb-30-neg{margin-bottom:-30px}.mb-40-neg{margin-bottom:-40px}.mb-50-neg{margin-bottom:-50px}.mb-60-neg{margin-bottom:-60px}.mb-70-neg{margin-bottom:-70px}.mb-80-neg{margin-bottom:-80px}.mb-90-neg{margin-bottom:-90px}.mb-100-neg{margin-bottom:-100px}.mb-110-neg{margin-bottom:-110px}.mb-120-neg{margin-bottom:-120px}.mb-130-neg{margin-bottom:-130px}.mb-140-neg{margin-bottom:-140px}.mb-150-neg{margin-bottom:-150px}.mb-160-neg{margin-bottom:-160px}.mb-170-neg{margin-bottom:-170px}.mb-180-neg{margin-bottom:-180px}.mb-190-neg{margin-bottom:-190px}.mb-200-neg{margin-bottom:-200px}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.mt-xxl{margin-top:60px!important;}.mt-xl{margin-top:50px!important;}.mt-l{margin-top:40px!important;}.mt-m{margin-top:30px!important;}.mt-s{margin-top:25px!important;}.mt-xs{margin-top:25px!important;}.mt-xxs{margin-top:25px!important;}
.mb-xxl{margin-bottom:60px!important;}.mb-xl{margin-bottom:50px!important;}.mb-l{margin-bottom:40px!important;}.mb-m{margin-bottom:30px!important;}.mb-s{margin-bottom:25px!important;}.mb-xs{margin-bottom:25px!important;}.mb-xxs{margin-bottom:25px!important;}
.pt-xxl{padding-top:130px!important;}.pt-xl{padding-top:110px!important;}.pt-l{padding-top:100px!important;}.pt-m{padding-top:80px!important;}.pt-s{padding-top:70px!important;}.pt-xs{padding-top:40px!important;}.pt-xxs{padding-top:30px!important;}
.pb-xxl{padding-bottom:130px!important;}.pb-xl{padding-bottom:110px!important;}.pb-l{padding-bottom:100px!important;}.pb-m{padding-bottom:80px!important;}.pb-s{padding-bottom:70px!important;}.pb-xs{padding-bottom:40px!important;}.pb-xxs{padding-bottom:30px!important;}
.mt-0-t{margin-top:0!important}.mt-5-t{margin-top:5px!important}.mt-10-t{margin-top:10px!important}.mt-20-t{margin-top:20px!important}.mt-30-t{margin-top:30px!important}.mt-40-t{margin-top:40px!important}.mt-50-t{margin-top:50px!important}.mt-60-t{margin-top:60px!important}.mt-70-t{margin-top:70px!important}.mt-80-t{margin-top:80px!important}.mt-90-t{margin-top:90px!important}.mt-100-t{margin-top:100px!important}.mt-110-t{margin-top:110px!important}.mt-120-t{margin-top:120px!important}.mt-130-t{margin-top:130px!important}.mt-140-t{margin-top:140px!important}.mt-150-t{margin-top:150px!important}.mt-160-t{margin-top:160px!important}.mt-170-t{margin-top:170px!important}.mt-180-t{margin-top:180px!important}.mt-190-t{margin-top:190px!important}.mt-200-t{margin-top:200px!important}
.mb-0-t{margin-bottom:0!important}.mb-5-t{margin-bottom:5px!important}.mb-10-t{margin-bottom:10px!important}.mb-20-t{margin-bottom:20px!important}.mb-30-t{margin-bottom:30px!important}.mb-40-t{margin-bottom:40px!important}.mb-50-t{margin-bottom:50px!important}.mb-60-t{margin-bottom:60px!important}.mb-70-t{margin-bottom:70px!important}.mb-80-t{margin-bottom:80px!important}.mb-90-t{margin-bottom:90px!important}.mb-100-t{margin-bottom:100px!important}.mb-110-t{margin-bottom:110px!important}.mb-120-t{margin-bottom:120px!important}.mb-130-t{margin-bottom:130px!important}.mb-140-t{margin-bottom:140px!important}.mb-150-t{margin-bottom:150px!important}.mb-160-t{margin-bottom:160px!important}.mb-170-t{margin-bottom:170px!important}.mb-180-t{margin-bottom:180px!important}.mb-190-t{margin-bottom:190px!important}.mb-200-t{margin-bottom:200px!important}
.pt-0-t{padding-top:0!important}.pt-5-t{padding-top:5px!important}.pt-10-t{padding-top:10px!important}.pt-20-t{padding-top:20px!important}.pt-30-t{padding-top:30px!important}.pt-40-t{padding-top:40px!important}.pt-50-t{padding-top:50px!important}.pt-60-t{padding-top:60px!important}.pt-70-t{padding-top:70px!important}.pt-80-t{padding-top:80px!important}.pt-90-t{padding-top:90px!important}.pt-100-t{padding-top:100px!important}.pt-110-t{padding-top:110px!important}.pt-120-t{padding-top:120px!important}.pt-130-t{padding-top:130px!important}.pt-140-t{padding-top:140px!important}.pt-150-t{padding-top:150px!important}.pt-160-t{padding-top:160px!important}.pt-170-t{padding-top:170px!important}.pt-180-t{padding-top:180px!important}.pt-190-t{padding-top:190px!important}.pt-200-t{padding-top:200px!important}
.pb-0-t{padding-bottom:0!important}.pb-5-t{padding-bottom:5px!important}.pb-10-t{padding-bottom:10px!important}.pb-20-t{padding-bottom:20px!important}.pb-30-t{padding-bottom:30px!important}.pb-40-t{padding-bottom:40px!important}.pb-50-t{padding-bottom:50px!important}.pb-60-t{padding-bottom:60px!important}.pb-70-t{padding-bottom:70px!important}.pb-80-t{padding-bottom:80px!important}.pb-90-t{padding-bottom:90px!important}.pb-100-t{padding-bottom:100px!important}.pb-110-t{padding-bottom:110px!important}.pb-120-t{padding-bottom:120px!important}.pb-130-t{padding-bottom:130px!important}.pb-140-t{padding-bottom:140px!important}.pb-150-t{padding-bottom:150px!important}.pb-160-t{padding-bottom:160px!important}.pb-170-t{padding-bottom:170px!important}.pb-180-t{padding-bottom:180px!important}.pb-190-t{padding-bottom:190px!important}.pb-200-t{padding-bottom:200px!important}
.p-0-t{padding:0!important}.p-5-t{padding:5px!important}.p-10-t{padding:10px!important}.p-20-t{padding:20px!important}.p-30-t{padding:30px!important}.p-40-t{padding:40px!important}.p-50-t{padding:50px!important}.p-60-t{padding:60px!important}.p-70-t{padding:70px!important}.p-80-t{padding:80px!important}.p-90-t{padding:90px!important}.p-100-t{padding:100px!important}.p-110-t{padding:110px!important}.p-120-t{padding:120px!important}.p-130-t{padding:130px!important}.p-140-t{padding:140px!important}.p-150-t{padding:150px!important}.p-160-t{padding:160px!important}.p-170-t{padding:170px!important}.p-180-t{padding:180px!important}.p-190-t{padding:190px!important}.p-200-t{padding:200px!important}
}
@media only screen and (max-width: 767px) {
.mt-xxl{margin-top:50px!important;}.mt-xl{margin-top:40px!important;}.mt-l{margin-top:30px!important;}.mt-m{margin-top:25px!important;}.mt-s{margin-top:20px!important;}.mt-xs{margin-top:25px!important;}.mt-xxs{margin-top:25px!important;}
.mb-xxl{margin-bottom:50px!important;}.mb-xl{margin-bottom:40px!important;}.mb-l{margin-bottom:30px!important;}.mb-m{margin-bottom:25px!important;}.mb-s{margin-bottom:20px!important;}.mb-xs{margin-bottom:25px!important;}.mb-xxs{margin-bottom:25px!important;}
.pt-xxl{padding-top:80px!important;}.pt-xl{padding-top:70px!important;}.pt-l{padding-top:70px!important;}.pt-m{padding-top:60px!important;}.pt-s{padding-top:50px!important;}.pt-xs{padding-top:40px!important;}.pt-xxs{padding-top:30px!important;}
.pb-xxl{padding-bottom:80px!important;}.pb-xl{padding-bottom:70px!important;}.pb-l{padding-bottom:70px!important;}.pb-m{padding-bottom:60px!important;}.pb-s{padding-bottom:50px!important;}.pb-xs{padding-bottom:40px!important;}.pb-xxs{padding-bottom:30px!important;}
.mt-xxl-m{margin-top:80px!important;}.mt-xl-m{margin-top:70px!important;}.mt-l-m{margin-top:60px!important;}.mt-m-m{margin-top:45px!important;}.mt-m-m{margin-top:35px!important;}.mt-xs-m{margin-top:25px!important;}.mt-xxs-m{margin-top:20px!important;}.mt-no-m{margin-top:0px!important;}
.mb-xxl-m{margin-bottom:80px!important;}.mb-xl-m{margin-bottom:70px!important;}.mb-l-m{margin-bottom:60px!important;}.mb-m-m{margin-bottom:45px!important;}.mb-m-m{margin-bottom:35px!important;}.mb-xs-m{margin-bottom:25px!important;}.mb-xxs-m{margin-bottom:20px!important;}.mb-no-m{margin-bottom:0px!important;}
.mt-0-m{margin-top:0!important}.mt-5-m{margin-top:5px!important}.mt-10-m{margin-top:10px!important}.mt-20-m{margin-top:20px!important}.mt-30-m{margin-top:30px!important}.mt-40-m{margin-top:40px!important}.mt-50-m{margin-top:50px!important}.mt-60-m{margin-top:60px!important}.mt-70-m{margin-top:70px!important}.mt-80-m{margin-top:80px!important}.mt-90-m{margin-top:90px!important}.mt-100-m{margin-top:100px!important}.mt-110-m{margin-top:110px!important}.mt-120-m{margin-top:120px!important}.mt-130-m{margin-top:130px!important}.mt-140-m{margin-top:140px!important}.mt-150-m{margin-top:150px!important}.mt-160-m{margin-top:160px!important}.mt-170-m{margin-top:170px!important}.mt-180-m{margin-top:180px!important}.mt-190-m{margin-top:190px!important}.mt-200-m{margin-top:200px!important}
.mb-0-m{margin-bottom:0!important}.mb-5-m{margin-bottom:5px!important}.mb-10-m{margin-bottom:10px!important}.mb-20-m{margin-bottom:20px!important}.mb-30-m{margin-bottom:30px!important}.mb-40-m{margin-bottom:40px!important}.mb-50-m{margin-bottom:50px!important}.mb-60-m{margin-bottom:60px!important}.mb-70-m{margin-bottom:70px!important}.mb-80-m{margin-bottom:80px!important}.mb-90-m{margin-bottom:90px!important}.mb-100-m{margin-bottom:100px!important}.mb-110-m{margin-bottom:110px!important}.mb-120-m{margin-bottom:120px!important}.mb-130-m{margin-bottom:130px!important}.mb-140-m{margin-bottom:140px!important}.mb-150-m{margin-bottom:150px!important}.mb-160-m{margin-bottom:160px!important}.mb-170-m{margin-bottom:170px!important}.mb-180-m{margin-bottom:180px!important}.mb-190-m{margin-bottom:190px!important}.mb-200-m{margin-bottom:200px!important}
.pt-0-m{padding-top:0!important}.pt-5-m{padding-top:5px!important}.pt-10-m{padding-top:10px!important}.pt-20-m{padding-top:20px!important}.pt-30-m{padding-top:30px!important}.pt-40-m{padding-top:40px!important}.pt-50-m{padding-top:50px!important}.pt-60-m{padding-top:60px!important}.pt-70-m{padding-top:70px!important}.pt-80-m{padding-top:80px!important}.pt-90-m{padding-top:90px!important}.pt-100-m{padding-top:100px!important}.pt-110-m{padding-top:110px!important}.pt-120-m{padding-top:120px!important}.pt-130-m{padding-top:130px!important}.pt-140-m{padding-top:140px!important}.pt-150-m{padding-top:150px!important}.pt-160-m{padding-top:160px!important}.pt-170-m{padding-top:170px!important}.pt-180-m{padding-top:180px!important}.pt-190-m{padding-top:190px!important}.pt-200-m{padding-top:200px!important}
.pb-0-m{padding-bottom:0!important}.pb-5-m{padding-bottom:5px!important}.pb-10-m{padding-bottom:10px!important}.pb-20-m{padding-bottom:20px!important}.pb-30-m{padding-bottom:30px!important}.pb-40-m{padding-bottom:40px!important}.pb-50-m{padding-bottom:50px!important}.pb-60-m{padding-bottom:60px!important}.pb-70-m{padding-bottom:70px!important}.pb-80-m{padding-bottom:80px!important}.pb-90-m{padding-bottom:90px!important}.pb-100-m{padding-bottom:100px!important}.pb-110-m{padding-bottom:110px!important}.pb-120-m{padding-bottom:120px!important}.pb-130-m{padding-bottom:130px!important}.pb-140-m{padding-bottom:140px!important}.pb-150-m{padding-bottom:150px!important}.pb-160-m{padding-bottom:160px!important}.pb-170-m{padding-bottom:170px!important}.pb-180-m{padding-bottom:180px!important}.pb-190-m{padding-bottom:190px!important}.pb-200-m{padding-bottom:200px!important}
.p-0-m{padding:0!important}.p-5-m{padding:5px!important}.p-10-m{padding:10px!important}.p-20-m{padding:20px!important}.p-30-m{padding:30px!important}.p-40-m{padding:40px!important}.p-50-m{padding:50px!important}.p-60-m{padding:60px!important}.p-70-m{padding:70px!important}.p-80-m{padding:80px!important}.p-90-m{padding:90px!important}.p-100-m{padding:100px!important}.p-110-m{padding:110px!important}.p-120-m{padding:120px!important}.p-130-m{padding:130px!important}.p-140-m{padding:140px!important}.p-150-m{padding:150px!important}.p-160-m{padding:160px!important}.p-170-m{padding:170px!important}.p-180-m{padding:180px!important}.p-190-m{padding:190px!important}.p-200-m{padding:200px!important}
}
/* =============================================================================
* margin + padding classes - horizontal
* ========================================================================== */
/* margin-left */
.ml-xxl {margin-left:240px !important;}
.ml-xl {margin-left:200px !important;}
.ml-l {margin-left:160px !important;}
.ml-m {margin-left:120px !important;}
.ml-s {margin-left:80px !important;}
.ml-xs {margin-left:40px !important;}
.ml-xxs {margin-left:20px !important;}
.ml-100 {margin-left:100% !important;}
.ml-90 {margin-left:90% !important;}
.ml-80 {margin-left:80% !important;}
.ml-75 {margin-left:75% !important;}
.ml-70 {margin-left:70% !important;}
.ml-60 {margin-left:60% !important;}
.ml-50 {margin-left:50% !important;}
.ml-40 {margin-left:40% !important;}
.ml-30 {margin-left:30% !important;}
.ml-25 {margin-left:25% !important;}
.ml-20 {margin-left:20% !important;}
.ml-10 {margin-left:10% !important;}
.ml-5 {margin-left:5% !important;}
.ml-1 {margin-left:1% !important;}
/* margin-right */
.mr-xxl {margin-right:240px !important;}
.mr-xl {margin-right:200px !important;}
.mr-l {margin-right:160px !important;}
.mr-m {margin-right:120px !important;}
.mr-s {margin-right:80px !important;}
.mr-xs {margin-right:40px !important;}
.mr-xxs {margin-right:20px !important;}
.mr-100 {margin-right:100% !important;}
.mr-90 {margin-right:90% !important;}
.mr-80 {margin-right:80% !important;}
.mr-75 {margin-right:75% !important;}
.mr-70 {margin-right:70% !important;}
.mr-60 {margin-right:60% !important;}
.mr-50 {margin-right:50% !important;}
.mr-40 {margin-right:40% !important;}
.mr-30 {margin-right:30% !important;}
.mr-25 {margin-right:25% !important;}
.mr-20 {margin-right:20% !important;}
.mr-10 {margin-right:10% !important;}
.mr-5 {margin-right:5% !important;}
.mr-1 {margin-right:1% !important;}
/* padding-left */
.pl-xxl {padding-left:240px !important;}
.pl-xl {padding-left:200px !important;}
.pl-l {padding-left:160px !important;}
.pl-m {padding-left:120px !important;}
.pl-s {padding-left:80px !important;}
.pl-xs {padding-left:40px !important;}
.pl-xxs {padding-left:20px !important;}
.pl-100 {padding-left:100% !important;}
.pl-90 {padding-left:90% !important;}
.pl-80 {padding-left:80% !important;}
.pl-75 {padding-left:75% !important;}
.pl-70 {padding-left:70% !important;}
.pl-60 {padding-left:60% !important;}
.pl-50 {padding-left:50% !important;}
.pl-40 {padding-left:40% !important;}
.pl-30 {padding-left:30% !important;}
.pl-25 {padding-left:25% !important;}
.pl-20 {padding-left:20% !important;}
.pl-10 {padding-left:10% !important;}
.pl-5 {padding-left:5% !important;}
.pl-1 {padding-left:1% !important;}
/* padding-right */
.pr-xxl {padding-right:240px !important;}
.pr-xl {padding-right:200px !important;}
.pr-l {padding-right:160px !important;}
.pr-m {padding-right:120px !important;}
.pr-s {padding-right:80px !important;}
.pr-xs {padding-right:40px !important;}
.pr-xxs {padding-right:20px !important;}
.pr-100 {padding-right:100% !important;}
.pr-90 {padding-right:90% !important;}
.pr-80 {padding-right:80% !important;}
.pr-75 {padding-right:75% !important;}
.pr-70 {padding-right:70% !important;}
.pr-60 {padding-right:60% !important;}
.pr-50 {padding-right:50% !important;}
.pr-40 {padding-right:40% !important;}
.pr-30 {padding-right:30% !important;}
.pr-25 {padding-right:25% !important;}
.pr-20 {padding-right:20% !important;}
.pr-10 {padding-right:10% !important;}
.pr-5 {padding-right:5% !important;}
.pr-1 {padding-right:1% !important;}
@media only screen and (max-width: 767px)
{
.ml-xxl,.ml-xl,.ml-l,.ml-m,.ml-s,.ml-xs,.ml-xxs,.ml-100,.ml-90,.ml-80,.ml-75,.ml-70,.ml-60,.ml-50,.ml-40,.ml-30,.ml-20,.ml-10,.ml-5,.ml-1 {margin-left:0 !important;}
.mr-xxl,.mr-xl,.mr-l,.mr-m,.mr-s,.mr-xs,.mr-xxs,.mr-100,.mr-90,.mr-80,.mr-75,.mr-70,.mr-60,.mr-50,.mr-40,.mr-30,.mr-20,.mr-10,.mr-5,.mr-1 {margin-right:0 !important;}
.pl-xxl,.pl-xl,.pl-l,.pl-m,.pl-s,.pl-xs,.pl-xxs,.pl-100,.pl-90,.pl-80,.pl-75,.pl-70,.pl-60,.pl-50,.pl-40,.pl-30,.pl-20,.pl-10,.pl-5,.pl-1 {padding-left:0 !important;}
.pr-xxl,.pr-xl,.pr-l,.pr-m,.pr-s,.pr-xs,.pr-xxs,.pr-100,.pr-90,.pr-80,.pr-75,.pr-70,.pr-60,.pr-50,.pr-40,.pr-30,.pr-20,.pr-10,.pr-5,.pr-1 {padding-right:0 !important;}
.ml-0-m > .attributes {margin-left: 0!important;}
.mr-0-m > .attributes {margin-right: 0!important;}
.mt-0-m > .attributes {margin-top: 0!important;}
.mb-0-m > .attributes {margin-bottom: 0!important;}
}
/* =============================================================================
* visibility settings
* ========================================================================== */
/** is desktop or higher **/
@media only screen and (min-width: 1024px) {
.vis-tablet, .vis-mobile, .vis-mobile-tablet {display: none !important;}
}
/** is tablet **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.vis-desktop, .vis-mobile, .vis-desktop-mobile {display: none !important;}
}
/** is mobile **/
@media only screen and (max-width: 767px) {
.vis-desktop, .vis-tablet, .vis-desktop-tablet {display: none !important;}
}
/* =============================================================================
* font-size
* ========================================================================== */
.font-size-xxxxxl,
.font-size-xxxxxl p {
font-size: 6.667rem;
line-height: 1.5;
}
.font-size-xxxxl,
.font-size-xxxxl p {
font-size: 5.667rem;
line-height: 1.5;
}
.font-size-xxxl,
.font-size-xxxl p {
font-size: 5rem;
line-height: 1.5;
}
.font-size-xxl,
.font-size-xxl p {
font-size: 4.333rem;
line-height: 1.5;
}
.font-size-xl,
.font-size-xl p {
font-size: 3.667rem;
line-height: 1.5;
}
.font-size-l,
.font-size-l p {
font-size: 3rem;
line-height: 1.5;
}
.font-size-m,
.font-size-m p {
font-size: 2.333rem;
line-height: 1.5;
}
.font-size-s,
.font-size-s p {
font-size: 1.667rem;
line-height: 1.5;
}
.font-size-xs,
.font-size-xs p {
font-size: 1.467rem;
line-height: 1.5;
}
.font-size-xxs,
.font-size-xxs p {
font-size: 1.2rem;
line-height: 1.8;
}
.font-size-xxxs,
.font-size-xxxs p {
font-size: 0.9333rem;
line-height: 1.5;
}
.font-size-xxxxs,
.font-size-xxxxs p {
font-size: 0.8rem;
}
.font-size-xxxxxs,
.font-size-xxxxxs p {
font-size: 0.6667rem;
}
/* =============================================================================
* border classes
* ========================================================================== */
.no-border {
border: 0!important;
}
.bt-dark {
border-top: 1px solid rgb(229,229,229);
}
.bb-dark {
border-bottom: 1px solid rgb(229,229,229);
}
.bt-light {
border-top: 1px solid rgb(255,255,255);
}
.bb-light {
border-bottom: 1px solid rgb(255,255,255);
}
.bt-dark-dashed {
border-top: 1px dashed rgb(229,229,229);
}
.bb-dark-dashed {
border-bottom: 1px dashed rgb(229,229,229);
}
.bt-light-dashed {
border-top: 1px dashed rgb(255,255,255);
}
.bb-light-dashed {
border-bottom: 1px dashed rgb(255,255,255);
}
.bt-dark-dotted {
border-top: 1px dotted rgb(229,229,229);
}
.bb-dark-dotted {
border-bottom: 1px dotted rgb(229,229,229);
}
.bt-light-dotted {
border-top: 1px dotted rgb(255,255,255);
}
.bb-light-dotted {
border-bottom: 1px dotted rgb(255,255,255);
}
/* =============================================================================
* image border classes
* ========================================================================== */
.ce_image.border-1 img {
border: 1px solid rgb(220,220,220);
}
.ce_image.border-5 img {
border: 5px solid rgb(220,220,220);
}
.ce_image.border-10 img {
border: 10px solid rgb(220,220,220);
}
/* =============================================================================
* background color classes
* ========================================================================== */
.bg-accent {
background-color: var(--accentColor);
}
.bg-second {
background-color: var(--secondColor);
}
.bg-lightgray {
background-color: rgb(247,247,247)!important;
}
.bg-darkgray {
background-color: rgb(69,69,69)!important;
}
.bg-black {
background-color: rgb(0,0,0)!important;
}
.bg-gray {
background-color: rgb(248,248,248);
}
.bg-alert {
background-color: rgb(206,79,75);
}
.bg-info {
background-color: rgb(94,187,215);
}
.bg-warning {
background-color: rgb(240,173,78);
}
.bg-success {
background-color: rgb(82,172,82);
}
.bg-transparent-white {
background-color: rgba(255,255,255,0.7);
}
.bg-transparent-black {
background-color: rgba(0,0,0,0.7);
}
.bg-white {
background-color: rgb(255,255,255);
}
/* =============================================================================
* text color classes | important
* ========================================================================== */
.color-white,
.color-white p,
.color-white i,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-white .h1,
.color-white .h2,
.color-white .h3,
.color-white .h4,
.color-white .h5,
.color-white .h6,
.color-white a:not(.link-white) {
color: #fff !important;
border-color: rgba(255,255,255,0.3)!important;
}
.color-gray,
.color-gray p,
.color-gray i,
.color-gray h1,
.color-gray h2,
.color-gray h3,
.color-gray h4,
.color-gray h5,
.color-gray h6,
.color-gray .h1,
.color-gray .h2,
.color-gray .h3,
.color-gray .h4,
.color-gray .h5,
.color-gray .h6,
.color-gray a:not(.link-white) {
color: rgb(127,127,127)!important;
}
.color-lightgray,
.color-lightgray p,
.color-lightgray i,
.color-lightgray h1,
.color-lightgray h2,
.color-lightgray h3,
.color-lightgray h4,
.color-lightgray h5,
.color-lightgray h6,
.color-lightgray .h1,
.color-lightgray .h2,
.color-lightgray .h3,
.color-lightgray .h4,
.color-lightgray .h5,
.color-lightgray .h6,
.color-lightgray a:not(.link-white) {
color: rgb(180,180,180)!important;
}
.color-darkgray,
.color-darkgray p,
.color-darkgray i,
.color-darkgray h1,
.color-darkgray h2,
.color-darkgray h3,
.color-darkgray h4,
.color-darkgray h5,
.color-darkgray h6,
.color-darkgray .h1,
.color-darkgray .h2,
.color-darkgray .h3,
.color-darkgray .h4,
.color-darkgray .h5,
.color-darkgray .h6,
.color-darkgray a:not(.link-white) {
color: rgb(76,76,76)!important;
}
.color-white-trnp-50,
.color-white-trnp-50 p,
.color-white-trnp-50 i,
.color-white-trnp-50 h1,
.color-white-trnp-50 h2,
.color-white-trnp-50 h3,
.color-white-trnp-50 h4,
.color-white-trnp-50 h5,
.color-white-trnp-50 h6,
.color-white-trnp-50 .h1,
.color-white-trnp-50 .h2,
.color-white-trnp-50 .h3,
.color-white-trnp-50 .h4,
.color-white-trnp-50 .h5,
.color-white-trnp-50 .h6,
.color-white-trnp-50 a:not(.link-white) {
color: rgba(255,255,255,0.8)!important;
}
.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 .h1,
.color-accent .h2,
.color-accent .h3,
.color-accent .h4,
.color-accent .h5,
.color-accent .h6,
.color-accent a:not(.link-white) {
color: var(--accentColor);
}
.color-second,
.color-second p,
.color-second i,
.color-second h1,
.color-second h2,
.color-second h3,
.color-second h4,
.color-second h5,
.color-second h6,
.color-second .h1,
.color-second.h2,
.color-second .h3,
.color-second .h4,
.color-second .h5,
.color-second .h6,
.color-second a:not(.link-white) {
color: var(--secondColor);
}
.color-success,
.color-success p,
.color-success i,
.color-success h1,
.color-success h2,
.color-success h3,
.color-success h4,
.color-success h5,
.color-success h6,
.color-success .h1,
.color-success .h2,
.color-success .h3,
.color-success .h4,
.color-success .h5,
.color-success .h6,
.color-success a:not(.link-white) {
color: rgb(157,213,93);
}
.color-alert,
.color-alert p,
.color-alert i,
.color-alert h1,
.color-alert h2,
.color-alert h3,
.color-alert h4,
.color-alert h5,
.color-alert h6,
.color-alert .h1,
.color-alert .h2,
.color-alert .h3,
.color-alert .h4,
.color-alert .h5,
.color-alert .h6,
.color-alert a:not(.link-white) {
color: rgb(247,80,90);
}
.color-warning,
.color-warning p,
.color-warning i,
.color-warning h1,
.color-warning h2,
.color-warning h3,
.color-warning h4,
.color-warning h5,
.color-warning h6,
.color-warning .h1,
.color-warning .h2,
.color-warning .h3,
.color-warning .h4,
.color-warning .h5,
.color-warning .h6,
.color-warning a:not(.link-white) {
color: rgb(240,138,36);
}
.color-info,
.color-info p,
.color-info i,
.color-info h1,
.color-info h2,
.color-info h3,
.color-info h4,
.color-info h5,
.color-info h6,
.color-info .h1,
.color-info .h2,
.color-info .h3,
.color-info .h4,
.color-info .h5,
.color-info .h6,
.color-info a:not(.link-white) {
color: rgb(160,211,232);
}
/* =============================================================================
* text color classes
* ========================================================================== */
.txt-color-accent,
.txt-color-accent p,
.txt-color-accent i,
.txt-color-accent a,
.txt-color-accent h1,
.txt-color-accent h2,
.txt-color-accent h3,
.txt-color-accent h4,
.txt-color-accent h5,
.txt-color-accent h6,
.txt-color-accent .h1,
.txt-color-accent .h2,
.txt-color-accent .h3,
.txt-color-accent .h4,
.txt-color-accent .h5,
.txt-color-accent .h6,
.txt-color-accent .h1 p,
.txt-color-accent .h2 p,
.txt-color-accent .h3 p,
.txt-color-accent .h4 p,
.txt-color-accent .h5 p,
.txt-color-accent .h6 p,
.txt-color-accent.h1,
.txt-color-accent.h2,
.txt-color-accent.h3,
.txt-color-accent.h4,
.txt-color-accent.h5,
.txt-color-accent.h6,
.txt-color-accent.h1 p,
.txt-color-accent.h2 p,
.txt-color-accent.h3 p,
.txt-color-accent.h4 p,
.txt-color-accent.h5 p,
.txt-color-accent.h6 p {
color: var(--accentColor);
}
.txt-color-second,
.txt-color-second p,
.txt-color-second i,
.txt-color-second a,
.txt-color-second h1,
.txt-color-second h2,
.txt-color-second h3,
.txt-color-second h4,
.txt-color-second h5,
.txt-color-second h6,
.txt-color-second .h1,
.txt-color-second .h2,
.txt-color-second .h3,
.txt-color-second .h4,
.txt-color-second .h5,
.txt-color-second .h6,
.txt-color-second .h1 p,
.txt-color-second .h2 p,
.txt-color-second .h3 p,
.txt-color-second .h4 p,
.txt-color-second .h5 p,
.txt-color-second .h6 p,
.txt-color-second.h1,
.txt-color-second.h2,
.txt-color-second.h3,
.txt-color-second.h4,
.txt-color-second.h5,
.txt-color-second.h6,
.txt-color-second.h1 p,
.txt-color-second.h2 p,
.txt-color-second.h3 p,
.txt-color-second.h4 p,
.txt-color-second.h5 p,
.txt-color-second.h6 p {
color: var(--secondColor);
}
.txt-color-gray,
.txt-color-gray p,
.txt-color-gray i,
.txt-color-gray a,
.txt-color-gray h1,
.txt-color-gray h2,
.txt-color-gray h3,
.txt-color-gray h4,
.txt-color-gray h5,
.txt-color-gray h6,
.txt-color-gray .h1,
.txt-color-gray .h2,
.txt-color-gray .h3,
.txt-color-gray .h4,
.txt-color-gray .h5,
.txt-color-gray .h6,
.txt-color-gray .h1 p,
.txt-color-gray .h2 p,
.txt-color-gray .h3 p,
.txt-color-gray .h4 p,
.txt-color-gray .h5 p,
.txt-color-gray .h6 p,
.txt-color-gray.h1,
.txt-color-gray.h2,
.txt-color-gray.h3,
.txt-color-gray.h4,
.txt-color-gray.h5,
.txt-color-gray.h6,
.txt-color-gray.h1 p,
.txt-color-gray.h2 p,
.txt-color-gray.h3 p,
.txt-color-gray.h4 p,
.txt-color-gray.h5 p,
.txt-color-gray.h6 p {
color: rgb(127,127,127);
}
.txt-color-white,
.txt-color-white p,
.txt-color-white i,
.txt-color-white a,
.txt-color-white h1,
.txt-color-white h2,
.txt-color-white h3,
.txt-color-white h4,
.txt-color-white h5,
.txt-color-white h6,
.txt-color-white .h1,
.txt-color-white .h2,
.txt-color-white .h3,
.txt-color-white .h4,
.txt-color-white .h5,
.txt-color-white .h6,
.txt-color-white .h1 p,
.txt-color-white .h2 p,
.txt-color-white .h3 p,
.txt-color-white .h4 p,
.txt-color-white .h5 p,
.txt-color-white .h6 p,
.txt-color-white.h1,
.txt-color-white.h2,
.txt-color-white.h3,
.txt-color-white.h4,
.txt-color-white.h5,
.txt-color-white.h6,
.txt-color-white.h1 p,
.txt-color-white.h2 p,
.txt-color-white.h3 p,
.txt-color-white.h4 p,
.txt-color-white.h5 p,
.txt-color-white.h6 p {
color: rgb(255,255,255);
}
/* =============================================================================
* align helper classes
* ========================================================================== */
.align-center, .align-center * {
text-align: center !important;
}
.align-right, .align-right * {
text-align: right !important;
}
.align-left, .align-left * {
text-align: left !important;
}
.align-centered {
margin-left: auto;
margin-right: auto;
}
.align-centered.autogrid {
float: none;
}
.h-align-left {
text-align: left;
}
.h-align-center {
text-align: center;
}
.h-align-right {
text-align: right;
}
/* =============================================================================
* device visibility classes
* ========================================================================== */
.hidden {
display: none;
}
.only_mobile,
.only-mobile {
display: none!important;
}
@media only screen and (min-width : 768px) {
.hide_desktop,
.hide-desktop {
display: none!important;
}
}
/* =============================================================================
* device visibility classes themesettings extension
* ========================================================================== */
body.viewport_tablet .vis-desktop,
body.viewport_mobile .vis-desktop {
display: none!important;
}
body.viewport_desktop .vis-mobile,
body.viewport_tablet .vis-mobile {
display: none!important;
}
body.viewport_desktop .vis-tablet,
body.viewport_mobile .vis-tablet {
display: none!important;
}
body.viewport_tablet .vis-desktop-mobile {
display: none!important;
}
body.viewport_mobile .vis-desktop-tablet {
display: none!important;
}
body.viewport_desktop .vis-mobile-tablet {
display: none!important;
}
/* =============================================================================
* labels
* ========================================================================== */
[class*='label-'] {
font-weight: bold;
color: #fff;
border-radius: 3px;
font-size: 12px;
padding: 0px 10px;
display: inline-block;
}
.label-accent {
background: var(--accentColor);
}
.label-secondary {
background: rgb(231,231,231);
color: rgb(51,51,51);
}
.label-success {
background: rgb(157,213,93);
}
.label-alert {
background: rgb(247,80,90);
}
.label-warning {
background: rgb(240,138,36);
}
.label-info {
background: rgb(160,211,232);
color: rgb(51,51,51);
}
/* =============================================================================
* letter spacing
* ========================================================================== */
.letter-spacing-xxl {
letter-spacing: 10px;
}
.letter-spacing-xl {
letter-spacing: 5px;
}
.letter-spacing-l {
letter-spacing: 3px;
}
.letter-spacing-m {
letter-spacing: 2px;
}
.letter-spacing-s {
letter-spacing: 1px;
}
/* =============================================================================
* utility classes text
* ========================================================================== */
.line-through {
text-decoration: line-through;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.medium-width {
max-width: 600px;
}
.medium-small {
max-width: 400px;
}
.medium-width-center {
max-width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.small-width-center {
max-width: 400px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
span.highlight {
background: rgb(51,51,51);
color: #fff;
padding-left: 3px;
padding-right: 3px;
}
span.serif {
font-family: Georgia, Times, serif;
}
span.no-serif {
font-family: Arial, Verdana, sans-serif;
}
.no-underline,
.no-underline a {
text-decoration: none;
}
.stroke-accent {
stroke: var(--accentColor)
}
.stroke-second {
stroke: var(--secondColor)
}
.fill-accent {
fill: var(--accentColor)
}
.fill-second {
fill: var(--secondColor)
}
span.color-accent {
color: var(--accentColor);
}
/* =============================================================================
* sup
* ========================================================================== */
sup {
font-family: Verdana, Arial, sans-serif;
font-size: 0.5em;
}
/* =============================================================================
* misc utility classes
* ========================================================================== */
.float-right {
float: right;
}
.float-left {
float: left;
}
.inline-block {
display: inline-block;
}
.hide {
display: none;
}
.overflow-hidden,
.overflow_hidden {
overflow: hidden!important;
}
.overflow-visible,
.overflow_visible {
overflow: visible;
}
.fullwith-image img,
.fullwidth-image img {
width: 100%!important;
}
.z_index1 {
z-index: 1!important;
}
.z_index5 {
z-index: 5!important;
}
.z_index10 {
z-index: 10!important;
}
.z_index20 {
z-index: 20!important;
}
.z_index30 {
z-index: 30!important;
}
.z_index40 {
z-index: 40!important;
}
.z_index50 {
z-index: 50!important;
}
.z_index60 {
z-index: 60!important;
}
.z_index70 {
z-index: 70!important;
}
.z_index80 {
z-index: 80!important;
}
.z_index90 {
z-index: 90!important;
}
.z_index100 {
z-index: 100!important;
}
body.hide-breadcrumb #breadcrumb {
display: none;
}
/* =============================================================================
* border-radius
* ========================================================================== */
.border-radius-3 {
border-radius: 3px;
}
.border-radius-5 {
border-radius: 5px;
}
.border-radius-10 {
border-radius: 10px;
}
.border-radius-50 {
border-radius: 50px;
}
.border-radius-100 {
border-radius: 100%;
}
/* =============================================================================
* text-shadow
* ========================================================================== */
.text-shadow-10 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.1);
}
.text-shadow-20 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
}
.text-shadow-30 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);
}
.text-shadow-40 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.4);
}
.text-shadow-50 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
}
.text-shadow-60 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.6);
}
.text-shadow-70 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.7);
}
.text-shadow-80 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.8);
}
.text-shadow-90 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.9);
}
.text-shadow-100 {
text-shadow: 1px 1px 2px rgba(0,0,0, 1);
}
/* =============================================================================
* shadow
* ========================================================================== */
.shadow_style1 {
box-shadow: 0px 22px 14px -7px rgba(0,0,0,0.04);
}
.shadow_style2 {
box-shadow: 9px 9px 42px #f0f0f0, -9px -9px 42px #ffffff;
border-radius: 35px;
}
/* =============================================================================
* body
* ========================================================================== */
body {
overflow-x: hidden;
background-repeat: repeat;
}
/* =============================================================================
* link colors
* ========================================================================== */
a {
color: #555;
text-decoration: none;
}
p a {
color: var(--accentColor);
}
/* =============================================================================
* sidebar
* ========================================================================== */
body.sidebar #container {
display: flex;
}
body.sidebar .inside .container {
padding-left: 0;
padding-right: 0;
}
body.sidebar #main {
flex: 50%;
overflow: visible;
}
body.sidebar #left {
flex: 25%;
position: relative;
overflow: visible;
}
body.sidebar #right {
flex: 25%;
position: relative;
overflow: visible;
}
/* =============================================================================
* sidebar left
* ========================================================================== */
body.sidebar.left #main {
flex: 75%;
border-left: 1px solid rgb(229,229,229);
order: 2;
}
body.sidebar.left #left {
flex: 25%;
order: 1;
}
body.sidebar.left #main > .inside {
padding-left: 40px;
}
body.sidebar.left #left > .inside {
margin-right: 40px;
}
/* =============================================================================
* sidebar right
* ========================================================================== */
body.sidebar.right #main {
flex: 0 0 75%;
border-right: 1px solid rgb(229,229,229);
order: 1;
}
body.sidebar.right #right {
flex: 0 0 25%;
order: 2;
}
body.sidebar.right #main > .inside {
padding-right: 40px;
}
body.sidebar.right #right > .inside {
margin-left: 40px;
}
/* =============================================================================
* sidebar both
* ========================================================================== */
body.sidebar.both #main {
flex: 0 0 60%;
border-left: 1px solid rgb(229,229,229);
border-right: 1px solid rgb(229,229,229);
order: 2;
}
body.sidebar.both #right {
flex: 0 0 20%;
order: 3;
}
body.sidebar.both #left {
flex: 0 0 20%;
order: 1;
}
body.sidebar.both #main > .inside {
padding-right: 40px;
padding-left: 40px;
}
body.sidebar.both #left > .inside {
margin-right: 40px;
}
body.sidebar.both #right > .inside {
margin-left: 40px;
}
/* =============================================================================
* mainmenu
* ========================================================================== */
.mainmenu {
overflow: visible !important;
float: right;
}
.mainmenu .mod_article {
float: right;
}
.mainmenu ul {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
text-align: right;
}
.mainmenu ul ul {
width: auto;
display: none;
white-space: nowrap;
border-radius: 0;
padding: 10px;
position: absolute;
top: 100%;
margin-left: 0;
background: #fff;
box-shadow: 1px 8px 15px rgba(0,0,0,0.1);
}
.mainmenu ul ul ul {
border-top: 0;
margin-top: 0;
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.mainmenu ul:after {
content: "";
clear: both;
display: block;
}
.mainmenu ul li {
display: inline-block;
text-align: left;
list-style-type: none;
z-index: 10;
}
.mainmenu ul li {
position: relative;
}
.mainmenu ul li:last-of-type a {
padding-right: 0;
}
.mainmenu ul li:hover > ul {
display: block;
}
.mainmenu ul li a {
display: block;
text-decoration: none;
position: relative;
line-height: 1em;
min-height: inherit;
text-align: center;
font-size: 1rem;
text-transform: uppercase;
float: none;
padding: 0 15px;
line-height: inherit;
font-weight: bold;
color: #696969;
transition: color 0.3s ease, opacity 0.3s ease;
-webkit-transition: color 0.3s ease, opacity 0.3s ease;
}
.mainmenu ul li a.trail,
.mainmenu ul li a.active {
color: rgb(152,152,152);
}
.mainmenu ul li a i {
margin-right: 5px;
display: none;
}
.mainmenu ul li a i {
display: inline-block;
width: 20px;
}
.mainmenu ul ul li.open-left ul {
left: auto;
right: 100%!important;
}
.mainmenu ul ul li.last ul {
right: inherit;
}
.mainmenu ul ul li {
float: none;
position: relative;
line-height: 32px;
min-height: 0;
display: block;
}
.mainmenu ul ul li a {
text-transform: none;
text-align: left;
border: 0;
padding: 0 1.5rem !important;
line-height: 32px!important;
color: #393939;
font-size: 0.9rem;
letter-spacing: 0;
font-weight: normal;
}
.mainmenu ul ul li a.last {
border-bottom: 0;
}
.mainmenu ul ul li a.submenu:after {
font-family: "FontAwesome";
content: "\f105";
position: absolute;
right: 8px;
background: none!important;
}
.mainmenu ul ul ul {
position: absolute;
left: 100%;
top: 0;
}
.header .mainmenu ul.level_1 li span.ribbon {
position: absolute;
line-height: 18px;
font-size: 0.7rem;
font-weight: bold;
margin-left: 5px;
color: #fff;
border-radius: 2px;
top: -4px;
padding-left: 3px;
padding-right: 3px;
transform: translateX(-5px);
background: var(--accentColor);
}
.header .mainmenu ul.level_2 li span.ribbon {
position: relative;
top: -4px;
transform: translateX(0);
}
.header .mainmenu ul.level_1 li span.ribbon:before {
display: none;
}
.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,
.mod_pct_megamenu .mod_navigation a.active {
color: var(--accentColor);
}
/* =============================================================================
* mainmenu click_open
* ========================================================================== */
.mainmenu ul li.click_open ul {
display: none;
animation: none;
}
.mainmenu ul li.click_open ul.active {
display: block;
}
/* =============================================================================
* hide error pages from menu
* ========================================================================== */
.mod_navigation .error_401,
.mod_navigation .error_403,
.mod_navigation .error_404 {
display: none;
}
/* =============================================================================
* mod_pct_megamenu
* ========================================================================== */
.mod_pct_megamenu {
position: absolute;
top: 100px;
left: 0;
right: 0;
z-index: 10000;
background: rgb(255,255,255);
max-width: 1160px;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
body.fixed-header .mod_pct_megamenu {
position: fixed;
}
.mod_pct_megamenu.active {
display: block;
}
.mod_pct_megamenu:not(active) {
display: none;
}
.mod_pct_megamenu .item {
-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;
display: none;
}
.mod_pct_megamenu .item.active {
box-shadow: 0 0 15px 10px rgba(0,0,0,0.03);
display: block;
}
nav.mainmenu .pct_megamenu ul {
display: none!important;
}
/* =============================================================================
* mod_pct_megamenu mod_navigation
* ========================================================================== */
.mod_pct_megamenu .mod_navigation a {
position: relative;
font-size: 0.9rem;
}
.mod_pct_megamenu .mod_navigation a:before {
position: absolute;
content: '';
height: 1px;
background: rgb(0,0,0);
bottom: 0;
width: 100%;
left: 0;
transform: scaleX(0);
transition: transform 0.3s ease-in-out;
}
.mod_pct_megamenu .mod_navigation a:hover:before,
.mod_pct_megamenu .mod_navigation a.active:before {
transform: scaleX(1);
}
.mod_pct_megamenu .mod_navigation a.active:before {
background-color: var(--accentColor);
}
.mod_pct_megamenu .mod_navigation a.hasIcon i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
text-align: center;
}
.mod_pct_megamenu .mod_navigation a.hasIcon {
padding-left: 25px;
}
/* =============================================================================
* mainmenu menuheader
* ========================================================================== */
nav.mainmenu a.menuheader {
font-weight: bold;
font-size: 1.1rem;
}
/* =============================================================================
* submenu sidebar
* ========================================================================== */
.subnav {
margin-top: 40px;
}
.subnav a {
display: block;
padding: 10px 10px 10px 40px;
margin-bottom: 4px;
color: var(--accentColor);
border-radius: 3px;
-webkit-transition: All 0.1s ease;
transition: All 0.1s ease;
}
.subnav i {
margin-right: 10px;
display: none;
}
.subnav a.menuheader {
background: none!important;
border-bottom: 1px solid rgb(229,229,229);
border-radius: 0;
}
.subnav i {
display: inline-block;
width: 20px;
margin-left: -30px;
}
.subnav li ul li {
border: 0;
}
.subnav ul ul li {
padding: 0;
}
.subnav a:hover, .subnav a.active {
background: rgb(248,248,248);
}
.subnav ul li.active > ul, .subnav ul li.trail > ul {
display: block;
}
.subnav ul ul a {
padding-left: 60px;
}
.subnav ul ul {
display: none;
}
.subnav ul ul ul {
display: none;
}
.subnav ul ul ul ul {
display: none;
}
/* =============================================================================
* mmenu-trigger
* ========================================================================== */
.mmenu_trigger {
display: none;
}
.mmenu_trigger .label {
margin-right: 8px;
cursor: pointer;
}
.mmenu_trigger .burger {
height: 21px;
width: 21px;
position: relative;
font-size: 7px;
cursor: pointer;
transition: .2s all;
}
.mmenu_trigger .burger .burger_lines:after {
left: 0;
top: -15px;
}
.mmenu_trigger .burger .burger_lines:before {
left: 1em;
top: 15px;
}
.mmenu_trigger .burger:after {
content: '';
display: block;
position: absolute;
height: 150%;
width: 150%;
top: -25%;
left: -25%;
}
.mmenu_trigger .burger .burger_lines {
top: 50%;
margin-top: -1px;
}
.mmenu_trigger .burger .burger_lines,
.mmenu_trigger .burger .burger_lines:after,
.mmenu_trigger .burger .burger_lines:before {
pointer-events: none;
display: block;
content: '';
width: 100%;
border-radius: 10px;
background: var(--accentColor);
height: 2px;
position: absolute;
transform: rotate(0);
}
.mmenu_trigger .burger .burger_lines:after {
left: 0;
top: -7px;
}
.mmenu_trigger .burger .burger_lines:before {
left: 0;
top: 7px;
}
.mmenu_trigger .burger.style2 .burger_lines:before,
.mmenu_trigger .burger.style2 .burger_lines:after {
width: 2em;
}
/* open transform */
.mmenu_trigger .burger.transform .burger_lines,
.mmenu_trigger .burger.transform .burger_lines:after,
.mmenu_trigger .burger.transform .burger_lines:before {
transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
}
.mmenu_trigger .burger.transform.open .burger_lines,
.mmenu_trigger .burger.transform.open .burger_lines:after,
.mmenu_trigger .burger.transform.open .burger_lines:before {
transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
}
.mmenu_trigger .burger.transform.open .burger_lines {
background-color: transparent;
}
.mmenu_trigger .burger.transform.open .burger_lines:before,
.mmenu_trigger .burger.transform.open .burger_lines:after {
left: 0;
top: 0px;
}
.mmenu_trigger .burger.transform.open .burger_lines:before {
transform: rotate(-45deg);
}
.mmenu_trigger .burger.transform.open .burger_lines:after {
transform: rotate(45deg);
}
/* open rotate */
.mmenu_trigger .burger.rotate .burger_lines,
.mmenu_trigger .burger.rotate .burger_lines:after,
.mmenu_trigger .burger.rotate .burger_lines:before {
transition: all .2s;
}
.mmenu_trigger .burger.rotate.open {
transform: rotate(180deg);
}
.mmenu_trigger .burger.rotate.open .burger_lines {
background-color: transparent;
}
.mmenu_trigger .burger.rotate.open .burger_lines:before,
.mmenu_trigger .burger.rotate.open .burger_lines:after {
left: 0;
top: 0px;
}
.mmenu_trigger .burger.rotate.open .burger_lines:before {
transform: rotate(135deg);
}
.mmenu_trigger .burger.rotate.open .burger_lines:after {
transform: rotate(-135deg);
}
/* =============================================================================
* mmenu
* ========================================================================== */
#mmenu {
left: 0px;
right: 0px;
height: calc(100% - 70px);
position: fixed;
top: 70px;
z-index: 1000;
min-width: 80%;
transform: translateY(calc(-100% - 55px));
transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
background: rgb(255,255,255);
}
body.mmenu_open #mmenu {
transform: translate(0)!important;
}
#mmenu .scrollable {
height: calc(100% - 50px);
overflow-y: auto;
}
#mmenu #mmenu_top {
padding: 20px;
background: rgb(255,255,255);
overflow: visible;
position: relative;
}
#mmenu #mmenu_middle {
padding: 0 20px 20px 20px;
background: rgb(255,255,255);
}
#mmenu #mmenu_bottom {
background: rgb(255,255,255);
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
padding: 5px 20px 10px 20px;
}
/* arrow */
#mmenu .mod_navigation li.submenu {
position: relative;
}
#mmenu .mod_navigation li.submenu .opener {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 34px;
z-index: 10;
}
#mmenu .mod_navigation li.submenu a {
z-index: 5;
}
#mmenu .mod_navigation li a.submenu:after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 10px;
top: 3px;
margin-left: 15px;
transition-duration: 0.3s;
transition-property: transform;
}
#mmenu .mod_navigation.mobile_vertical li a.submenu.open:after {
transform:rotate(180deg);
}
#mmenu .mod_navigation.mobile_horizontal li a.submenu.open:after {
transform:rotate(180deg);
}
#mmenu .mod_navigation.mobile_horizontal li a.submenu:after {
transform:rotate(-90deg);
}
#mmenu .mod_navigation.mobile_horizontal li a.submenu.open:after {
transform:rotate(90deg);
float: left;
margin-left: 0;
}
#mmenu .mod_navigation.mobile_horizontal li a.submenu.open {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding-bottom: 10px;
margin-bottom: 10px;
}
#mmenu .mod_navigation.mobile_horizontal .level_2 li a.submenu.open {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
#mmenu .mod_navigation.mobile_horizontal .level_2 li a.submenu.open:after {
transform:rotate(90deg);
}
#mmenu li i {
margin-right: 10px;
}
/* socials */
#mmenu .mod_socials {
margin-right: 20px;
}
#mmenu .mod_socials a i {
line-height: 17px;
padding: 5px;
margin-right: 1px;
background: rgba(0,0,0,0.05);
font-size: 17px;
display: inline-block;
height: 27px;
width: 27px;
text-align: center;
margin-bottom: 1px;
border-radius: 100%;
}
/* langswitch */
#mmenu .mod_langswitcher {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
margin: 0;
text-align: right;
}
#mmenu .mod_langswitcher .mod_langswitcher_inside:before {
border-color: rgb(51, 51, 51);
}
/* search */
#mmenu .mod_search {
width: 75%;
}
#mmenu .mod_search input {
border-radius: 5px;
background: rgba(255,255,255,0.2);
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMy43MDZweCIgaGVpZ2h0PSIzMy43MDZweCIgdmlld0JveD0iMCAwIDMzLjcwNiAzMy43MDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzLjcwNiAzMy43MDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIG9wYWNpdHk9IjAuOCI+PHBhdGggZmlsbD0iIzkzOTM5MyIgZD0iTTE3Ljc1NSwwLjk0NUMxNi4yMDksMC4zMTgsMTQuNTc2LDAsMTIuOSwwYy0xLjY3NSwwLTMuMzA4LDAuMzE4LTQuODU0LDAuOTQ1QzYuNDQ1LDEuNTk0LDUuMDEsMi41NDcsMy43NzgsMy43NzhDMi41NDcsNS4wMSwxLjU5NCw2LjQ0NSwwLjk0NCw4LjA0N0MwLjMxOCw5LjU5MywwLDExLjIyNiwwLDEyLjljMCwxLjY3NiwwLjMxOCwzLjMwOSwwLjk0NCw0Ljg1NGMwLjY0OSwxLjYwMSwxLjYwMywzLjAzNywyLjgzNCw0LjI2OWMxLjIzMSwxLjIzLDIuNjY3LDIuMTg2LDQuMjY5LDIuODM0YzEuNTQ2LDAuNjI3LDMuMTc5LDAuOTQ0LDQuODU0LDAuOTQ0YzEuNjc2LDAsMy4zMDktMC4zMTcsNC44NTQtMC45NDRjMS42MDItMC42NDgsMy4wMzctMS42MDQsNC4yNy0yLjgzNGMxLjIyOS0xLjIzLDIuMTg1LTIuNjY4LDIuODM0LTQuMjY5YzAuNjI1LTEuNTQ2LDAuOTQzLTMuMTc5LDAuOTQzLTQuODU0YzAtMS42NzUtMC4zMTgtMy4zMDgtMC45NDMtNC44NTRjLTAuNjQ5LTEuNjAyLTEuNjA0LTMuMDM3LTIuODM0LTQuMjY5QzIwLjc5MiwyLjU0NywxOS4zNTQsMS41OTQsMTcuNzU1LDAuOTQ1eiBNMjAuNjU4LDIwLjY1OGMtNC4yNzcsNC4yNzYtMTEuMjM3LDQuMjc2LTE1LjUxNSwwYy00LjI3OC00LjI3Ny00LjI3Ny0xMS4yMzcsMC0xNS41MTVzMTEuMjM3LTQuMjc3LDE1LjUxNSwwUzI0LjkzNywxNi4zODEsMjAuNjU4LDIwLjY1OHoiLz48cmVjdCB4PSIyNi45NTIiIHk9IjIwLjY5NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTEuNTYzOCAyNy45MTc1KSIgZmlsbD0iIzkzOTM5MyIgd2lkdGg9IjEuOTMxIiBoZWlnaHQ9IjE0LjQ0MiIvPjwvZz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: 93% center;
background-size: 20px;
padding: 5px 50px 5px 20px;
height: 36px!important;
margin-bottom: 0;
}
#mmenu .mod_search .widget {
width: 100%!important;
margin-bottom: 0;
height: auto!important;
}
#mmenu .mod_search .submit {
display: none;
}
#mmenu .mod_search .label,
#mmenu .mod_search .close-window {
display: none;
}
/* mmenu mod_navigation */
#mmenu .mod_navigation li a {
display: block;
padding: 4px 40px 4px 0;
}
#mmenu .mod_navigation li a.open,
#mmenu .mod_navigation li a.active,
#mmenu .mod_navigation li a:focus {
font-weight: bold;
}
/* mobile_horizontal */
#mmenu nav.mobile_horizontal {
display: none;
}
#mmenu nav.mobile_horizontal li.hidden {
display: none !important;
}
#mmenu nav.mobile_horizontal ul ul li {
display: none;
}
#mmenu nav.mobile_horizontal li.open > ul > li {
display: block;
}
#mmenu nav.mobile_horizontal li.open > a {
font-weight: bold;
}
/* mobile_vertical */
#mmenu nav.mobile_vertical ul > li > ul {
display: none;
}
#mmenu nav.mobile_vertical ul > li.open > ul {
display: block;
}
#mmenu nav.mobile_vertical ul ul {
padding-left: 15px;
}
/* .mod_mmenu_custom_nav */
#mmenu .mod_mmenu_custom_nav a {
display: inline-block;
margin-right: 8px;
}
/* mmenu_overlay */
.mmenu_overlay {
content: '';
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.7);
display: none;
}
/* mmenu onepagenav */
@media only screen and (max-width: 767px) {
.onepage_page .header .mod_navigation.onepagenav {
display: none!important;
}
}
/* =============================================================================
* back hyperlink
* ========================================================================== */
.back a:before {
font-family: "FontAwesome";
content: '\f100';
margin-right: 5px;
}
/* =============================================================================
* code + abbr
* ========================================================================== */
code, pre, .txt-white pre {
font-family: monospace;
background: #FFFFE0;
color: rgb(76,76,76)!important;
display: inline-block;
padding: 10px;
margin-bottom: 10px;
}
abbr {
background: #efefef;
border-bottom: 1px dashed;
cursor: pointer;
}
/* =============================================================================
* pagination
* ========================================================================== */
.pagination {
clear: both;
}
.pagination ul {
padding: 0;
float: left;
}
.pagination p {
float: right;
}
.pagination li {
background: none;
padding: 0;
margin: 0;
float: left;
list-style-type: none;
}
.pagination li:before, .pagination li a:before {
content: '';
}
.pagination li a, .pagination li span {
background: none;
display: block;
margin-right: 1px;
color: inherit;
text-decoration: none;
padding: 3px 10px;
}
.pagination li span.current {
background: var(--accentColor);
color: white;
border-radius: 2px;
}
.pagination li a:hover {
color: var(--accentColor);
}
.pagination-white .pagination,
.pagination-white .pagination a {
color: rgb(255,255,255);
}
/* =============================================================================
* image_container
* ========================================================================== */
.image_container {
position: relative;
padding: 0;
line-height: 0;
}
.image_container a {
line-height: 0;
}
.image_container .caption {
background: rgba(0,0,0,0.7);
color: #fff;
padding: 8px 12px;
font-size: 0.8667rem;
border-radius: 3px;
line-height: 1.3;
display: inline-block;
margin-top: 5px;
}
.image_container .caption h1,
.image_container .caption h2,
.image_container .caption h3,
.image_container .caption h4,
.image_container .caption h5,
.image_container .caption h6 {
color: rgb(255,255,255);
margin: 0;
}
.image_container.float_right, .image_container.float_left {
float: right;
width: 45%;
padding: 0;
margin-bottom: 3%;
}
.image_container.float_right {
margin-left: 5%;
}
.image_container.float_left {
margin-right: 5%;
float: left;
}
.image_container img {
display: block;
height: auto;
max-width: 100%;
width: 100%;
}
.no-responsive .image_container img,
.no-responsive.image_container img {
width: auto;
max-width: none;
display: inline-block;
}
.no-responsive .image_container.float_right, .no-responsive .image_container.float_left {
width: auto;
margin: 0;
}
.border .image_container img {
border: 1px solid rgb(229,229,229);
}
/* =============================================================================
* ce_image
* ========================================================================== */
.ce_image .image_container img {
width: auto;
}
.ce_image.h-align-center img,
.ce_image.h-align-right img {
display: inline-block;
}
.ce_image.border-gray-1px img {
border: 1px solid rgb(220,220,220);
}
.ce_image.border-gray-5px img {
border: 5px solid rgb(220,220,220);
}
.ce_image.border-gray-10px img {
border: 10px solid rgb(220,220,220);
}
.ce_image.border-white-1px img {
border: 1px solid rgb(255,255,255);
}
.ce_image.border-white-5px img {
border: 5px solid rgb(255,255,255);
}
.ce_image.border-white-10px img {
border: 10px solid rgb(255,255,255);
}
.ce_image.style-rounded img {
border-radius: 100%;
}
.ce_image.img-border-style-2 img {
border-radius: 65px 0 65px 0;
}
/* =============================================================================
* blockquote
* ========================================================================== */
blockquote {
border-left: 5px solid var(--accentColor);
padding-left: 25px;
}
blockquote p {
font-family: Georgia, Times, serif;
font-style: italic;
text-align: justify;
font-size: 1.1rem;
}
blockquote p:before {
content: '"';
text-indent: 0;
display: inline-block;
font-weight: bold;
width: 20px;
font-size: 2rem;
line-height: 1.1rem;
}
blockquote em {
font-size: 0.6em;
font-style: normal;
line-height: 1;
font-weight: bold;
}
blockquote a {
color: var(--accentColor);
}
/* =============================================================================
* social colors
* ========================================================================== */
.mod_socials i {
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
}
.mod_socials.color i.fa-facebook,
.mod_socials .social-FontAwesome.color i.fa-facebook,
.mod_socials i.fa-facebook:hover {
background: rgb(67,96,152)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-twitter,
.mod_socials .social-FontAwesome.color i.fa-twitter,
.mod_socials i.fa-twitter:hover {
background: #111418!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-xing,
.mod_socials .social-FontAwesome.color i.fa-xing,
.mod_socials i.fa-xing:hover {
background: rgb(0,93,94)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-tumblr,
.mod_socials .social-FontAwesome.color i.fa-tumblr,
.mod_socials i.fa-tumblr:hover {
background: rgb(45,73,102)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-google-plus,
.mod_socials .social-FontAwesome.color i.fa-google-plus,
.mod_socials i.fa-google-plus:hover {
background: rgb(217,82,50)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-flickr,
.mod_socials .social-FontAwesome.color i.fa-flickr,
.mod_socials i.fa-flickr:hover {
background: rgb(250,29,132)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-linkedin,
.mod_socials .social-FontAwesome.color i.fa-linkedin,
.mod_socials i.fa-linkedin:hover {
background: rgb(2,116,179)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-instagram,
.mod_socials .social-FontAwesome.color i.fa-instagram,
.mod_socials i.fa-instagram:hover {
background: rgb(167,124,98)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-pinterest,
.mod_socials .social-FontAwesome.color i.fa-pinterest,
.mod_socials i.fa-pinterest:hover {
background: rgb(205,33,40)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-vimeo-square,
.mod_socials .social-FontAwesome.color i.fa-vimeo-square,
.mod_socials i.fa-vimeo-square:hover {
background: rgb(52,192,238)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i.fa-youtube,
.mod_socials .social-FontAwesome.color i.fa-youtube,
.mod_socials i.fa-youtube:hover {
background: rgb(220,33,48)!important;
color: rgb(255,2552,255)!important;
}
.mod_socials.color i:hover,
.mod_socials .social-FontAwesome.color i:hover {
opacity: 0.7!important;
}
/* =============================================================================
* ce_table
* ========================================================================== */
.ce_table {
position: relative;
overflow: visible;
}
.ce_table table {
margin-bottom: 10px;
width: 99.9%;
text-align: center;
position: relative;
}
.ce_table table td {
border-top: solid 1px #E3E3E3;
padding: 12px;
text-align: left;
}
.ce_table table td p {
margin: 0;
}
.ce_table table th {
text-align: left;
padding: 12px;
color: rgb(255,255,255);
font-weight: bold;
background: var(--accentColor);
}
.ce_table table tfoot td {
color: rgb(152,152,152);
font-weight: bold;
}
.ce_table .table-striped td,
.ce_table.table-striped td {
border: 0;
background: rgba(200,200,200,0.2);
}
.ce_table .table-striped .odd td,
.ce_table.table-striped .odd td {
background: rgba(200,200,200,0.3);
}
.ce_table .table-striped-dark td,
.ce_table.table-striped-dark td {
border: 0;
background: rgb(51,51,51);
}
.ce_table .table-striped-dark .odd td,
.ce_table.table-striped-dark .odd td {
background: rgb(64,64,64);
}
.ce_table .table-striped-dark,
.ce_table.table-striped-dark {
color: rgb(255,255,255);
}
.ce_table.overflow {
overflow-x: auto;
}
body.ie .ce_table.overflow {
box-shadow: none;
}
.ce_table .table-clean td,
.ce_table.table-clean td {
padding: 25px;
font-size: 0.9rem;
vertical-align: top;
}
.ce_table .table-clean td.col_first,
.ce_table .table-clean th.col_first,
.ce_table.table-clean td.col_first,
.ce_table.table-clean th.col_first {
padding-left: 0;
}
.ce_table .table-clean th,
.ce_table.table-clean th {
background: none;
color: inherit;
border-bottom: 1px solid rgb(190,190,190);
padding: 25px;
}
.ce_table table a {
text-decoration: underline;
}
.ce_table.strict-responsive table {
white-space: normal;
}
/* =============================================================================
* dividers
* ========================================================================== */
hr.divider_1 {
padding: 0;
border: none;
border-top: 1px solid #ddd;
color: #ccc;
text-align: center;
height: 1px;
margin: 25px 0;
clear: both;
width: 100%;
float: left;
}
hr.divider_2 {
padding: 0;
border: none;
border-top: 3px double #ddd;
color: #ccc;
text-align: center;
height: 1px;
margin: 25px 0;
clear: both;
width: 100%;
float: left;
}
hr.divider_3 {
padding: 0;
border: none;
border-top: 1px solid #ddd;
color: #ccc;
text-align: center;
height: 1px;
margin: 25px 0;
position: relative;
clear: both;
width: 100%;
float: left;
}
hr.divider_3:before {
width: 20%;
height: 1px;
bottom: 0;
left: 50%;
position: absolute;
display: block;
content: '';
background: var(--accentColor);
margin-left: -10%;
}
.divider_4 {
display: block;
text-align: center;
clear: both;
}
.divider_4_first {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 3px;
border: 3px solid rgb(152,152,152);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.divider_4_second {
width: 4px;
height: 4px;
margin-top: 2px;
margin-left: 2px;
background-color: var(--accentColor);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.divider_4::after, .divider_4::before {
background-color: var(--accentColor);
display: inline-block !important;
vertical-align: middle;
content: "";
width: 70px;
height: 1px;
margin-top: -6px;
}
.divider_5 {
display: block;
text-align: center;
clear: both;
}
.divider_5 i {
font-size: 1.333rem;
padding-left: 10px;
padding-right: 10px;
color: var(--accentColor);
}
.divider_5:after, .divider_5:before {
background-color: rgb(152,152,152);
display: inline-block !important;
vertical-align: middle;
content: "";
width: 30%;
height: 1px;
margin-top: -6px;
}
/* =============================================================================
* comment_default
* ========================================================================== */
.comment_default {
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
}
/* =============================================================================
* lists
* ========================================================================== */
.ce_text ul,
.ce_list ul,
.ce_text ol,
.ce_list ol {
margin-bottom: 15px;
}
.ce_text li,
.ce_list li,
.ce_text ol,
.ce_list ol {
line-height: 1.5em;
}
.ce_text ul,
.ce_text ol,
.ce_list:not(.hasIcon) ul,
.ce_list:not(.hasIcon) ol {
padding-left: 25px;
}
.ce_text ul li,
.ce_list ul li {
list-style-type: disc;
list-style-position: outside;
position: relative;
margin-bottom: 4px;
}
.ce_text ol,
.ce_list:not(.hasIcon) ol {
list-style: decimal;
padding-left: 26px;
}
.ce_text ol ol,
.ce_list ol ol {
list-style: upper-alpha;
}
.ce_text ol ol ol,
.ce_list ol ol ol {
list-style: lower-roman;
}
/* =============================================================================
* lists w/font-icon
* ========================================================================== */
.ce_list.hasIcon ol li,
.ce_list.hasIcon ul li {
display: flex;
margin-bottom: 20px;
position: relative;
}
.ce_list.hasIcon ol li i,
.ce_list.hasIcon ul li i {
margin-right: 1em;
line-height: 1.5em;
}
.ce_list.hasIcon li i:after {
content: "";
width: 70px;
height: 1px;
background: rgba(0,0,0,.08);
position: absolute;
left: -26px;
bottom: -11px;
}
.color-white .ce_list.hasIcon li i:after {
background: rgba(255,255,255,0.5);
}
/* =============================================================================
* lists_v2
* ========================================================================== */
.ce_list.style2.hasIcon ol li,
.ce_list.style2.hasIcon ul li,
.ce_list.list-style2.hasIcon ol li,
.ce_list.list-style2.hasIcon ul li {
margin-bottom: 5px;
font-size: 1.3rem;
}
.ce_list.list-style2 li i:after,
.ce_list.style2 li i:after {
display: none;
}
.ce_list.list-style2 li.fa:before {
color: var(--accentColor);
}
/* =============================================================================
* lists_v3
* ========================================================================== */
.ce_list.style3.hasIcon ol li,
.ce_list.style3.hasIcon ul li,
.ce_list.list-style3.hasIcon ol li,
.ce_list.list-style3.hasIcon ul li {
margin-bottom: 20px;
font-size: 1.1rem;
}
.ce_list.list-style3 li i:after,
.ce_list.style3 li i:after {
display: none;
}
.ce_list.list-style3 li.fa:before {
color: var(--accentColor);
}
/* =============================================================================
* ce_contao_content_slider
* ========================================================================== */
.ce_sliderStart {
position: relative;
}
.slider-control a.slider-next:after {
content:"\f105";
font-family:FontAwesome;
right: 0px;
position: relative;
color: #fff;
font-size: 50px;
text-shadow: 0px 0px 1px rgb(102,102,102);
opacity: 0;
-webkit-transition: All 0.9s ease;
transition: All 0.9s ease;
}
.slider-control a.slider-prev:before {
content:"\f104";
font-family:FontAwesome;
color: #fff;
left: 0px;
position: relative;
font-size: 50px;
text-shadow: 0px 0px 1px rgb(102,102,102);
opacity: 0;
-webkit-transition: All 0.9s ease;
transition: All 0.9s ease;
}
.slider-control a.slider-prev:active:before,
.slider-control a.slider-next:active:after {
top: 1px;
}
.ce_sliderStart:hover .slider-control a.slider-next:after {
opacity: 1;
right: 10px;
}
.ce_sliderStart:hover .slider-control a.slider-prev:before {
opacity: 1;
left: 10px;
}
.ce_sliderStart .slider-control .slider-menu {
bottom: 0;
top: auto;
font-size: 0;
line-height: 40px;
}
.ce_sliderStart .slider-control a {
top: 50%;
color: transparent !important;
line-height: 50px;
margin-top: -51px;
}
.ce_sliderStart .slider-control {
height: 50px;
position: static;
}
.ce_sliderStart .slider-control .slider-menu b {
width: 10px;
background: #fff;
display: inline-block;
text-indent: -9999em;
line-height: 6px;
font-family: Arial, sans-serif;
margin: 0 3px;
height: 10px;
border-radius: 100%;
border: 2px solid #fff;
box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);
cursor: pointer;
}
.ce_sliderStart .slider-control .slider-menu b.active {
background: rgba(0,0,0,0.1);
width: 12px;
height: 12px;
position: relative;
top: -1px;
}
.ce_sliderStart .slider-wrapper {
-webkit-transform:translate3d(0,0,0);
}
/* =============================================================================
* ce_contao_content_slider (in #slider section)
* ========================================================================== */
#slider .slider-wrapper,
#slider .ce_slidertext .table {
max-height: 700px;
}
#slider .slider-control a.slider-next:after,
#slider .slider-control a.slider-prev:before {
font-size: 90px;
}
#slider .slider-control {
background: #fff;
}
#slider .ce_slidertext .contentwrap {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 100%;
}
#slider .ce_slidertext .table {
display: table;
width: 100%;
height: 100%;
}
#slider .ce_slidertext .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
padding: 20px;
}
#slider .ce_slidertext h1,
#slider .ce_slidertext .h1 {
font-size: 65px;
}
#slider .ce_slidertext p {
font-size: 20px;
}
#slider .ce_slidertext p a {
margin-top: 20px;
}
/* =============================================================================
* content-swiper
* ========================================================================== */
.swiper-container.hide-arrows .swiper-button-next,
.swiper-container.hide-arrows .swiper-button-prev {
display: none!important;
}
.content-swiper .swiper-button-next,
.content-swiper .swiper-button-prev {
color: #333;
background: none;
}
.content-swiper .swiper-pagination-bullet-active {
background: #333;
}
/* =============================================================================
* content-accordion
* ========================================================================== */
.content-accordion .handorgel__header button.handorgel__header__button:hover {
border-left: 0;
border-right: 0;
border-bottom: 0;
border-top: 1px solid #eee;
}
/* =============================================================================
* content-description-list
* ========================================================================== */
.content-description-list {
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #f9f9f9;
}
.content-description-list dl {
margin: 0;
padding: 0;
}
.content-description-list dt {
font-weight: bold;
margin-bottom: 5px;
}
.content-description-list dd {
margin-left: 0;
margin-bottom: 10px;
}
/* =============================================================================
* ce_headline
* ========================================================================== */
.ce_headline.width-l {
max-width: 700px;
}
.ce_headline.width-m {
max-width: 500px;
}
.ce_headline.width-s {
max-width: 350px;
}
.ce_headline.h-align-center.width-l,
.ce_headline.h-align-center.width-m,
.ce_headline.h-align-center.width-s {
margin-left: auto;
margin-right: auto;
}
.ce_headline [class^="label"] {
position: relative;
top: -0.6em;
font-size: 0.6em;
padding: 1px 6px;
}
/* =============================================================================
* ce_text
* ========================================================================== */
.ce_text .image_container img {
width: auto;
}
.ce_text .image_container.float_right,
.ce_text .image_container.float_left {
width: auto;
}
.ce_text.width-l {
max-width: 700px;
}
.ce_text.width-m {
max-width: 500px;
}
.ce_text.width-s {
max-width: 350px;
}
.ce_text.h-align-center.width-l,
.ce_text.h-align-center.width-m,
.ce_text.h-align-center.width-s {
margin-left: auto;
margin-right: auto;
}
.ce_text.format-p-large p {
font-size: 1.3rem;
}
.ce_text.format-p-small p {
font-size: 0.9rem;
}
.ce_text.mb-0 p:last-of-type {
margin-bottom: 0;
}
/* =============================================================================
* ce_downloads
* ========================================================================== */
.ce_download img.mime_icon,
.ce_downloads img.mime_icon {
vertical-align:middle;
}
.ce_download a,
.ce_downloads a {
text-decoration:none;
}
.ce_downloads a span.size {
font-size: 0.8rem;
color: rgba(0,0,0,0.4);
text-decoration: none;
}
.ce_download a span.size {
color: rgba(255,255,255,0.5);
}
.ce_downloads li {
margin-bottom: 10px;
padding-bottom: 10px;
vertical-align: middle;
border-bottom: 1px solid #eee;
}
/* =============================================================================
* ce_downloads_box
* ========================================================================== */
.ce_downloads_box .ce_downloads_box_inside {
background: rgb(248,248,248);
padding: 30px;
font-size: 0.85rem;
}
.ce_downloads_box .ce_downloads_box_inside li {
border: 0;
padding-bottom: 5px;
margin-bottom: 5px;
}
.ce_downloads_box .ce_downloads_box_inside li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.ce_downloads_box .ce_downloads_box_inside li img {
margin-right: 4px;
}
.ce_downloads_box .ce_downloads_box_inside .size {
display: none;
}
/* =============================================================================
* ce_download
* ========================================================================== */
.ce_download:not(.ce_download_small) {
background: rgb(59,60,66);
color: #fff;
padding: 35px;
border-radius: 3px;
position: relative;
}
.ce_download h1,
.ce_download h2,
.ce_download h3,
.ce_download h4,
.ce_download h5,
.ce_download h6,
.ce_download a {
color: #fff;
}
.ce_download:after {
font-family: "FontAwesome";
content: "\f0ed";
position: absolute;
right: 35px;
top: 50%;
margin-top: -35px;
font-size: 70px;
color: rgba(255,255,255,0.1);
line-height: 70px;
}
.ce_download_small {
margin-bottom: 10px;
}
.ce_download_small .ce_download_small_inside a {
border: 1px solid var(--accentColor);
padding: 10px 15px;
position: relative;
display: block;
color: inherit;
}
.ce_download_small .ce_download_small_inside a:after {
font-family: "FontAwesome";
content: "\f0ed";
position: absolute;
right: 35px;
top: 50%;
margin-top: -35px;
font-size: 35px;
line-height: 70px;
opacity: 0.4;
color: var(--accentColor);
}
/* =============================================================================
* ce_dropcap
* ========================================================================== */
p.dropcap:first-letter,
.dropcap p:first-child:first-letter {
font-size: 4rem;
float: left;
margin-right: 7px;
line-height: 57px;
}
/* =============================================================================
* ce_comments
* ========================================================================== */
.ce_comments .widget {
margin-bottom: 10px;
}
/* =============================================================================
* ce_video_custom
* ========================================================================== */
.ce_video_custom,
.ce_youtube .ce_youtube_inner,
.ce_vimeo .ce_vimeo_inner {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.ce_video_custom iframe,
.ce_video_custom object,
.ce_video_custom embed,
.ce_youtube iframe,
.ce_youtube object,
.ce_youtube embed,
.ce_vimeo iframe,
.ce_vimeo object,
.ce_vimeo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ce_video_custom video,
.ce_youtube video,
.ce_vimeo video {
max-width: 100%;
height: auto;
max-height: 100%;
width: 100%;
}
/* =============================================================================
* ce_player
* ========================================================================== */
.ce_player video {
max-width: 100%;
height: auto;
max-height: 100%;
width: 100%!important;
}
/* =============================================================================
* video in lightbox/colorbox
* ========================================================================== */
#colorbox video {
max-width: 100%;
height: auto;
max-height: 100%;
width: 100%;
}
/* =============================================================================
* lightbox/colorbox
* ========================================================================== */
body #colorbox,body #cboxOverlay,body #cboxWrapper {
z-index: 99999;
}
/* =============================================================================
* ce_accordion
* ========================================================================== */
.ce_accordionStart {
position: relative;
}
.ce_accordion .accordion {
padding:20px;
border:0;
background:none;
}
.ce_accordion .accordion > div {
padding:0;
}
.ce_accordion .toggler {
line-height:30px;
font-weight:bold;
cursor:pointer;
margin-bottom: 6px;
}
.ce_accordion .toggler i.fa {
background: var(--accentColor);
}
.ce_accordionStart:last-of-type .toggler {
margin-bottom: 0;
}
.ce_accordion .toggler:hover {
color:rgb(76,76,76);
}
.ce_accordion .toggler:before {
width:25px;
height:25px;
float:right;
clear:both;
display:inline-block;
margin-left:15px;
padding:0;
text-align:center;
font:1.3em/28px FontAwesome;
font-weight:normal;
color:var(--accentColor);
content:"\f107";
}
.ce_accordion .toggler.ui-state-active:before {
font-family:FontAwesome;
content:"\f106";
}
.ce_accordionSingle {
margin-bottom: 1px;
}
/* =============================================================================
* ce_accordion_v2
* ========================================================================== */
.ce_accordion_v2,
.ce_accordion.style2 {
margin-bottom: 10px;
overflow: visible;
border: 0;
}
.ce_accordion_v2 .toggler,
.ce_accordion.style2 .toggler {
padding: 1rem 1rem 1rem 4rem;
box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.03);
cursor: pointer;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
position: relative;
font-weight: bold;
border: 1px solid rgb(220,220,220);
}
.ce_accordion_v2 .toggler:not(.ui-state-active):hover,
.ce_accordion.style2 .toggler:not(.ui-state-active):hover {
color: var(--accentColor);
}
.ce_accordion_v2 .toggler:before,
.ce_accordion.style2 .toggler:before {
margin: 0;
width: 1.5rem;
height: 1.5rem;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
display: inline-block;
padding: 0;
text-align: center;
font: 1rem/1.6rem FontAwesome;
font-weight: normal;
content: "\f067";
border-radius: 100%;
border: 2px solid;
}
.firefox .ce_accordion_v2 .toggler:before,
.firefox .ce_accordion.style2 .toggler:before {
line-height: 1.6rem;
}
.ce_accordion_v2 .toggler.ui-state-active:before,
.ce_accordion.style2 .toggler.ui-state-active:before {
content:" \f068";
color: rgb(255,255,255);
border-color: rgb(255,255,255);
}
.ce_accordion_v2 .toggler.ui-state-active,
.ce_accordion.style2 .toggler.ui-state-active {
color: rgb(255,255,255);
background: var(--accentColor);
}
.ce_accordion_v2 .accordion,
.ce_accordion.style2 .accordion {
padding: 25px 0;
}
/* ie11 render bug */
.ie11 .ce_accordion_v2 .toggler:before,
.ie11 .ce_accordion.style2 .toggler:before {
border: 0;
transform: none;
}
/* =============================================================================
* ce_hyperlink
* ========================================================================== */
/* color */
.ce_hyperlink.btn-accent a,
.ce_revolutionslider_hyperlink.btn-accent {
background: var(--accentColor);
border-color: var(--accentColor);
}
.ce_hyperlink.btn-second a,
.ce_revolutionslider_hyperlink.btn-second {
background: var(--secondColor);
border-color: var(--secondColor);
}
.ce_hyperlink.btn-accent-outline a,
.ce_revolutionslider_hyperlink.btn-accent-outline {
border-color: rgb(152,152,152);
color: rgb(152,152,152);
background: transparent;
}
.ce_hyperlink.btn-accent-outline:not(.btn-white):not(.btn-black-outline):not(.btn-gray-outline) a,
.ce_revolutionslider_hyperlink.btn-accent-outline {
border-color: var(--accentColor);
color: var(--accentColor);
}
.ce_hyperlink.btn-second-outline a:not(.btn-white):not(.btn-black-outline):not(.btn-gray-outline),
.ce_revolutionslider_hyperlink.btn-second-outline {
border-color: var(--secondColor);
color: var(--secondColor);
}
.ce_hyperlink.btn-second-outline a,
.ce_hyperlink-extended a.link-sec-color-outline,
.ce_revolutionslider_hyperlink.btn-second-outline {
border-color: rgb(152,152,152);
color: rgb(152,152,152);
background: transparent;
}
.ce_hyperlink.btn-white a,
.ce_revolutionslider_hyperlink.btn-white {
background: rgb(255,255,255);
border-color: rgb(255,255,255);
}
.ce_hyperlink.btn-white a {
color: var(--accentColor);
}
.ce_hyperlink.btn-white-outline a,
.ce_revolutionslider_hyperlink.btn-white-outline {
border-color: rgb(255,255,255);
color: rgb(255,255,255);
background: transparent;
}
.ce_hyperlink.btn-gray a,
.ce_revolutionslider_hyperlink.btn-gray {
background: rgb(248,248,248);
border-color: rgb(248,248,248);
}
.ce_hyperlink.btn-gray-outline a,
.ce_revolutionslider_hyperlink.btn-gray-outline {
border-color: rgb(248,248,248);
color: rgb(248,248,248);
background: transparent;
}
.ce_hyperlink.btn-black a,
.ce_revolutionslider_hyperlink.btn-black {
background: rgb(0,0,0);
border-color: rgb(0,0,0);
}
.ce_hyperlink.btn-black-outline a,
.ce_revolutionslider_hyperlink.btn-black-outline {
border-color: rgb(0,0,0);
color: rgb(0,0,0);
background: transparent;
}
.ce_hyperlink.btn-gray a,
.ce_revolutionslider_hyperlink.btn-gray {
background: rgb(59,60,66);
border-color: rgb(59,60,66);
}
.ce_hyperlink.btn-gray-outline a,
.ce_revolutionslider_hyperlink.btn-gray-outline {
border-color: rgb(59,60,66);
color: rgb(59,60,66);
background: transparent;
}
.ce_hyperlink.btn-trnsp a,
.ce_revolutionslider_hyperlink.btn-trnsp {
background: transparent;
border-color: transparent;
color: inherit;
}
.ce_hyperlink.btn-trnsp-white a,
.ce_revolutionslider_hyperlink.btn-trnsp-white {
background: transparent;
border-color: transparent;
}
.ce_revolutionslider_hyperlink.btn-white:not(.text-link) {
color: var(--accentColor);
}
/* size */
.ce_hyperlink.btn-size-small a,
.ce_revolutionslider_hyperlink.btn-size-small {
padding: 5px 15px;
border-width: 1px;
font-size: 0.85rem;
}
.ce_hyperlink.btn-size-medium a,
.ce_revolutionslider_hyperlink.btn-size-medium {
padding: 10px 20px;
font-size: 1.2rem;
}
.ce_hyperlink.btn-size-large a,
.ce_revolutionslider_hyperlink.btn-size-large {
padding: 17px 90px;
font-size: 1.2em;
}
.ce_hyperlink.btn-size-full a {
display: block;
}
.ce_hyperlink.btn-size-textlink a,
.ce_revolutionslider_hyperlink.btn-size-textlink {
background: transparent!important;
padding: 0;
min-width: 0;
}
.ce_hyperlink.btn-animated i {
opacity: 0;
width: 0;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
}
/* icon */
.ce_hyperlink i {
margin-right: 10px;
}
.ce_hyperlink.btn-animated a:hover i {
opacity: 1;
width: 16px;
}
/* border-radius */
.ce_hyperlink.btn-radius-3 a {
border-radius: 3px;
}
.ce_hyperlink.btn-radius-5 a {
border-radius: 5px;
}
.ce_hyperlink.btn-radius-10 a {
border-radius: 10px;
}
.ce_hyperlink.btn-radius-20 a {
border-radius: 20px;
}
/* inline */
.ce_hyperlink.h-align-inline {
display: inline-block;
margin-right: 5px;
}
.ce_hyperlink a,
a.btn {
display: inline-block;
padding: 15px 20px;
margin-bottom: 15px;
cursor:pointer;
transition:all 0.2s ease-out 0s;
width: auto;
background: var(--accentColor);
border: 2px solid var(--accentColor);
font-weight: bold;
min-width: 140px;
text-align: center!important;
position: relative;
position: relative;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
font-size: 1rem;
}
.ce_hyperlink a,
a.btn {
color: #fff;
}
.ce_hyperlink a:hover,
a.btn:hover {
opacity: 0.8;
}
.ce_hyperlink a.link-white,
a.btn.link-white {
color: var(--accentColor);
border: 2px solid rgb(255,255,255);
background: rgb(255,255,255);
}
.ce_hyperlink a.link-white:hover,
a.btn.link-white:hover {
background: var(--accentColor);
color: rgb(255,255,255);
}
.ce_hyperlink a.link-white.outline,
a.btn.link-white.outline {
color: rgb(255,255,255);
}
.ce_hyperlink a.link-white.outline:hover,
a.btn.link-white.outline:hover {
background: rgb(255,255,255);
border-color: rgb(255,255,255);
color: rgb(37,37,37);
}
.ce_hyperlink a.outline,
a.btn.outline {
background: transparent;
color: var(--accentColor);
}
.ce_hyperlink a.outline:hover,
a.btn.outline:hover {
background: rgb(37,37,37);
border-color: rgb(37,37,37);
color: rgb(255,255,255);
}
.ce_hyperlink i {
margin-right: 8px;
}
.ce_hyperlink.small a,
a.btn.small {
padding: 9px 15px;
font-size: 0.75rem;
}
.ce_hyperlink.large a,
a.btn.large {
padding: 20px 30px;
}
.ce_hyperlink.wide a,
a.btn.large {
padding: 15px 50px;
}
.ce_hyperlink.expand a,
a.btn.expand {
width: 100%;
}
.ce_hyperlink a.success,
a.btn.success {
background: rgb(157,213,93);
border-color: rgb(157,213,93);
}
.ce_hyperlink a.secondary,
a.btn.secondary {
background: rgb(231,231,231);
border-color: rgb(231,231,231);
color: rgb(51,51,51);
}
.ce_hyperlink a.alert,
a.btn.alert {
background: rgb(247,80,90);
border-color: rgb(247,80,90);
}
.ce_hyperlink a.warning,
a.btn.warning {
background: rgb(240,138,36);
border-color: rgb(240,138,36);
}
.ce_hyperlink a.info,
a.btn.info {
background: rgb(160,211,232);
border-color: rgb(160,211,232);
color: rgb(51,51,51);
}
.ce_hyperlink a.success:hover, a.btn.success:hover,
.ce_hyperlink a.secondary:hover, a.btn.secondary:hover,
.ce_hyperlink a.alert:hover, a.btn.alert:hover,
.ce_hyperlink a.warning:hover, a.btn.warning:hover,
.ce_hyperlink a.info:hover, a.btn.info:hover {
opacity: 0.8;
}
.ce_hyperlink.border-radius-3 a,
a.btn.border-radius-3 {
border-radius: 3px;
}
.ce_hyperlink.border-radius-5 a,
a.btn.border-radius-5 {
border-radius: 5px;
}
.ce_hyperlink.border-radius-10 a,
a.btn.border-radius-10 {
border-radius: 10px;
}
.ce_hyperlink.border-radius-20 a,
a.btn.border-radius-20 {
border-radius: 20px;
}
.ce_text a.btn {
margin-top: 15px;
}
.ce_hyperlink.btn-animated i {
opacity: 0;
width: 0;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
}
.ce_hyperlink.btn-animated a:hover i {
opacity: 1;
width: 16px;
}
.ce_hyperlink.mb-0 a {
margin-bottom: 0;
}
/* =============================================================================
* mod_article
* ========================================================================== */
#main .mod_article {
position: relative;
}
#main .mod_article.smallwidth {
margin-left: auto;
margin-right: auto;
}
#main .mod_article.smallwidth .contentwrap {
padding-left: 17%;
padding-right: 17%;
}
.mod_article.ol-bg-accent .article-overlay {
background: var(--accentColor);
}
.mod_article.ol-bg-second .article-overlay {
background: var(--secondColor);
}
/* =============================================================================
* mod_subscribe
* ========================================================================== */
.mod_subscribe table td, .mod_subscribe table {
border: 0;
}
.mod_subscribe input.submit[type="submit"],
.mod_subscribe button.submit[type="submit"] {
border-width: 1px;
padding: 10px;
border-radius: 0;
font-weight: normal;
text-align: center!important;
}
.mod_subscribe input.text {
max-width: 290px;
margin-bottom: 10px;
height: 48px;
text-align: left!important;
}
.mod_subscribe.align-center {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
.mod_subscribe.align-center .formbody {
justify-content: center;
}
.mod_subscribe.align-right .formbody {
justify-content: flex-end;
}
.mod_subscribe .widget.widget-text {
min-width: 280px;
}
/* =============================================================================
* mod_subscribe in sidebar
* ========================================================================== */
#right .mod_subscribe .formbody {
display: block;
}
#right .mod_subscribe .formbody .widget-text {
margin-bottom: 0;
min-width: 0;
}
#left .mod_subscribe .formbody {
display: block;
}
#left .mod_subscribe .formbody .widget-text {
margin-bottom: 0;
min-width: 0;
}
/* =============================================================================
* mod_login
* ========================================================================== */
.mod_login table td, .mod_login table {
border: 0;
}
.mod_login {
padding: 5%;
background: rgba(255,255,255,0.95);
margin: 10px auto;
max-width: 450px;
}
.mod_login .checkbox_container label {
margin-left: 5px;
}
.mod_login .submit_container,
.mod_login input.submit,
.mod_login button.submit {
margin: 0;
}
.mod_login .formbody {
margin: 0;
}
.mod_login .widget-submit {
margin-bottom: 0;
margin-top: 15px;
}
/* =============================================================================
* mod_calendar
* ========================================================================== */
.mod_calendar table {
border:0;
width: 100%;
}
.mod_calendar .calendar td {
width:14%;
height:7em;
padding:0;
border:1px solid #ddd;
vertical-align: top;
}
.mod_calendar td .event {
display:inline-block;
font-size: 0.7333rem;
}
.mod_calendar th.label {
padding:10px 0;
}
.mod_calendar th.head {
padding:0;
background:var(--accentColor);
border-top:1px solid var(--accentColor);
border-right:1px solid var(--accentColor);
border-left:1px solid var(--accentColor);
color:#fff;
}
.mod_calendar th.previous a,
.mod_calendar th.next a {
display:inline-block;
padding:10px;
background-color:var(--accentColor);
text-decoration:none;
color:#fff;
}
.mod_calendar th.previous a:hover,
.mod_calendar th.next a:hover {
border-color:#84898d !important;
}
.mod_calendar th.current {
text-align:center;
}
.mod_calendar th.next {
text-align:right;
}
.mod_calendar th.previous {
text-align:left;
}
.mod_calendar th.label {
text-align:center;
background-color:#2c2c2c;
border-right:1px solid #2c2c2c;
border-left:1px solid #2c2c2c;
color:#fff;
}
.mod_calendar td div.header {
padding:3px 3px 3px 6px;
background-color:#f8f8f8;
font-size: 0.8667rem;
line-height: normal;
}
.mod_calendar td.empty {
background:#fff;
}
.mod_calendar td .event {
width:99%;
text-overflow:ellipsis;
overflow:hidden;
white-space:normal;
padding: 5px;
}
.mod_calendar td.today {
background-color:#f8f8f8;
}
.mod_calendar th.current {
padding:10px;
}
.mod_calendar th.current:before {
display:inline-block;
margin-right:8px;
font-family:FontAwesome;
content:"\f133";
}
/* =============================================================================
* mod_faqpage
* ========================================================================== */
.mod_faqpage h2,
.mod_faqpage .h2 {
display: none;
}
.mod_faqpage .info {
font-size: 0.8rem;
}
.mod_faqpage h3,
.mod_faqpage .h3 {
font-size: 1.2rem;
}
.mod_faqpage .h3:before,
.mod_faqpage h3:before {
font-family: "FontAwesome";
content: "\f059";
margin-right: 5px;
color: var(--accentColor);
}
.mod_faqpage section {
display: inline-block;
width: 49.5%;
padding: 40px;
border: 0!important;
vertical-align: top;
}
.mod_faqpage .toplink {
display: none;
}
/* =============================================================================
* mod_search
* ========================================================================== */
.mod_search input,
.mod_search .widget-text {
width: 45%;
float: left;
height: 48px!important;
}
.mod_search input.submit,
.mod_search button.submit {
border: 1px solid rgb(152,152,152);
border-radius: 0;
}
.mod_search button.submit {
border: 0!important;
}
.mod_search p.header {
margin-top: 15px;
background: none!important;
clear: both;
}
.mod_search input:not(.submit),
.mod_search button:not(.submit) {
-webkit-appearance: textfield!important;
}
.mod_search .widget-submit {
float: left;
}
.mod_search.align-center form {
display: inline-block;
}
.mod_search.align-center .widget-text {
min-width: 300px;
}
.mod_search .submit {
border: 1px solid var(--accentColor);
}
#main .mod_search {
text-align: center;
}
#main .mod_search .widget-text {
min-width: 350px;
margin-right: 10px;
}
#main .mod_search input {
border-radius: 20px;
}
#main .mod_search form {
display: inline-block;
}
#main .mod_search input.submit,
#main .mod_search button.submit {
border-radius: 20px;
}
/* =============================================================================
* mod_registration
* ========================================================================== */
.mod_registration {
padding: 35px;
background: rgba(0,0,0,0.4);
max-width: 500px;
border-radius: 20px;
}
.mod_registration .widget {
margin-bottom: 10px;
overflow: hidden;
}
.mod_registration .widget.widget-submit {
margin-top: 25px;
margin-bottom: 0;
}
.mod_registration label {
color: rgb(255,255,255);
display: block;
}
.mod_registration .submit_container {
width: 100%;
margin-top: 0;
}
.mod_registration .captcha_text {
display: block;
color: red;
font-size: 0.9333rem;
margin-top: 5px;
margin-bottom: 15px;
margin-left: 0;
font-weight: bold;
}
.mod_registration h1,
.mod_registration h2,
.mod_registration h3,
.mod_registration h4,
.mod_registration h5,
.mod_registration h6 {
color: #fff;
margin-bottom: 15px;
}
/* =============================================================================
* mod_sitemap
* ========================================================================== */
.mod_sitemap ul {
margin: 10px;
background: rgba(0,0,0,0.05);
padding: 20px;
}
.mod_sitemap ul li {
margin-bottom: 3px;
}
.mod_sitemap ul li i:before {
content: "\f105";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
transform: translate(0, 0);
margin-right: 5px;
}
/* =============================================================================
* portfolio grid-sizer
* ========================================================================== */
.portfolio-col2 .grid-sizer {
width: calc(100% / 2);
}
.portfolio-col3 .grid-sizer {
width: calc(100% / 3);
}
.portfolio-col4 .grid-sizer {
width: calc(100% / 4);
}
/* =============================================================================
* helper class hide-subline
* ========================================================================== */
[class^="mod_portfoliolist"].hide-subline .subline {
display: none!important;
}
/* =============================================================================
* forms
* ========================================================================== */
input,
textarea,
select {
padding:15px;
background-color: rgb(255,255,255);
border:1px solid rgba(0,0,0,0.2);
transition:all 0.15s linear 0s;
width: 100%;
font-family: inherit;
font-size: 0.9rem;
}
label {
margin-bottom: 3px;
}
form .widget input,
form .widget textarea,
form .widget select {
width: 100%;
}
textarea {
height: 400px;
}
input:hover:not([type="submit"]),
button:hover:not([type="submit"]),
textarea:hover {
border: 1px solid rgb(153,153,153);
}
input:focus,
textarea:focus {
background-color:#fff;
border: 1px solid var(--accentColor);
border-radius:0;
}
form .checkbox_container {
overflow: hidden;
margin-bottom: 2px;
}
input.checkbox {
margin-right: 8px;
padding: 0;
}
input.checkbox,
input.captcha {
width: auto!important;
}
form div.widget {
margin-bottom:20px;
}
form fieldset {
padding: 10px 10px 5px 10px;
border: 1px solid rgba(0,0,0,0.2);
}
form.no-border fieldset {
padding: 0;
border: 0;
border-top: 1px solid rgba(0,0,0,0.2);
}
form.no-border fieldset legend {
margin-bottom: 25px;
}
form.no-border fieldset.checkbox_container {
border: 0;
}
form fieldset {
margin-bottom:20px;
}
form fieldset.hidden {
display: none;
}
form fieldset legend {
width: auto;
padding-right: 15px;
padding-left: 15px;
background-color:var(--accentColor);
color: #fff;
border-radius: 20px;
}
form select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
background-position: center right;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
line-height: 1.3;
height: 48px;
padding: 5px 35px 5px 10px;
border:1px solid rgba(0,0,0,0.2);
border-radius: 0;
}
.firefox form select {
height: 49px;
}
form select option {
padding-right:10px;
padding-left:10px;
}
form select.multiselect option {
padding-right:0;
padding-left:0;
}
form textarea {
font-family: inherit;
}
form .checkbox_container span,
form .widget-radio span {
overflow: hidden;
margin-bottom: 5px;
display: flex;
align-items: center;
}
form .checkbox_container label,
form .widget-radio label {
margin: 0;
}
form .widget-radio input {
margin-right: 8px;
width: auto;
padding: 0;
}
form .widget-radio label {
width: auto;
}
form span.mandatory {
color:#f00;
}
form .captcha_text {
margin: 10px 0 15px 15px;
color: red;
}
form p.error {
color: red;
}
form input.datepicker,
form input.timepicker {
-webkit-appearance: none;
height: 52px;
}
/* =============================================================================
* form_textfield_floatlabel template
* ========================================================================== */
form div.placeholderlabel {
position: absolute;
top: 10px;
left: 10px;
padding: 0 5px;
background: rgb(255,255,255);
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
opacity: 0;
font-size: 0.95rem;
}
form div.placeholderlabel.active {
top: -1rem;
opacity: 1;
}
/* =============================================================================
* lightbox
* ========================================================================== */
#cboxContent .back {
display:none !important;
}
/* =============================================================================
* fullscreen-helper
* ========================================================================== */
.fullscreen-helper {
height: 100vh;
}
/* =============================================================================
* scroll-padding
* ========================================================================== */
html {
scroll-padding: 70px 0 0 0;
}
/* =============================================================================
* swiper slider
* ========================================================================== */
.swiper-container {
position: relative;
--swiper-theme-color: #333;
}
/* =============================================================================
* mod_privacy_optin
* ========================================================================== */
body .mod_privacy_optin .privacy_buttons input,
body .mod_privacy_optin_medium .privacy_buttons input {
background: var(--accentColor);
}
/* =============================================================================
* ce_privacy_iframe
* ========================================================================== */
.ce_privacy_iframe iframe {
width: 100%;
}
/* =============================================================================
* viewport pixel
* ========================================================================== */
#viewport-pixel {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 0px;
z-index: -1000;
visibility: hidden;
opacity: 1;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#viewport-pixel {
opacity: 0.75;
}
}
@media only screen and (max-width: 767px) {
#viewport-pixel {
opacity: 0.5;
}
}
/* =============================================================================
* styles
* ========================================================================== */
html,
body {
font-size: 15px;
}
body {
color: #555;
font-family: Verdana, sans-serif;
line-height: 1.8rem;
font-weight: normal;
}
/* =============================================================================
* font classes
* ========================================================================== */
.font_serif_2,
.font-serif-2 {
font-family: Georgia, Times, serif;
}
/* =============================================================================
* headlines
* ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.font_headline {
margin-bottom: 25px;
line-height: 1.3;
color: rgb(59,60,66);
word-wrap: break-word;
font-weight: bold;
}
h1,
.h1,
.h1 p,
body .headline_style_h1 h1,
body .headline_style_h1 h2,
body .headline_style_h1 h3,
body .headline_style_h1 h4,
body .headline_style_h1 h5,
body .headline_style_h1 h6,
body h1.headline_style_h1,
body h1.headline_style_h1,
body h2.headline_style_h1,
body h3.headline_style_h1,
body h4.headline_style_h1,
body h5.headline_style_h1,
body h6.headline_style_h1 {
font-size: 3rem;
padding-top: 0;
}
h2,
.h2,
.h2 p,
body .headline_style_h2 h1,
body .headline_style_h2 h2,
body .headline_style_h2 h3,
body .headline_style_h2 h4,
body .headline_style_h2 h5,
body .headline_style_h2 h6,
body h1.headline_style_h2,
body h1.headline_style_h2,
body h2.headline_style_h2,
body h3.headline_style_h2,
body h4.headline_style_h2,
body h5.headline_style_h2,
body h6.headline_style_h2 {
font-size: 2.333rem;
}
h3,
.h3,
.h3 p,
body .headline_style_h3 h1,
body .headline_style_h3 h2,
body .headline_style_h3 h3,
body .headline_style_h3 h4,
body .headline_style_h3 h5,
body .headline_style_h3 h6,
body h1.headline_style_h3,
body h1.headline_style_h3,
body h2.headline_style_h3,
body h3.headline_style_h3,
body h4.headline_style_h3,
body h5.headline_style_h3,
body h6.headline_style_h3 {
font-size: 1.867rem;
}
h4,
.h4,
.h4 p,
body .headline_style_h4 h1,
body .headline_style_h4 h2,
body .headline_style_h4 h3,
body .headline_style_h4 h4,
body .headline_style_h4 h5,
body .headline_style_h4 h6,
body h1.headline_style_h4,
body h1.headline_style_h4,
body h2.headline_style_h4,
body h3.headline_style_h4,
body h4.headline_style_h4,
body h5.headline_style_h4,
body h6.headline_style_h4 {
font-size: 1.5rem;
}
h5,
.h5,
.h5 p,
body .headline_style_h5 h1,
body .headline_style_h5 h2,
body .headline_style_h5 h3,
body .headline_style_h5 h4,
body .headline_style_h5 h5,
body .headline_style_h5 h6,
body h1.headline_style_h5,
body h1.headline_style_h5,
body h2.headline_style_h5,
body h3.headline_style_h5,
body h4.headline_style_h5,
body h5.headline_style_h5,
body h6.headline_style_h5 {
font-size: 1.333rem;
}
h6,
.h6,
.h6 p,
body .headline_style_h6 h1,
body .headline_style_h6 h2,
body .headline_style_h6 h3,
body .headline_style_h6 h4,
body .headline_style_h6 h5,
body .headline_style_h6 h6,
body h1.headline_style_h6,
body h1.headline_style_h6,
body h2.headline_style_h6,
body h3.headline_style_h6,
body h4.headline_style_h6,
body h5.headline_style_h6,
body h6.headline_style_h6 {
font-size: 1.2rem;
}
.column[class*="mb-"]:not[class*="-m"] > h1,
.column[class*="mb-"]:not[class*="-m"] > h2,
.column[class*="mb-"]:not[class*="-m"] > h3,
.column[class*="mb-"]:not[class*="-m"] > h4,
.column[class*="mb-"]:not[class*="-m"] > h5,
.column[class*="mb-"]:not[class*="-m"] > h6,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h1,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h2,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h3,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h4,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h5,
.column[class*="mb-"]:not[class*="-m"] > .attributes > h6,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h1,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h2,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h3,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h4,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h5,
.column[class*="mb-"]:not[class*="-m"] > .attributes > .h6,
.column[class*="mb-"]:not[class*="-m"] > .h1,
.column[class*="mb-"]:not[class*="-m"] > .h2,
.column[class*="mb-"]:not[class*="-m"] > .h3,
.column[class*="mb-"]:not[class*="-m"] > .h4,
.column[class*="mb-"]:not[class*="-m"] > .h5,
.column[class*="mb-"]:not[class*="-m"] > .h6,
.ce_text.h1 > p,
.ce_text.h2 > p,
.ce_text.h3 > p,
.ce_text.h4 > p,
.ce_text.h5 > p,
.ce_text.h6 > p,
.ce_text.h7 > p {
margin-bottom: 0;
}
/* =============================================================================
* logo size
* ========================================================================== */
.logo {
width: 200px;
height: 100px;
}
/* =============================================================================
* logo size: sticky
* ========================================================================== */
.stickyheader .logo {
width: 170px;
height: 70px;
}
/* =============================================================================
* logo size: mobile
* ========================================================================== */
@media only screen and (max-width: 767px) {
.logo {
width: 150px;
height: 70px;
}
}
/* =============================================================================
* logo
* ========================================================================== */
.logo {
margin-top: auto;
margin-bottom: auto;
float: left;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
}
.logo a {
background-image: url(../../files/upmotion/img/logo.svg);
width: 100%;
height: 100%;
display: block;
background-repeat: no-repeat;
background-size: 100%;
background-position: left;
}
/* =============================================================================
* stickyheader
* ========================================================================== */
.stickyheader .header.cloned {
line-height: 70px;
}
.stickyheader {
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
top: -100%;
transition: All 0.4s ease;
-webkit-transition: All 0.4s ease;
}
body.fixed-header .stickyheader {
top: 0;
}
.stickyheader .header.cloned .logo {
transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
}
/* =============================================================================
* header
* ========================================================================== */
.header {
width: 100%;
top: 0px;
z-index: 1030;
position: relative;
background: rgb(255,255,255);
line-height: 100px;
}
.header.cloned {
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
transition: line-height 0.3s ease;
-webkit-transition: line-height 0.3s ease;
}
.header .inside {
padding-left: 40px;
padding-right: 40px;
}
/* =============================================================================
* fix-wrapper
* ========================================================================== */
#fix-wrapper {
width: 100%;
z-index: 10000;
}
/* =============================================================================
* contentwrapper
* ========================================================================== */
#contentwrapper {
background: rgb(255,255,255);
}
/* =============================================================================
* page-width
* ========================================================================== */
#top .inside,
.header .inside,
#footer .inside,
#bottom .inside,
body.sidebar #container,
.mod_article:not(.fullwidth) > .container,
.fullwidth.boxed-content .contentwrap,
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.autogrid_wrapper.article,
.ce_text_image_bar .inside,
.ce_headerimage .ce_headerimage_inside,
.ce_video_background .ce_video_background_inside,
#offcanvas-top .offcanvas-top-inside,
.ce_calltoaction .ce_calltoaction_inside,
.mod_breadcrumb .mod_breadcrumb_inside,
.mod_pageimage .container,
.ce_easy_slider .swiper-inside .swiper-inside-wrap {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.mod_article.boxed {
max-width: calc(1240px - 80px);
margin-left: auto;
margin-right: auto;
}
/* width medium */
body #main .mod_article.smallwidth,
.mod_article.fullwidth-boxed-medium > .container {
max-width: 800px;
padding-left: 40px;
padding-right: 40px;
}
/* width small */
body #main .mod_article.xsmallwidth,
.mod_article.fullwidth-boxed-small > .container {
max-width: 650px;
padding-left: 40px;
padding-right: 40px;
}
/* =============================================================================
* page paddings left/right
* ========================================================================== */
#top .inside,
.header .inside,
#footer .inside,
#bottom .inside,
.mod_article:not(.fullwidth) > .container,
.mod_article.boxed > .container,
.fullwidth.boxed-content .contentwrap,
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.autogrid_wrapper.article,
.ce_bgimage-inside,
.ce_headerimage .ce_headerimage_inside,
.ce_video_background .ce_video_background_inside,
#offcanvas-top .offcanvas-top-inside,
.ce_calltoaction .ce_calltoaction_inside,
.mod_breadcrumb .mod_breadcrumb_inside,
.mod_pageimage .container,
body.sidebar #container,
.ce_easy_slider .swiper-inside .swiper-inside-wrap {
padding-left: 40px;
padding-right: 40px;
}
/* =============================================================================
* template mod_article_offset_top
* ========================================================================== */
#main .mod_article.mod_article_offset_top {
position: relative;
top: -60px;
}
#main .mod_article.mod_article_offset_top > .container {
padding-top: 0;
padding-bottom: 0;
}
/* =============================================================================
* mod_article
* ========================================================================== */
.mod_article {
overflow: visible;
position: relative;
overflow: visible;
background-size: cover;
background-position: center;
}
.mod_article:before,
.mod_article:after {
content:'\0020';
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}
.mod_article:after {
clear:both;
}
.mod_article > .container {
position: relative;
}
/* =============================================================================
* mod_article background-positions
* ========================================================================== */
.mod_article.bg-left-top {
background-position: left top;
}
.mod_article.bg-left-center {
background-position: left center;
}
.mod_article.bg-left-bottom {
background-position: left bottom;
}
.mod_article.bg-center-top {
background-position: center top;
}
.mod_article.bg-center-center {
background-position: center center;
}
.mod_article.bg-center-bottom {
background-position: center bottom;
}
.mod_article.bg-right-top {
background-position: right top;
}
.mod_article.bg-right-center {
background-position: right center;
}
.mod_article.bg-right-bottom {
background-position: right bottom;
}
/* =============================================================================
* mod_article paddings top/bottom
* ========================================================================== */
/* default padding (not for fullwidth) */
.mod_article:not(.fullwidth) > .container {
padding-top: 100px;
padding-bottom: 100px;
}
/* default paddings sidebar pages */
body.content_page.sidebar #main .mod_article > .container,
body.content_page.sidebar #left .mod_article > .container,
body.content_page.sidebar #right .mod_article > .container {
padding-top: 40px;
padding-bottom: 40px;
}
/* no-padding body_bottom */
.body_bottom .mod_article:not(.fullwidth) > .container {
padding: 0;
}
/* padding classes */
.mod_article.article-pt-0 > .container {
padding-top: 0!important;
}
.mod_article.article-pb-0 > .container {
padding-bottom: 0!important;
}
.mod_article.article-pt-xxs > .container {
padding-top: 30px;
}
.mod_article.article-pb-xxs > .container {
padding-bottom: 30px;
}
.mod_article.article-pt-xs > .container {
padding-top: 50px;
}
.mod_article.article-pb-xs > .container {
padding-bottom: 50px;
}
.mod_article.article-pt-s > .container {
padding-top: 90px;
}
.mod_article.article-pb-s > .container {
padding-bottom: 90px;
}
.mod_article.article-pt-m > .container {
padding-top: 100px;
}
.mod_article.article-pb-m > .container {
padding-bottom: 100px;
}
.mod_article.article-pt-l > .container {
padding-top: 120px;
}
.mod_article.article-pb-l> .container {
padding-bottom: 120px;
}
.mod_article.article-pt-xl > .container {
padding-top: 150px;
}
.mod_article.article-pb-xl> .container {
padding-bottom: 150px;
}
.mod_article.article-pt-xxl > .container {
padding-top: 170px;
}
.mod_article.article-pb-xxl > .container {
padding-bottom: 170px;
}
/* =============================================================================
* mod_article fullscreen
* ========================================================================== */
.mod_article.fullscreen {
height: 100vh;
}
.mod_article.fullscreen.oversize {
height: auto!important;
}
.mod_article.fullscreen .container {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.mod_article.fullscreen.oversize .container {
position: relative;
top: 0;
transform: translateY(0);
}
/* =============================================================================
* mod_article overlay
* ========================================================================== */
.mod_article .article-overlay {
position: absolute;
}
/* overlay position */
.mod_article.ol-top .article-overlay {
top: 0;
left: 0;
}
.mod_article.ol-right .article-overlay {
top: 0;
right: 0;
}
.mod_article.ol-bottom .article-overlay {
bottom: 0;
left: 0;
}
.mod_article.ol-left .article-overlay {
top: 0;
left: 0;
}
/* overlay bg_color */
.mod_article.ol-bg-black .article-overlay {
background: rgb(0,0,0);
}
.mod_article.ol-bg-white .article-overlay {
background: rgb(255,255,255);
}
.mod_article.ol-bg-gray .article-overlay {
background: rgb(248,248,248);
}
/* overlay width */
.mod_article.ol-w100 .article-overlay {
width: 100%;
}
.mod_article.ol-w75 .article-overlay {
width: 75%;
}
.mod_article.ol-w50 .article-overlay {
width: 50%;
}
.mod_article.ol-w25 .article-overlay {
width: 25%;
}
/* overlay opacity */
.mod_article.ol-opacity-90 .article-overlay {
opacity: 0.9;
}
.mod_article.ol-opacity-80 .article-overlay {
opacity: 0.8;
}
.mod_article.ol-opacity-70 .article-overlay {
opacity: 0.7;
}
.mod_article.ol-opacity-60 .article-overlay {
opacity: 0.6;
}
.mod_article.ol-opacity-50 .article-overlay {
opacity: 0.5;
}
.mod_article.ol-opacity-40 .article-overlay {
opacity: 0.4;
}
.mod_article.ol-opacity-30 .article-overlay {
opacity: 0.3;
}
.mod_article.ol-opacity-20 .article-overlay {
opacity: 0.2;
}
.mod_article.ol-opacity-10 .article-overlay {
opacity: 0.1;
}
/* =============================================================================
* mod_article parallax
* ========================================================================== */
.mod_article.parallax {
background-attachment: fixed;
background-position: center center;
background-size: cover;
}
body.ios .mod_article.parallax,
body.android .mod_article.parallax {
background-attachment: scroll;
background-position: center center!important;
}
/* ios13 iPad workaround */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.ce_bgimage-image,
.article-pb.parallax {
background-position: center center !important;
background-attachment: scroll !important;
background-size: cover !important;
}
}
/* =============================================================================
* top
* ========================================================================== */
#top-wrapper {
width: 100%;
}
#top-wrapper.fixed {
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
background: rgba(0,0,0,0.8);
}
#top {
position: relative;
z-index: 1100;
font-size: 0.93rem;
line-height: 2.5rem;
background: rgb(249,249,249);
color: rgba(255,255,255,0.7);
}
#top-wrapper.fixed #top {
max-height: 0;
overflow: hidden;
}
#top:hover {
overflow: visible;
}
#top .inside {
padding-left: 40px;
padding-right: 40px;
display: flex;
}
#top,
#top a {
color: rgb(127,127,127);
}
#top .top_divider {
margin-left: auto;
}
/* =============================================================================
* top: mod_top_mail
* ========================================================================== */
#top .mod_top_mail a {
padding: 0 8px;
display: inline-block;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
#top .mod_top_mail i {
margin: 0 6px 0 5px;
}
#top .mod_top_mail a:hover {
opacity: 0.7;
}
/* =============================================================================
* top: mod_top_phone
* ========================================================================== */
#top .mod_top_phone {
margin-right: 15px;
}
#top .mod_top_phone i {
margin: 0 5px 0 10px;
}
/* =============================================================================
* top: mod_socials
* ========================================================================== */
#top .mod_socials {
overflow: hidden;
margin-left: 15px;
}
#top .mod_socials a {
display: block;
float: left;
text-align: center;
line-height: 35px;
}
#top .mod_socials a i {
width: 35px;
height: 35px;
border-radius: 100%;
font-size: 1.067rem;
color: rgb(127,127,127);
line-height: 35px;
}
/* =============================================================================
* header: mod_socials
* ========================================================================== */
.header .mod_socials {
display: none;
overflow: hidden;
float: right;
margin-left: 10px;
padding-left: 10px;
position: relative;
}
.header .mod_socials:before {
content: '';
border-left: 1px solid rgb(0,0,0);
position: absolute;
top: 30%;
left: 0;
bottom: 30%;
opacity: 0.2;
}
.header .mod_socials a {
display: block;
float: left;
text-align: center;
}
.header .mod_socials a i {
width: 35px;
line-height: 35px;
}
/* =============================================================================
* container mod_socials
* ========================================================================== */
#container .mod_socials i {
padding: 7px;
width: 2.4rem;
font-size: 1.467rem;
text-align: center;
}
/* =============================================================================
* mod_socials in sidebar
* ========================================================================== */
#right .mod_socials,
#left .mod_socials {
text-align: center;
border-top: 1px solid rgb(230,230,230);
border-bottom: 1px solid rgb(230,230,230);
padding: 10px 0;
background: rgba(0,0,0,0.03);
}
#right .mod_socials i,
#left .mod_socials i {
background: rgba(0,0,0,0.05);
font-size: 0.8rem;
line-height: 2.4rem;
padding: 0 7px;
display: inline-block;
}
/* =============================================================================
* mod_langswitcher
* ========================================================================== */
.mod_langswitcher {
position: relative;
float: right;
margin-left: 20px;
z-index: 100;
transition: All 0.1s ease;
-webkit-transition: All 0.1s ease;
}
.mod_langswitcher .mod_langswitcher_inside {
padding: 10px;
display: inline-block;
cursor: pointer;
line-height: 0;
position: relative;
}
.mod_langswitcher .mod_langswitcher_inside:before {
content: '';
border-radius: 5px;
border: 1px solid rgb(0,0,0);
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 70px;
height: 34px;
width: 55px;
}
.mod_langswitcher .mod_langswitcher_inside:hover:before {
background: #fff;
z-index: -1;
}
.mod_langswitcher .mod_langswitcher_inside:after {
font-family: "FontAwesome";
content: "\f107";
margin-left: 10px;
display: inline-block;
font-size: 10px;
position: relative;
top: 0;
}
.mod_langswitcher .mod_langswitcher_inside i {
margin-right: 5px;
}
.mod_langswitcher img {
width: 20px;
height: 15px;
margin-bottom: -3px;
}
.mod_langswitcher ul {
display: none;
position: absolute;
border: 1px solid rgba(0,0,0,0.2);
left: 0;
top: 100%;
background: rgb(255,255,255);
width: 57px;
text-align: center;
border-radius: 0 0 5px 5px;
}
.mod_langswitcher ul li a {
padding: 10px;
display: block;
line-height: 15px;
border-bottom: 1px solid rgba(0,0,0,0.08);
transition: All 0.1s ease;
-webkit-transition: All 0.1s ease;
text-align: left;
}
.mod_langswitcher ul li a img {
border: 1px solid rgb(200,200,200);
}
.mod_langswitcher ul li a:hover {
background: rgba(0,0,0,0.05);
}
.mod_langswitcher ul li:last-of-type a {
border-bottom: 0;
}
.mod_langswitcher .mod_langswitcher_inside:hover ul {
-webkit-animation: fadeInUp 0.1s;
animation: fadeInUp 0.1s;
display: block;
}
.mod_langswitcher span {
display: none;
}
/* =============================================================================
* top: mod_langswitcher
* ========================================================================== */
#top .mod_langswitcher {
display: none;
}
#top .mod_langswitcher .mod_langswitcher_inside {
padding-left: 0;
padding-right: 0;
height: 36px;
}
#top .mod_langswitcher .mod_langswitcher_inside:before {
display: none;
}
#top .mod_langswitcher ul {
width: 45px;
}
#top .mod_langswitcher ul li a {
padding-left: 10px;
padding-right: 10px;
text-align: center;
color: #333;
}
/* =============================================================================
* header: 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;
}
.header .mod_search .search-content {
background: var(--accentColor);
}
.header .mod_search:hover {
opacity: 1;
}
.header .mod_search span {
display: none;
}
.header .ce_search_label i {
font-size: 18px;
margin-right: 5px;
transition: all 0.5s ease;
}
.body_bottom .mod_search .search-overlay {
position: fixed;
top: 0;
right: 0;
left: 0;
height: 100%;
z-index: 10;
background: rgba(0,0,0,0.5);
display: none;
}
.body_bottom .mod_search .container {
margin: 0 auto;
position: relative;
max-width: 650px;
}
.body_bottom .mod_search .inside {
position: fixed;
top: -300px;
left: 0;
width: 100%;
background: rgb(255,255,255);
z-index: 1000000;
padding: 80px 0 60px 0;
transform: translate3d(0,-25vh,0);
transition: all 0.2s;
display: flex;
align-items: center;
}
.body_bottom .mod_search.show-search .inside {
transform: translate3d(0,0,0);
top: 0;
box-shadow: 0 0 20px 20px rgba(0,0,0,0.1);
}
.body_bottom .mod_search .search-content {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 100%;
display: flex;
flex: 0 1 100%;
}
.body_bottom .mod_search .close-window {
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
font-size: 18px;
background: #f7f7f7;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
text-align: center;
cursor: pointer;
display: inline-block;
box-shadow: 3px 3px 7px #e2e2e2, -3px -3px 7px #ffffff;
}
.body_bottom .mod_search .close-window:hover {
opacity: 0.8;
}
.body_bottom .mod_search .close-window i {
transform: rotate(0deg);
transition: all 0.3s;
}
.body_bottom .mod_search .close-window:hover i {
transform: rotate(180deg);
}
.body_bottom .mod_search input:not(.submit),
.body_bottom .mod_search button:not(.submit) {
background: #f8f8f8;
border: 0;
font-size: 20px;
line-height: 45px;
width: 100%;
min-width: 350px;
float: none;
padding: 25px;
border-radius: 40px;
height: 75px!important;
transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.body_bottom .mod_search input.text:active {
transform: scale(0.95);
border: 1px solid rgba(0,0,0,0.1);
}
.body_bottom .mod_search input.text:focus {
border: 1px solid rgba(0,0,0,0.1);
}
.body_bottom .mod_search .line {
display: none;
height: 3px;
background: rgb(0,0,0);
transform: scaleX(0);
transition: all 0.8s;
transform-origin: left;
}
.body_bottom .mod_search.show-search .line {
transform: scaleX(1);
}
.body_bottom .mod_search input[type="search"]::-webkit-search-decoration,
.body_bottom .mod_search input[type="search"]::-webkit-search-cancel-button,
.body_bottom .mod_search input[type="search"]::-webkit-search-results-button,
.body_bottom .mod_search input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance:none;
}
.body_bottom .mod_search form {
position: relative;
}
.body_bottom .mod_search p {
margin-bottom: 0;
text-align: center;
font-size: 0.85rem;
color: rgba(0,0,0,0.6);
}
/* =============================================================================
* header: header_metanavi
* ========================================================================== */
.header .header_metanavi {
display: none;
overflow: visible;
}
.header .header_metanavi a {
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
color: rgba(0,0,0,0.5);
font-size: 0.95rem;
}
.header .header_metanavi a:hover {
opacity: 0.7
}
.header .header_metanavi li {
display: inline-block;
position: relative;
line-height: 50px;
}
.header .header_metanavi li:hover ul {
white-space: nowrap;
}
.header .header_metanavi li i {
display: inline-block;
margin-right: 8px;
}
.header .header_metanavi li ul {
display: none;
position: absolute;
left: 0;
background: rgba(255,255,255,0.9);
box-shadow: 0 0 2px 2px rgba(0,0,0,0.05);
z-index: 10;
}
.header .header_metanavi li ul li {
border-top: 1px solid rgba(0,0,0,0.1);
display: block;
padding-left: 15px;
padding-right: 15px;
text-align: left;
font-size: 0.9em;
line-height: 35px;
}
.header .header_metanavi li ul li a {
margin: 0;
display: block;
color: rgb(80,80,80)!important;
}
.header .header_metanavi li.submenu a:after {
font-family: "FontAwesome";
content: "\f107";
margin-left: 4px;
}
.header .header_metanavi li.submenu li a:after {
display: none;
}
.header .header_metanavi li:hover ul {
display: block;
}
/* =============================================================================
* top: mod_login_top
* ========================================================================== */
#top .mod_login_top {
padding: 0 8px;
cursor: pointer;
transition: background 0.3s ease;
-webkit-transition: background 0.3s ease;
margin-left: 25px;
}
#top .mod_login_top i {
margin-right: 8px;
}
#top .mod_login {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
background: #f7f7f7;
padding: 0;
z-index: 100000;
max-width: 100%;
margin: 0;
color: rgb(57,57,57);
display: flex;
align-items: center;
transform: scale(0);
opacity: 0;
transition: all 0.1s;
}
#top .mod_login.show {
transition: all 0.3s;
transform: scale(1);
opacity: 1;
}
#top .mod_login form {
max-width: 380px;
margin: 0 auto;
border-radius: 20px;
background: #f8f8f8;
box-shadow: 6px 6px 12px #e2e2e2, -6px -6px 12px #ffffff;
position: relative;
z-index: 10;
}
#top .mod_login form .formbody {
padding: 35px 50px;
}
#top .mod_login form h1,
#top .mod_login form h2,
#top .mod_login form h3,
#top .mod_login form h4,
#top .mod_login form h5,
#top .mod_login form h6 {
padding: 30px 30px 0 30px;
margin: 0;
text-align: center;
}
#top .mod_login form input.text {
border: 0;
background: rgba(0,0,0,0.04);
border-radius: 20px;
}
#top .mod_login form input.text:active {
transform: scale(0.95);
border: 1px solid rgba(0,0,0,0.1);
}
#top .mod_login form input.text:focus {
border: 1px solid rgba(0,0,0,0.1);
}
#top .mod_login input.text {
margin-bottom: 10px;
}
#top .mod_login .link_reset_pwd {
text-align: center;
font-size: 0.9rem;
}
#top .mod_login .link_reset_pwd a {
color: inherit;
}
#top .mod_login .submit_button {
text-align: center;
margin-top: 20px;
}
#top .mod_login .submit_button input {
width: auto!important;
border-radius: 30px;
min-width: 180px;
display: inline-block;
}
#top .mod_login .submit_button input:hover {
opacity: 0.8;
}
#top .mod_login form table {
width: 100%;
}
#top .mod_login form table td {
padding: 5px 0;
}
#top .mod_login .close {
font-size: 17px;
background: #f8f8f8;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
text-align: center;
cursor: pointer;
display: inline-block;
transition: box-shadow 0.3;
box-shadow: 3px 3px 7px #e2e2e2, -3px -3px 7px #ffffff;
position: absolute;
right: 10px;
top: 10px;
}
#top .mod_login .close:hover {
opacity: 0.8;
}
#top .mod_login .close i {
transition: all 0.3s;
}
#top .mod_login .close:hover i {
transform: rotate(180deg);
}
#top .mod_login form div {
margin: 0;
}
#top .mod_login .overlay_close {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#top .mod_login form .autologin_container input {
display: inline-block;
}
#top .mod_login form .autologin_container label {
display: inline-block;
}
#top .mod_login form .autologin_container {
margin-bottom: 5px;
}
#top .mod_login form p.error {
line-height: 1.5;
}
body.search_overlay div.body {
filter: blur(10px);
transform: scale(1.1);
}
/* =============================================================================
* top: top_metanavi
* ========================================================================== */
#top .top_metanavi {
overflow: visible;
}
#top .top_metanavi a {
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
#top .top_metanavi a:hover {
opacity: 0.7;
}
#top .top_metanavi li {
display: inline-block;
position: relative;
padding: 0 4px;
}
#top .top_metanavi li.submenu a:after {
font-family: "FontAwesome";
content: "\f107";
margin-left: 4px;
line-height: 1;
}
#top .top_metanavi li.submenu li a:after {
display: none;
}
#top .top_metanavi li:hover ul {
white-space: nowrap
}
#top .top_metanavi li i {
display: inline-block;
margin-right: 8px;
}
#top .top_metanavi li ul {
display: none;
min-width: 155px;
padding: 15px;
position: absolute;
left: 0;
background: rgba(255,255,255,1);
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#top .top_metanavi li ul:before {
position: absolute;
left: 10px;
top: -22px;
content: '';
width: 0;
height: 0;
border: 11px solid;
border-color: transparent transparent #fff transparent;
filter: drop-shadow(0 -2px 2px rgba(0,0,0,0.1));
}
#top .top_metanavi li ul li {
display: block;
padding-left: 20px;
padding-right: 20px;
text-align: left;
line-height: 35px;
}
#top .top_metanavi li ul li.last {
border-bottom: 0;
}
#top .top_metanavi li ul li a {
margin: 0;
color: rgb(85,85,85)!important;
display: block;
}
#top .top_metanavi li:hover ul {
display: block;
}
/* =============================================================================
* footer
* ========================================================================== */
#footer .inside {
margin: 0 auto;
padding: 65px 40px;
}
#footer ul {
padding: 0;
margin: 0;
}
#footer li:last-of-type {
margin-bottom: 0;
}
#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 .left a {
margin-right: 15px;
}
#bottom .inside .right a {
margin-left: 15px;
}
#bottom .ce_text p {
margin-bottom: 0;;
}
/* =============================================================================
* browser-mockup for images
* ========================================================================== */
.ce_image.browser_mockup img {
padding-top: 32px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMTY3cHgiIGhlaWdodD0iMzIuOTY4cHgiIHZpZXdCb3g9IjAgMCAxMTY3IDMyLjk2OCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE2NyAzMi45NjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9Ii0zNS42NjciIHk9Ii0xMi4xNTEiIGZpbGw9IiNEQkRCREIiIHN0cm9rZT0iI0FEQURBRCIgc3Ryb2tlLXdpZHRoPSIwLjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjEyMDIuNDE3IiBoZWlnaHQ9IjQ0Ljg2OSIvPjxwYXRoIGlkPSJYTUxJRF85OV8iIGZpbGw9IiNFOEU4RTgiIHN0cm9rZT0iI0I3QjdCNyIgc3Ryb2tlLXdpZHRoPSIwLjc1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik04Mi4zMDYsMzQuNTY2YzAsMCwyLjgzNy0wLjgyMSwzLjc2MS0zLjM4NWMwLjkyNC0yLjU2NCw2LjMxMS0xOC44ODUsNi4zMTEtMTguODg1czEuMDU0LTMuNjI2LDQuODY3LTMuNjI2YzMuODEzLDAsMTE0LjU1MiwwLDExNC41NTIsMHMyLjQ1NS0wLjU0LDMuNjk3LDQuMTA4YzEuMjQyLDQuNjQ3LDUuNDg4LDE3LjkxOSw1LjQ4OCwxNy45MTlzMS4wMDUsMy4zNzEsNC40NzEsMy43NTZMODIuMzA2LDM0LjU2NnoiLz48ZyBpZD0iWE1MSURfOTZfIj48ZyBpZD0iWE1MSURfOTdfIj48ZWxsaXBzZSBpZD0iWE1MSURfOThfIiBmaWxsPSIjOTk5OTk5IiBjeD0iMTAwLjkwMyIgY3k9IjIwLjc4NSIgcng9IjQuNzE5IiByeT0iNC43ODEiLz48L2c+PC9nPjxwb2x5Z29uIGlkPSJYTUxJRF85NV8iIGZpbGw9IiM5OTk5OTkiIHN0cm9rZT0iI0U4RThFOCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjIxMi44NTgsMjUuMzA1IDIwOS4zMzQsMjEuNzM0IDIxMi44NTgsMTguMTYzIDIxMC43ODUsMTYuMDYyIDIwNy4yNjEsMTkuNjM1IDIwMy43MzYsMTYuMDYzIDIwMS42NjQsMTguMTY0IDIwNS4xODksMjEuNzM0IDIwMS42NjUsMjUuMzA3IDIwMy43MzgsMjcuNDA2IDIwNy4yNjIsMjMuODM1IDIxMC43ODYsMjcuNDA1ICIvPjxjaXJjbGUgaWQ9IlhNTElEXzIxXyIgZmlsbD0iI0Y1NTM1QyIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMjEuMTA5IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjxjaXJjbGUgaWQ9IlhNTElEXzI1XyIgZmlsbD0iI0Y3QkI0OCIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iMzkuNjY3IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjxjaXJjbGUgaWQ9IlhNTElEXzI5XyIgZmlsbD0iIzE5OTU0MCIgc3Ryb2tlPSIjQURBREFEIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBjeD0iNTguMjI3IiBjeT0iMTcuMDYzIiByPSI1Ljk2NSIvPjwvc3ZnPg==);
background-position: left top;
background-repeat: no-repeat;
box-shadow: 0 0 27px 5px rgba(0,0,0,0.08);
border: 1px solid rgba(0,0,0,0.3);
}
/* =============================================================================
* top_link
* ========================================================================== */
#top_link {
position: fixed;
opacity: 0;
transition: All 0.2s ease;
-webkit-transition: All 0.2s ease;
width: 45px;
height: 45px;
line-height: 45px;
right: 15px;
z-index: 10005;
bottom: -40px;
}
#top_link a {
position: relative;
display: block;
transition: All 0.6s ease;
-webkit-transition: All 0.6s ease;
float: left;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.9);
text-align: center;
line-height: inherit;
border-radius: 100%;
box-shadow: 0 0 25px 0 rgba(0,0,0,0.04);
border: 1px solid rgb(235, 237, 235);
font-size: 20px;
line-height: 40px;
cursor: pointer;
}
#top_link:hover a {
margin-top: -7px;
}
body.fixed-header #top_link {
opacity: 1;
bottom: 45px;
}
/* =============================================================================
* custom colors: background
* ========================================================================== */
.bg-custom-1 {
background: rgb(30,136,210);
}
.bg-custom-2 {
background: rgb(30,136,210);
}
.bg-custom-3 {
background: rgb(30,136,210);
}
.bg-custom-4 {
background: rgb(30,136,210);
}
/* =============================================================================
* colors: offset layer
* ========================================================================== */
.ce_bgimage.offset.offset-bg-accent:before {
background-color: var(--accentColor);
}
.ce_bgimage.offset.offset-bg-custom-1:before {
background-color: rgb(30,136,210);
}
.ce_bgimage.offset.offset-bg-custom-2:before {
background-color: rgb(30,136,210);
}
.ce_bgimage.offset.offset-bg-custom-3:before {
background-color: rgb(30,136,210);
}
.ce_bgimage.offset.offset-bg-custom-4:before {
background-color: rgb(30,136,210);
}
/* =============================================================================
* mainmenu
* ========================================================================== */
.mainmenu {
float: right;
}
.mainmenu ul {
position: static;
}
.mainmenu ul li a.first {
padding-left: 0;
}
.mainmenu ul li {
margin-left: 15px;
margin-right: 15px;
}
.mainmenu ul li.float_left:first-of-type {
margin-left: 0;
}
.mainmenu ul li.last {
margin-right: 0;
}
.mainmenu ul li ul li {
margin-left: 0;
margin-right: 0;
}
.mainmenu ul li a {
text-transform: none;
padding: 0;
font-weight: normal;
font-size: 1.067rem;
}
.fixed .mainmenu ul li ul li a:not(.active):not(.trail) {
color: rgb(57,57,57);
}
.header .mainmenu ul ul li a {
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
color: inherit;
}
.header .mainmenu ul ul li span {
position: relative;
}
.header .mainmenu ul ul li a span:before {
position: absolute;
content: '';
height: 1px;
background: rgb(0,0,0);
bottom: 0;
width: 100%;
left: 0;
transform: scaleX(0);
transition: transform 0.3s ease-in-out;
}
.header .mainmenu ul ul li a:hover span:before {
transform: scaleX(1);
}
.header .mainmenu ul ul li a.active span:before,
.header .mainmenu ul ul li a.trail span:before {
position: absolute;
content: '';
height: 1px;
background-color: var(--accentColor);
bottom: 0;
width: 100%;
left: 0;
transform: scaleX(1)!important;
}
.mainmenu ul li a:hover {
opacity: 0.8;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
}
.mainmenu ul li:not(.click_open):hover > ul {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.mainmenu ul ul li:hover > ul {
-webkit-animation-name: none;
animation-name: none;
}
.mainmenu ul li a {
text-align: center;
}
.mainmenu ul ul li a[target=_blank] {
padding-right: 30px!important;
}
.mainmenu ul ul li a[target=_blank]:after {
font-family: "FontAwesome";
content: "\f08e";
position: absolute;
right: 5px;
}
.mainmenu ul li.floatbox {
position: static;
margin-left: 0!important;;
margin-right: 0!important;
}
.mainmenu ul.level_1 li.open-left > ul {
right: 0;
}
.mainmenu ul.level_3 li.open-left > ul {
width: auto;
right: 100%;
left: auto;
}
/* =============================================================================
* mainmenu: FontAwesome
* ========================================================================== */
.mainmenu ul li a.nav-icon span {
transform: translateY(30%);
-webkit-transform: translateY(30%);
display: inline-block;
line-height: 40px;
}
.mainmenu ul ul li a.nav-icon span {
line-height: inherit;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.mainmenu ul li a i {
transform: translateY(-133%);
-webkit-transform: translateY(-133%);
position: absolute;
top: 50%;
width: 100%;
left: 0;
display: inline-block;
}
.mainmenu ul ul li a i {
transform: translateY(0);
-webkit-transform: translateY(0);
position: static;
width: 1.5em;
}
/* =============================================================================
* class mainmenu: highlight one menu item
* ========================================================================== */
body .header .mainmenu ul li a.highlight,
body .header .mainmenu ul li a.highlight_square_color_accent,
body .header .mainmenu ul li a.highlight-square-color-accent,
body .header .mainmenu ul li a.highlight_rounded_color_accent,
body .header .mainmenu ul li a.highlight-rounded-color-accent,
body .header .mainmenu ul li a.highlight_rounded50_color_accent,
body .header .mainmenu ul li a.highlight-rounded50-color-accent,
body #mmenu .mod_navigation ul li a.highlight,
body #mmenu .mod_navigation ul li a.highlight_square_color_accent,
body #mmenu .mod_navigation ul li a.highlight-square-color-accent,
body #mmenu .mod_navigation li a.highlight_rounded_color_accent,
body #mmenu .mod_navigation ul li a.highlight-rounded-color-accent,
body #mmenu .mod_navigation ul li a.highlight_rounded50_color_accent,
body #mmenu .mod_navigation ul li a.highlight-rounded50-color-accent {
color: rgba(255,255,255,0.9)!important;
}
.header .mainmenu ul li a.highlight span,
#mmenu .mod_navigation ul li a.highlight {
padding: 10px;
border-radius: 3px;
}
.header .mainmenu ul li a.highlight_color_second span,
.header .mainmenu ul li a.highlight-color-second span,
#mmenu .mod_navigation ul li a.highlight_color_second,
#mmenu .mod_navigation ul li a.highlight-color-second {
padding: 10px;
border-radius: 3px;
}
/* filled */
.header .mainmenu ul li a.highlight_square_color_accent span,
.header .mainmenu ul li a.highlight-square-color-accent span,
#mmenu .mod_navigation ul li a.highlight_square_color_accent,
#mmenu .mod_navigation ul li a.highlight-square-color-accent {
padding: 10px;
}
.header .mainmenu ul li a.highlight_square_color_second span,
.header .mainmenu ul li a.highlight-square-color-second span,
#mmenu .mod_navigation ul li a.highlight_square_color_second,
#mmenu .mod_navigation ul li a.highlight-square-color-second {
padding: 10px;
}
.header .mainmenu ul li a.highlight_rounded_color_accent span,
.header .mainmenu ul li a.highlight-rounded-color-accent span,
#mmenu .mod_navigation ul li a.highlight_rounded_color_accent,
#mmenu .mod_navigation ul li a.highlight-rounded-color-accent {
padding: 10px;
border-radius: 3px;
}
.header .mainmenu ul li a.highlight_rounded50_color_accent span,
.header .mainmenu ul li a.highlight-rounded50-color-accent span,
#mmenu .mod_navigation ul li a.highlight_rounded50_color_accent,
#mmenu .mod_navigation ul li a.highlight-rounded50-color-accent {
padding: 10px 20px;
border-radius: 50px;
}
.header .mainmenu ul li a.highlight_rounded_color_second span,
.header .mainmenu ul li a.highlight-rounded-color-second span,
#mmenu .mod_navigation ul li a.highlight_rounded_color_second,
#mmenu .mod_navigation ul li a.highlight-rounded-color-second {
padding: 10px;
border-radius: 3px;
}
.header .mainmenu ul li a.highlight_rounded50_color_second span,
.header .mainmenu ul li a.highlight-rounded50-color-second span,
#mmenu .mod_navigation ul li a.highlight_rounded50_color_second,
#mmenu .mod_navigation ul li a.highlight-rounded50-color-second {
padding: 10px 20px;
border-radius: 50px;
}
/* outline */
.header .mainmenu ul li a.highlight_outline_square_color_accent span,
.header .mainmenu ul li a.highlight-outline-square-color-accent span,
#mmenu .mod_navigation li a.highlight_outline_square_color_accent,
#mmenu .mod_navigation li a.highlight-outline-square-color-accent {
padding: 10px;
}
.header .mainmenu ul li a.highlight_outline_square_color_second span,
.header .mainmenu ul li a.highlight-outline-square-color-second span,
#mmenu .mod_navigation ul li a.highlight_outline_square_color_second,
#mmenu .mod_navigation ul li a.highlight-outline-square-color-second {
padding: 10px;
}
.header .mainmenu ul li a.highlight_outline_rounded_color_accent span,
.header .mainmenu ul li a.highlight-outline-rounded-color-accent span,
#mmenu .mod_navigation ul li a.highlight_outline_rounded_color_accent,
#mmenu .mod_navigation ul li a.highlight-outline-rounded-color-accent {
padding: 10px;
border-radius: 3px;
}
.header .mainmenu ul li a.highlight_outline_rounded50_color_accent span,
.header .mainmenu ul li a.highlight-outline-rounded50-color-accent span,
#mmenu .mod_navigation ul li a.highlight_outline_rounded50_color_accent,
#mmenu .mod_navigation ul li a.highlight-outline-rounded50-color-accent {
padding: 10px 20px;
border-radius: 50px;
}
.header .mainmenu ul li a.highlight_outline_rounded_color_second span,
.header .mainmenu ul li a.highlight-outline-rounded-color-second span,
#mmenu .mod_navigation ul li a.highlight_outline_rounded_color_second,
#mmenu .mod_navigation ul li a.highlight-outline-rounded-color-second {
padding: 10px;
border-radius: 3px;
}
.header .mainmenu ul li a.highlight_outline_rounded50_color_second span,
.header .mainmenu ul li a.highlight-outline-rounded50-color-second span,
#mmenu .mod_navigation ul li a.highlight_outline_rounded50_color_second,
#mmenu .mod_navigation ul li a.highlight-outline-rounded50-color-second {
padding: 10px;
border-radius: 3px;
}
.header .mainmenu ul li a.highlight_outline_square_color_white span,
.header .mainmenu ul li a.highlight-outline-square-color-white span,
#mmenu .mod_navigation ul li a.highlight_outline_square_color_white,
#mmenu .mod_navigation ul li a.highlight-outline-square-color-white {
padding: 10px;
box-shadow: 0 0px 0px 2px rgb(255,255,255);
}
.header .mainmenu ul li a.highlight_outline_rounded_color_white span,
.header .mainmenu ul li a.highlight-outline-rounded-color-white span,
#mmenu .mod_navigation ul li a.highlight_outline_rounded_color_white,
#mmenu .mod_navigation ul li a.highlight-outline-rounded-color-white {
padding: 10px;
border-radius: 3px;
box-shadow: 0 0px 0px 2px rgb(255,255,255);
}
.header .mainmenu ul li a.highlight_outline_rounded50_color_white span,
.header .mainmenu ul li a.highlight-outline-rounded50-color-white span,
#mmenu .mod_navigation ul li a.highlight_outline_rounded50_color_white,
#mmenu .mod_navigation ul li a.highlight-outline-rounded50-color-white {
padding: 10px 20px;
border-radius: 50px;
box-shadow: 0 0px 0px 2px rgb(255,255,255);
}
/* accent color */
.header .mainmenu ul li a.highlight span,
.header .mainmenu ul li a.highlight_square_color_accent span,
.header .mainmenu ul li a.highlight-square-color-accent span,
.header .mainmenu ul li a.highlight_rounded_color_accent span,
.header .mainmenu ul li a.highlight-rounded-color-accent span,
.header .mainmenu ul li a.highlight_rounded50_color_accent span,
.header .mainmenu ul li a.highlight-rounded50-color-accent span,
#mmenu .mod_navigation ul li a.highlight,
#mmenu .mod_navigation ul li a.highlight_square_color_accent,
#mmenu .mod_navigation ul li a.highlight-square-color-accent,
#mmenu .mod_navigation ul li a.highlight_rounded_color_accent,
#mmenu .mod_navigation ul li a.highlight-rounded-color-accent,
#mmenu .mod_navigation ul li a.highlight_rounded50_color_accent,
#mmenu .mod_navigation ul li a.highlight-rounded50-color-accent {
background-color: var(--accentColor);
}
.header .mainmenu ul li a.highlight_outline_square_color_accent span,
.header .mainmenu ul li a.highlight-outline-square-color-accent span,
.header .mainmenu ul li a.highlight_outline_rounded_color_accent span,
.header .mainmenu ul li a.highlight-outline-rounded-color-accent span,
.header .mainmenu ul li a.highlight_outline_rounded50_color_accent span,
.header .mainmenu ul li a.highlight-outline-rounded50-color-accent span,
#mmenu .mod_navigation ul li a.highlight_outline_square_color_accent,
#mmenu .mod_navigation ul li a.highlight-outline-square-color-accent,
#mmenu .mod_navigation ul li a.highlight_outline_rounded_color_accent,
#mmenu .mod_navigation ul li a.highlight-outline-rounded-color-accent,
#mmenu .mod_navigation ul li a.highlight_outline_rounded50_color_accent,
#mmenu .mod_navigation ul li a.highlight-outline-rounded50-color-accent {
box-shadow: inset 0 0px 0px 2px var(--accentColor);
}
/* second color */
.header .mainmenu ul li a.highlight_color_second span,
.header .mainmenu ul li a.highlight-color-second span,
.header .mainmenu ul li a.highlight_square_color_second span,
.header .mainmenu ul li a.highlight-square-color-second span,
.header .mainmenu ul li a.highlight_rounded_color_second span,
.header .mainmenu ul li a.highlight-rounded-color-second span,
#mmenu .mod_navigation ul li a.highlight_color_second,
#mmenu .mod_navigation ul li a.highlight-color-second,
#mmenu .mod_navigation ul li a.highlight_square_color_second,
#mmenu .mod_navigation ul li a.highlight-square-color-second,
#mmenu .mod_navigation ul li a.highlight_rounded_color_second,
#mmenu .mod_navigation ul li a.highlight-rounded-color-second {
background: var(--secondColor);
}
.header .mainmenu ul li a.highlight_outline_square_color_second span,
.header .mainmenu ul li a.highlight-outline-square-color-second span,
.header .mainmenu ul li a.highlight_outline_rounded_color_second span,
.header .mainmenu ul li a.highlight-outline-rounded-color-second span,
#mmenu .mod_navigation ul li a.highlight_outline_square_color_second,
#mmenu .mod_navigation ul li a.highlight-outline-square-color-second,
#mmenu .mod_navigation ul li a.highlight_outline_rounded_color_second,
#mmenu .mod_navigation ul li a.highlight-outline-rounded-color-second {
box-shadow: inset 0 0px 0px 2px var(--secondColor);
}
/* =============================================================================
* smartmenu - content
* ========================================================================== */
.smartmenu-content {
position: fixed;
z-index: 100000000;
right: 0;
top: 0;
right: -50%;
width: 50vw;
height: 100%;
background: rgba(24, 24, 24,1);
visibility: hidden;
opacity: 0;
transition: all .8s cubic-bezier(.15,.2,.1,1);
}
.smartmenu-content.open {
visibility: visible;
opacity: 1;
right: 0;
}
.smartmenu-content .smartmenu-scrollable {
max-height: 100vh;
overflow: auto;
}
.smartmenu-content .smartmenu-table {
margin-top: 20vh;
}
.smartmenu-content .mod_navigation .level_1 ul {
display: none;
}
.smartmenu-content .mod_navigation li:not(.floatbox) {
font-size: 1.7rem;
line-height: 2rem;
font-weight: normal;
padding: 0.5rem 0.5rem 0.5rem 0;
position: relative;
padding-right: 60px;
}
.smartmenu-content .mod_navigation .level_2 li {
font-size: 1.2rem;
line-height: 1.3rem;
text-transform: none;
}
.smartmenu-content .mod_navigation ul.level_1 {
padding: 40px;
}
.smartmenu-content .mod_navigation a {
color: rgb(255,255,255);
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
position: relative;
}
.smartmenu-content .mod_navigation a.hasIcon {
padding-left: 2.4em;
}
.smartmenu-content .mod_navigation a.hasIcon i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 2.4em;
text-align: center;
}
.smartmenu-content .mod_navigation a.active,
.smartmenu-content .mod_navigation a.trail {
border-bottom: 1px solid rgb(255,255,255);
}
.smartmenu-content .mod_navigation ul.level_2 {
margin-top: 20px;
}
.smartmenu-content .mod_navigation ul.level_3 {
margin-top: 20px;
margin-left: 25px;
}
.smartmenu-content .mod_navigation a:hover {
opacity: 0.8;
}
.smartmenu-content .subitems_trigger {
display: inline-block;
margin-left: auto;
position: absolute;
right: 0;
}
.smartmenu-content .subitems_trigger:before {
content:'[+]';
color: rgba(255,255,255,0.8);
margin-left: auto;
}
.smartmenu-content .mod_navigation li.open > .subitems_trigger:before {
content:'[-]';
}
.smartmenu-content .smartmenu-close {
position: absolute;
right: 40px;
top: 40px;
width: 35px;
height: 35px;
cursor: pointer;
}
.smartmenu-content .smartmenu-close:before,
.smartmenu-content .smartmenu-close:after {
display: inline-block;
width: 35px;
height: 1px;
background: rgb(255,255,255);
content: '';
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.smartmenu-content .smartmenu-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: -35px;
}
body div.body {
transition: all .8s cubic-bezier(.15,.2,.1,1);
transform-origin: top;
padding: 0;
}
body.smartmenu_open div.body {
transform: scale(.6) translateX(-50vw) translateZ(0);
transform-origin: top;
transition: all .8s cubic-bezier(.15,.2,.1,1);
padding-top: 55px;
}
body.smartmenu_open .stickyheader {
transform: scale(.6) translateX(-50vw) translateZ(0);
transform-origin: top;
transition: transform .8s cubic-bezier(.15,.2,.1,1);
}
/* =============================================================================
* smartmenu - trigger
* ========================================================================== */
.smartmenu {
float: right;
margin-left: 20px;
line-height: 40px;
display: none;
}
.smartmenu .smartmenu-trigger {
height: 100px;
width: 35px;
position: relative;
z-index: 1000000000;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
cursor: pointer;
}
.header.cloned .smartmenu .smartmenu-trigger {
height: 70px;
}
.smartmenu .smartmenu-trigger .line {
height: 1px;
background: #393939;
width: 35px;
position: absolute;
display: block;
top: 50%;
margin-top: -1px;
}
.smartmenu .smartmenu-trigger .line:before,
.smartmenu .smartmenu-trigger .line:after {
display: inline-block;
width: 35px;
height: 1px;
background: #393939;
position: absolute;
left: 0;
content: '';
top: 50%;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
}
.smartmenu .smartmenu-trigger .line:before {
margin-top: 11px;
}
.smartmenu .smartmenu-trigger .line:after {
margin-top: -11px;
}
/* =============================================================================
* header sidebar trigger for smallview
* ========================================================================== */
.sidebar_trigger {
display: none;
}
/* =============================================================================
* overwrite framework defaults
* ========================================================================== */
.color-white .ce_list li:after {
background-color: rgba(255,255,255,0.8);
}
textarea {
height: inherit;
}
.mod_search input.submit,
.mod_search button.submit {
width: auto;
}
.mod_login .submit_container {
margin-top: 25px;
}
.font-size-m {
line-height: 1.3;
}
#slider {
position: relative;
z-index: 5;
}
.header .mainmenu ul li span.pagetitle {
line-height: 18px;
font-size: 0.7rem;
font-weight: bold;
margin-left: 5px;
background: red;
color: #fff;
border-radius: 2px;
position: relative;
top: -4px;
padding-left: 3px;
padding-right: 3px;
}
.pdf_link {
margin-bottom: 10px;
}
.ce_accordion .toggler {
padding: 10px 20px;
margin-bottom: 0;
}
.ce_accordion .toggler.ui-state-active {
border-bottom: 1px dotted rgb(220,220,220);
}
.ce_accordion {
margin-bottom: 1px;
border: 1px solid rgb(220,220,220);
}
.ce_table table td {
border-top: 0;
border-bottom: solid 1px rgb(227,227,227);
}
select {
color: #555;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #555 !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #555 !important;
opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #555 !important;
opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #555 !important;
}
/* =============================================================================
* form AG columns reset
* ========================================================================== */
.ce_form .column[class*="col_"] {
margin-bottom: 0;
}
/* =============================================================================
* form style2
* ========================================================================== */
form.style2 {
padding: 27px;
background: var(--accentColor);
}
form.style2 input,
form.style2 textarea,
form.style2 select {
border-color: transparent;
border-radius: 0;
}
form.style2 textarea {
height: 95px;
}
form.style2 h1,
form.style2 h2,
form.style2 h3,
form.style2 h4,
form.style2 h5,
form.style2 h6 {
color: rgb(255,255,255);
}
form.style2 input.submit:hover,
form.style2 button.submit:hover {
opacity: 0.9;
}
form.style2 input.submit,
form.style2 input.submit[type="submit"]:hover,
form.style2 button.submit,
form.style2 button.submit[type="submit"]:hover {
background-color: var(--secondColor);
}
/* =============================================================================
* form style3
* ========================================================================== */
form.style3 {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
/* =============================================================================
* form style4
* ========================================================================== */
form.style4 {
border: 5px solid rgb(227,227,227);
padding: 50px 40px 20px 40px;
background: rgba(255,255,255,0.3);
}
form.style4 input,
form.style4 select,
form.style4 textarea {
background-color: rgb(248,248,248);
}
form.style4 fieldset {
border: 0;
padding: 0;
}
form.style4 input[type=submit],
form.style4 button,
form.style4 input[type=time],
form.style4 select {
height: 50px;
}
form.style4 input[type=submit],
form.style4 button {
border-radius: 0;
}
/* =============================================================================
* form style5
* ========================================================================== */
form.style5 input,
form.style5 select,
form.style5 textarea {
background-color: rgb(247, 247, 247);
border-color: rgb(247, 247, 247);
font-size: 0.9rem;
padding: 20px;
border-radius: 20px;
}
form.style5 input.submit,
form.style5 button.submit {
height: auto;
padding: 20px;
font-size: 1rem;
}
form.style5 textarea:hover {
border-color: rgb(153,153,153);
}
form.style5 select {
height: 59px;
}
/* =============================================================================
* form style6
* ========================================================================== */
form.style6 {
background: rgba(0,0,0,0.4);
padding: 25px;
color: rgb(255,255,255);
}
form.style6 input,
form.style6 select,
form.style6 textarea {
background-color: rgba(200,200,200,0.3);
color: rgb(255,255,255);
border-color: rgba(200,200,200,0.3);
}
form.style6 select option {
color: rgb(50,50,50);
}
form.style6 .explanation {
margin-top: 20px;
}
form.style6 h1,
form.style6 h2,
form.style6 h3,
form.style6 h4,
form.style6 h5,
form.style6 h6 {
color: rgb(255,255,255);
}
form.style6 input::-webkit-input-placeholder,
form.style6 textarea::-webkit-input-placeholder {
color: #fff !important;
}
form.style6 input:-moz-placeholder,
form.style6 textarea:-moz-placeholder {
color: #fff !important;
}
form.style6 input::-moz-placeholder,
form.style6 textarea::-moz-placeholder {
color: #fff !important;
}
form.style6 input:-ms-input-placeholder,
form.style6 textarea:-ms-input-placeholder {
color: #fff !important;
}
/* =============================================================================
* form style7
* ========================================================================== */
form.style7 input,
form.style7 select,
form.style7 textarea {
background-color: transparent;
border: 0;
border-bottom: 1px solid rgb(150,150,150);
padding-left: 0;
padding-right: 0;
border-radius: 0;
}
form.style7 input:hover,
form.style7 select:hover,
form.style7 textarea:hover {
border-top: 0;
border-right: 0;
border-left: 0;
}
form.style7 select {
padding: 0;
height: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNC4wNXB4IiBoZWlnaHQ9IjcuNzM4cHgiIHZpZXdCb3g9IjUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDUuOTkgMTAuOTg3IDE0LjA1IDcuNzM4IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBpZD0iRXhwYW5kX01vcmUiIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xOC44MzEsMTEuMTk1bC01LjgxNSw1LjgxNmwtNS44MTUtNS44MTdjLTAuMjc3LTAuMjc3LTAuNzI2LTAuMjc3LTEuMDAyLDBjLTAuMjc3LDAuMjc3LTAuMjc3LDAuNzI2LDAsMS4wMDNsNi4zMTYsNi4zMThsMCwwbDAsMGMwLjI3NywwLjI3NywwLjcyNiwwLjI3NywxLjAwMiwwbDYuMzE2LTYuMzE4YzAuMjc2LTAuMjc3LDAuMjc2LTAuNzI3LDAtMS4wMDRDMTkuNTU3LDEwLjkxOCwxOS4xMDgsMTAuOTE4LDE4LjgzMSwxMS4xOTV6Ii8+PC9zdmc+);
background-position: 100% 58%;
background-repeat: no-repeat;
}
.firefox form.style7 select {
height: 51px;
}
form.style7 textarea {
height: 250px;
}
form.style7 .explanation {
font-size: 0.8rem;
margin: 10px 0;
}
form.style7 input.submit,
form.style7 button.submit {
width: auto;
border-radius: 0;
padding-left: 15px;
padding-right: 15px;
font-size: 1rem;
}
form.style7 div.widget.widget-text {
margin-top: 3px;
}
.color-white form.style7 select,
.color-white form.style7 input.timepicker,
.color-white form.style7 input.datepicker,
.color-white form.style7 input::-webkit-input-placeholder,
.color-white form.style7 textarea::-webkit-input-placeholder {
color: #fff !important;
}
.color-white form.style7 input.timepicker::-webkit-calendar-picker-indicator,
.color-white form.style7 input.datepicker::-webkit-calendar-picker-indicator {
filter: invert(1);
}
/* =============================================================================
* form style8
* ========================================================================== */
form.style8 {
border: 8px solid rgba(0,0,0,0.1);
}
form.style8 .formbody {
padding: 40px 30px;
position: relative;
background: #fff;
}
form.style8 input.submit[type="submit"],
form.style8 button.submit[type="submit"] {
background: none;
border: 3px solid var(--accentColor);
color: var(--accentColor);
border-radius: 0;
height: auto;
font-size: 1rem;
padding: 15px;
}
/* =============================================================================
* fieldset w/checkbox_selector
* ========================================================================== */
form {
transition: All 0.7s ease;
-webkit-transition: All 0.7s ease;
}
fieldset {
opacity: 1;
transition: All 0.7s ease;
-webkit-transition: All 0.7s ease;
}
/* =============================================================================
* FontAwesome for ce_form input
* ========================================================================== */
.formicon-wrapper {
position: relative;
}
.formicon-wrapper .input-group-addon {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.formicon-wrapper .text {
padding-left: 35px;
}
/* =============================================================================
* autogrid - extra classes
* ========================================================================== */
.autogrid_wrapper.grid-l {
margin-left: -3%;
margin-right: -3%;
}
.autogrid_wrapper.grid-l .ce_autogridWrapperStart.autogrid {
padding-left: 3%;
padding-right: 3%;
}
.autogrid.no_gutter {
padding-left: 0;
padding-right: 0;
}
/* =============================================================================
* revolution slider
* ========================================================================== */
.ce_revolutionslider {
position: relative;
}
.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.color-second {
background: var(--secondColor);
border-color: var(--secondColor);
color: #fff;
}
.ce_revolutionslider_hyperlink.text-link:after {
font-family: FontAwesome;
content: "\f0da";
margin-left: 5px;
color: var(--accentColor);
}
.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;
}
.ce_revolutionslider .tp-bannertimer {
top: auto;
bottom: 0;
height: 5px;
}
.ce_revolutionslider .hesperiden .tp-tab-date {
line-height: 1.7;
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-90 {
background: rgba(0,0,0,0.9);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-80 {
background: rgba(0,0,0,0.8);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-70 {
background: rgba(0,0,0,0.7);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-60 {
background: rgba(0,0,0,0.6);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-50 {
background: rgba(0,0,0,0.5);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-40 {
background: rgba(0,0,0,0.4);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-30 {
background: rgba(0,0,0,0.3);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-20 {
background: rgba(0,0,0,0.2);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-d-10 {
background: rgba(0,0,0,0.1);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-90 {
background: rgba(255,255,255,0.9);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-80 {
background: rgba(255,255,255,0.8);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-70 {
background: rgba(255,255,255,0.7);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-60 {
background: rgba(255,255,255,0.6);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-50 {
background: rgba(255,255,255,0.5);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-40 {
background: rgba(255,255,255,0.4);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-30 {
background: rgba(255,255,255,0.3);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-20 {
background: rgba(255,255,255,0.2);
}
.ce_revolutionslider .tp-dottedoverlay.opacity-l-10 {
background: rgba(255,255,255,0.1);
}
.ce_revolutionslider .tp-dottedoverlay.accent-color-90,
.ce_revolutionslider .tp-dottedoverlay.accent-color-80,
.ce_revolutionslider .tp-dottedoverlay.accent-color-70,
.ce_revolutionslider .tp-dottedoverlay.accent-color-60,
.ce_revolutionslider .tp-dottedoverlay.accent-color-50,
.ce_revolutionslider .tp-dottedoverlay.accent-color-40,
.ce_revolutionslider .tp-dottedoverlay.accent-color-30,
.ce_revolutionslider .tp-dottedoverlay.accent-color-20,
.ce_revolutionslider .tp-dottedoverlay.accent-color-10 {
background: var(--accentColor);
}
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link {
background: none!important;
}
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link {
background: none!important;
}
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-white,
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-white:after {
color: rgb(255,255,255);
}
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-black,
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-black:after {
color: rgb(0,0,0);
}
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-gray,
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-gray:after {
color: rgb(144,144,144);
}
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-second,
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-second:after {
color: var(--secondColor);
}
.ce_revolutionslider .gallery:not(.revslider-initialised) {
opacity: 0;
}
.ce_revolutionslider_text.bold {
font-weight: bold;
}
.ce_revolutionslider_text.invertcolor {
color: rgb(255,255,255);
}
.ce_revolutionslider_hyperlink {
background: var(--accentColor);
border: 1px solid var(--accentColor);
color: rgb(255,255,255);
padding: 0 35px;
line-height: 50px;
transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
min-width: 175px;
text-align: center;
border-width: 1px!important;
}
.ce_revolutionslider_hyperlink:hover {
opacity: 0.9!important;
}
.ce_revolutionslider_hyperlink.outline {
border: 1px solid rgb(255,255,255);
background: none;
text-align: center;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
}
.ce_revolutionslider_hyperlink.outline:hover {
background: rgba(255,255,255,0.1);
}
.ce_revolutionslider_hyperlink.outline-dark {
border: 1px solid rgb(59,60,66);
background: none;
text-align: center;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
color: rgb(59,60,66);
}
.ce_revolutionslider_hyperlink.outline-dark:hover {
background: rgb(59,60,66);
color: rgb(255,255,255);
}
.ce_revolutionslider_hyperlink.dark {
border: 1px solid rgb(59,60,66);
background: rgb(59,60,66);
text-align: center;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
color: rgb(255,255,255);
}
.ce_revolutionslider_hyperlink.dark:hover {
background: rgba(59,60,66,0.9);
color: rgb(255,255,255);
}
.ce_revolutionslider_hyperlink.light {
border: 1px solid rgb(255,255,255);
background: rgb(255,255,255);
text-align: center;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
color: var(--accentColor);
}
.ce_revolutionslider_hyperlink.light:hover {
background: rgba(255,255,255,0.9);
}
.ce_revolutionslider_text.bg-white {
background: rgba(255,255,255,0.7);
}
.ce_revolutionslider_hyperlink.btn-size-small {
padding: 9px 15px;
font-size: 0.75rem;
line-height: 1.8rem;
}
.ce_revolutionslider_hyperlink.btn-size-medium {
padding: 9px 20px;
font-size: 1rem;
line-height: 1.8rem;
}
.ce_revolutionslider_hyperlink.btn-size-large {
padding: 10px 90px;
font-size: 1.2rem;
line-height: 1.8rem;
}
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-accent,
.ce_revolutionslider .ce_revolutionslider_hyperlink.text-link.btn-accent:after {
color: var(--accentColor);
}
/* =============================================================================
* 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}}
/* =============================================================================
* #privacy_optout_link
* ========================================================================== */
#privacy_optout_link {
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.fixed-header #privacy_optout_link {
bottom: 45px;
}
/* =============================================================================
* smart phones (s / small screens)
* ========================================================================== */
@media only screen and (max-width: 767px) {
.ce_revolutionslider_hyperlink.outline {
background: rgba(255,255,255,0.4);
}
}
/* =============================================================================
* onepage horizontal scrolling
* ========================================================================== */
@media only screen and (min-width: 768px) {
.onepage_page.horizontal_scrolling {
overflow-x: visible;
}
.onepage_page.horizontal_scrolling #fix-wrapper {
position: fixed;
}
.onepage_page.horizontal_scrolling #slider .inside {
overflow: hidden;
}
.onepage_page.horizontal_scrolling #slider .inside .mod_article {
float: left;
width: 100vw;
vertical-align: top;
}
.onepage_page.horizontal_scrolling #bottom {
position: fixed;
bottom: 0;
width: 100%;
z-index: 10;
}
.onepage_page.horizontal_scrolling.onepage_items_2 #slider > div.inside {
width: calc(100vw * 2);
}
.onepage_page.horizontal_scrolling.onepage_items_3 #slider > div.inside {
width: calc(100vw * 3);
}
.onepage_page.horizontal_scrolling.onepage_items_4 #slider > div.inside {
width: calc(100vw * 4);
}
.onepage_page.horizontal_scrolling.onepage_items_5 #slider > div.inside {
width: calc(100vw * 5);
}
.onepage_page.horizontal_scrolling.onepage_items_6 #slider > div.inside {
width: calc(100vw * 6);
}
.onepage_page.horizontal_scrolling.onepage_items_7 #slider > div.inside {
width: calc(100vw * 7);
}
.onepage_page.horizontal_scrolling.onepage_items_8 #slider > div.inside {
width: calc(100vw * 8);
}
.onepage_page.horizontal_scrolling.onepage_items_9 #slider > div.inside {
width: calc(100vw * 9);
}
.onepage_page.horizontal_scrolling.onepage_items_10 #slider > div.inside {
width: calc(100vw * 10);
}
}
/* =============================================================================
* breakpoint show smartmenu / hide mainmenu
* ========================================================================== */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.smartmenu {
display: block;
}
.mainmenu {
display: none;
}
}
/* =============================================================================
* breakpoint for topbar // hide mod_top_phone
* ========================================================================== */
@media only screen and (min-width: 768px) and (max-width: 1035px) {
#top .mod_top_phone {
display: none;
}
#top .mod_top_mail a {
padding-left: 0;
}
}
/* =============================================================================
* mobile
* ========================================================================== */
@media only screen and (max-width: 767px) {
.font-size-xxxxxl,
.font-size-xxxxxl p {
font-size: 3.5rem;
}
.font-size-xxxxl,
.font-size-xxxxl p {
font-size: 3rem;
}
.font-size-xxxl,
.font-size-xxxl p {
font-size: 2.333rem;
}
.font-size-xxl,
.font-size-xxl p {
font-size: 2rem;
}
.font-size-xl,
.font-size-xl p {
font-size: 1.533rem;
}
.font-size-l,
.font-size-l p {
font-size: 1.467rem;
}
.font-size-m,
.font-size-m p {
font-size: 1.2rem;
}
.font-size-s,
font-size-s p {
font-size: 1.133rem;
}
.font-size-xs,
.font-size-xs p {
font-size: 1.067rem;
}
.font-size-xxs,
.font-size-xxs p {
font-size: 0.9333rem;
}
.font-size-xxxs,
.font-size-xxxs p {
font-size: 0.8rem;
}
.font-size-xxxxs,
.font-size-xxxxs p {
font-size: 0.7333rem;
}
.font-size-xxxxxs,
.font-size-xxxxxs p {
font-size: 0.6667rem;
}
.hide-s {
display: none!important;
}
.hide-mobile,
.hide_mobile,
.only-desktop,
.only_desktop {
display: none!important;
}
.mob_no_up > .attributes {
margin-top: 0!important;
}
.bg-none-mobile .attributes {
background: none!important;
}
#slider {
padding-top: 0!important;
}
.mainmenu {
display: none;
}
#nav-open-btn {
display: block;
}
body {
padding: 0;
}
#wrapper {
width: 100%;
}
#nav-open-btn {
right: 20px;
}
.image_container {
padding: 0;
float: none;
}
html {
-webkit-text-size-adjust: none;
}
table {
font-size: 0.7333rem;
}
body.sidebar #container {
display: block;
padding-left: 0;
padding-right: 0;
}
body.sidebar #main .mod_article > .container {
padding-bottom: 0!important;
}
body.sidebar #main > .inside {
padding-left: 0!important;
padding-right: 0!important;
}
body.sidebar #main {
border-left: 0;
border-right: 0;
}
body.sidebar #left > .inside {
margin-right: 0;
}
body.sidebar.right #right > .inside {
margin-left: 0;
}
body.sidebar.both #right > .inside {
margin-left: 0;
}
body.sidebar #right .inside,
body.sidebar #left .inside {
padding-top: 0;
padding-bottom: 0;
}
.subnav {
display: none;
}
.mod_calendar table {
font-size: 0.4667rem;
}
.mod_subscribe input {
width: 100%;
margin-bottom: 10px;
}
.mod_registration label, .mod_registration input, .mod_registration .submit_container input, .mod_registration .submit_container button, .mod_registration .captcha_text {
width: 100%;
margin: 0;
}
.mod_registration .captcha_text {
margin: 10px 0 15px 0;
}
.mod_registration p.error {
margin-left: 0;
}
form .captcha_text {
line-height: 1em;
}
.mod_search input,
.mod_search button,
.mod_search .widget-text,
.mod_search .widget-submit {
width: 100%!important;
float: none;
margin-bottom: 5px;
margin-left: 0!important;
}
.more a {
padding: 2px 5px;
font-size: 80%;
}
.mod_faqpage section {
width: 100%;
padding: 20px;
}
#slider .slider-control a.slider-next:after,
#slider .slider-control a.slider-prev:before {
font-size: 55px;
}
.image_container .caption {
font-size: 0.8rem;
position: static;
display: inline-block;
}
.autogrid {
flex: 0 0 100%!important;
width: 100%!important;
}
#footer div.autogrid {
flex: 0 0 100%!important;
width: 100%!important;
}
#wrapper .autogrid_wrapper.article .inner {
margin-left: 0;
margin-right: 0;
}
.autogrid_displacer {
margin-left: 0!important;
}
.pagination ul,
.pagination p {
float: none;
display: block;
width: 100%;
}
.only_mobile,
.only-mobile {
display: block!important;
}
.mod_calendar td .event {
text-overflow: ellipsis;
overflow: hidden;
width: 38px;
white-space: normal;
font-size: 0.5rem;
}
.zoomContainer {
display: none;
}
.ce_text .image_container {
margin-left: 0!important;
margin-right: 0!important;
float: none;
}
.newslist-col2 .newslist-v3 {
flex: 0 0 100%;
}
.align-left-m,
.align-left-m * {
text-align: left!important;
}
.align-center-m,
.align-center-m * {
text-align: center!important;
}
.align-right-m,
.align-right-m * {
text-align: right!important;
}
.mod_subscribe .formbody {
display: block;
}
.mod_subscribe .formbody .widget-text {
margin: 0;
}
.ce_hyperlink.mb-0-m a {
margin-bottom: 0;
}
.ce_hyperlink a,
a.btn {
display: block;
}
#main .mod_article:not(.fullwidth) > .container,
#left .mod_article > .container,
#right .mod_article > .container,
#main .mod_article.fullwidth.boxed-content .contentwrap,
#main .autogrid_wrapper.article,
#main .mod_article .ce_parallax .contentwrap,
#main .mod_article .ce_bgimage .ce_bgimage-inside,
#main .mod_article .ce_youtube_background .contentwrap,
.ce_headerimage .ce_headerimage_inside,
.ce_bgimage-inside,
.header .inside,
.ce_iconbox_header .contentwrap,
.mod_pageimage .container,
.ce_easy_slider .swiper-inside .swiper-inside-wrap {
padding-left: 20px!important;
padding-right: 20px!important;
}
#main .autogrid_wrapper.article .mod_article,
#main .mod_article.fullwidth {
padding-left: 0px!important;
padding-right: 0px!important;
}
.mod_article:not(.fullwidth) > .container {
padding-top: 50px;
padding-bottom: 50px;
}
.mod_article.article-pt-0 > .container {
padding-top: 0;
}
.mod_article.article-pb-0 > .container {
padding-bottom: 0;
}
.mod_article.article-pt-xxs > .container,
.mod_article.article-pt-xs > .container,
.mod_article.article-pt-s > .container,
.mod_article.article-pt-m > .container,
.mod_article.article-pt-l > .container,
.mod_article.article-pt-xl > .container,
.mod_article.article-pt-xxl > .container {
padding-top: 50px;
}
.mod_article.article-pb-xxs > .container,
.mod_article.article-pb-xs > .container,
.mod_article.article-pb-s > .container,
.mod_article.article-pb-m > .container,
.mod_article.article-pb-l > .container,
.mod_article.article-pb-xl > .container,
.mod_article.article-pb-xxl > .container {
padding-bottom: 50px;
}
.header {
padding-bottom: 0;
padding-top: 0;
}
#fix-wrapper {
top: 0;
left: 0;
width: 100%;
}
#bottom .inside .left,
#bottom .inside .right {
float: none;
}
#bottom .inside .right a {
margin-left: 0;
margin-right: 15px;
}
#footer .inside {
padding: 40px 20px;
}
body.content_page #slider .pagetitle {
font-size: 1.467rem;
}
#bottom .inside {
padding-left: 20px;
padding-right: 20px;
}
#footer .totop:before {
display: none;
}
.ce_hyperlink.small a,
a.btn.small,
.ce_hyperlink a,
a.btn {
font-size: 0.9rem;
}
h1,
.h1,
.h1 p,
body .headline_style_h1 h1,
body .headline_style_h1 h2,
body .headline_style_h1 h3,
body .headline_style_h1 h4,
body .headline_style_h1 h5,
body .headline_style_h1 h6,
body h1.headline_style_h1,
body h2.headline_style_h1,
body h3.headline_style_h1,
body h4.headline_style_h1,
body h5.headline_style_h1,
body h6.headline_style_h1 {
font-size: 1.733rem;
margin-bottom: 15px;
}
h2,
.h2,
.h2 p,
body .headline_style_h2 h1,
body .headline_style_h2 h2,
body .headline_style_h2 h3,
body .headline_style_h2 h4,
body .headline_style_h2 h5,
body .headline_style_h2 h6,
body h1.headline_style_h2,
body h2.headline_style_h2,
body h3.headline_style_h2,
body h4.headline_style_h2,
body h5.headline_style_h2,
body h6.headline_style_h2 {
font-size: 1.6rem;
margin-bottom: 10px;
}
h3,
.h3,
.h3 p,
body .headline_style_h3 h1,
body .headline_style_h3 h2,
body .headline_style_h3 h3,
body .headline_style_h3 h4,
body .headline_style_h3 h5,
body .headline_style_h3 h6,
body h1.headline_style_h3,
body h2.headline_style_h3,
body h3.headline_style_h3,
body h4.headline_style_h3,
body h5.headline_style_h3,
body h6.headline_style_h3 {
font-size: 1.467rem;
margin-bottom: 10px;
}
h4,
.h4,
.h4 p,
body .headline_style_h4 h1,
body .headline_style_h4 h2,
body .headline_style_h4 h3,
body .headline_style_h4 h4,
body .headline_style_h4 h5,
body .headline_style_h4 h6,
body h1.headline_style_h4,
body h2.headline_style_h4,
body h3.headline_style_h4,
body h4.headline_style_h4,
body h5.headline_style_h4,
body h6.headline_style_h4 {
font-size: 1.2rem;
margin-bottom: 10px;
}
h5,
.h5,
.h5 p,
body .headline_style_h5 h1,
body .headline_style_h5 h2,
body .headline_style_h5 h3,
body .headline_style_h5 h4,
body .headline_style_h5 h5,
body .headline_style_h5 h6,
body h1.headline_style_h5,
body h2.headline_style_h5,
body h3.headline_style_h5,
body h4.headline_style_h5,
body h5.headline_style_h5,
body h6.headline_style_h5 {
font-size: 1.067rem;
margin-bottom: 10px;
}
h6,
.h6,
.h6 p,
body .headline_style_h6 h1,
body .headline_style_h6 h2,
body .headline_style_h6 h3,
body .headline_style_h6 h4,
body .headline_style_h6 h5,
body .headline_style_h6 h6,
body h1.headline_style_h6,
body h2.headline_style_h6,
body h3.headline_style_h6,
body h4.headline_style_h6,
body h5.headline_style_h6,
body h6.headline_style_h6 {
font-size: 1.067rem;
margin-bottom: 10px;
}
.header .mod_langswitcher {
position: absolute;
right: 70px;
top: 50%;
margin-top: -19px;
line-height: 40px;
margin-left: 0!important;
}
/*remove this line for showing the langswitch in mobile header */
.header .mod_langswitcher {
display: none;
}
.header .mod_search {
display: none;
}
.ce_imagemap .hotspot {
display: none;
}
.header.cloned {
box-shadow: none;
}
body.fixed-header .header.cloned {
box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
}
#top {
display: none;
}
.autogrid:not(.ce_autogridwrapper):not(.no_gutter) {
margin-bottom: 25px;
}
body #contentwrapper .ce_form form .autogrid {
margin-bottom: 0;
}
body .ce_form .autogrid {
margin-bottom: 0;
}
.autogrid.autogrid-last {
margin-bottom: 0;
}
#main .mod_article.autogrid {
padding-top: 0;
padding-bottom: 25px;
margin-bottom: 0;
}
#main .mod_article.autogrid.autogrid-first {
padding-top: 25px;
}
.ce_hyperlink.align-right {
text-align: left!important;
}
.ce_revolutionslider #linkToContent {
bottom: 10px;
}
.ce_revolutionslider .rs-container.fullscreen,
.ce_revolutionslider .tp-fullwidth-forcer {
height: calc(100vh - 70px)!important;
}
form.style4 {
padding: 20px;
}
form.style4 .submit_container {
margin-bottom: 10px;
}
.mod_langswitcher .mod_langswitcher_inside:before {
top: -1px;
}
#mmenu_container {
display: block;
}
#cboxPrevious {
transform: scale(0.7);
transform-origin: left;
}
#cboxNext {
transform: scale(0.7);
transform-origin: right;
}
#top .top_metanavi {
display: none;
}
#top .mod_top_phone span {
display: none;
}
#top .mod_socials {
display: none;
}
#top .mod_login_top {
display: none;
}
#top .inside {
padding-left: 20px;
padding-right: 20px;
}
#top .mod_top_mail a {
padding-left: 0;
padding-right: 0;
}
.grid-sizer {
width: 100%!important;
}
.content-swiper .swiper-button-next,
.content-swiper .swiper-button-prev {
display: none;
}
}
@media only screen and (max-width: 500px) {
#main .mod_article:not(.fullwidth) > .container,
#left .mod_article > .container,
#right .mod_article > .container,
#main .mod_article.fullwidth.boxed-content .contentwrap,
#main .autogrid_wrapper.article,
#main .mod_article .ce_parallax .contentwrap,
#main .mod_article .ce_bgimage .ce_bgimage-inside,
#main .mod_article .ce_youtube_background .contentwrap,
.ce_headerimage .ce_headerimage_inside,
.ce_bgimage-inside,
.header .inside,
.ce_iconbox_header .contentwrap,
.mod_pageimage .container,
.ce_easy_slider .swiper-inside .swiper-inside-wrap {
padding-left: 10px!important;
padding-right: 10px!important;
}
}
/* =============================================================================
* 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=');
}
/*=================================
===============GLOBAL==============
=================================*/
:root {
--accentColor: #e21127;
--secondColor: #008d36;
--whiteColor: #ffffff;
--greyColor: #f4f4f4;
--blueSecondary: #819dbc;
--blackColor: #000000;
}
::selection {
background: var(--accentColor);
color: var(--whiteColor);
}
#top .inside,
.header .inside,
#footer .inside,
#bottom .inside,
body.sidebar #container,
.mod_article:not(.fullwidth) > .container,
.fullwidth.boxed-content .contentwrap,
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.autogrid_wrapper.article,
.ce_text_image_bar .inside,
.ce_headerimage .ce_headerimage_inside,
.ce_video_background .ce_video_background_inside,
#offcanvas-top .offcanvas-top-inside,
.ce_calltoaction .ce_calltoaction_inside,
.mod_breadcrumb .mod_breadcrumb_inside,
.mod_pageimage .container,
.ce_easy_slider .swiper-inside .swiper-inside-wrap {
max-width: 1680px;
margin-left: auto;
margin-right: auto;
}
.bg-accent {
background-color: var(--accentColor);
}
.bg-gray {
background-color: var(--greyColor) !important;
}
body {
color: var(--blackColor);
font-family: "Roboto";
background-color: var(--greyColor);
line-height: 1.4rem;
font-weight: normal;
font-size: 16px;
}
.interne p a {
color: var(--accentColor);
}
/* .interne .content-text ul li a {
color: var(--accentColor);
} */
figure:not(#footer figure) {
overflow: hidden;
border-radius: 20px;
}
body section#main {
overflow: hidden !important;
}
.mod_article.fullwidth-boxed-small:not(.fullwidth) > .container,
#bottom .inside {
max-width: 1500px;
}
.mod_breadcrumb {
position: absolute;
bottom: 10px;
width: 100%;
max-width: 1450px;
padding-left: 25px;
padding-right: 25px;
left: 50%;
transform: translate(-50%, 0%);
z-index: 2;
}
/*=================================
===============HEADER==============
=================================*/
#contentwrapper {
background: transparent;
}
.header {
position: relative;
background: var(--whiteColor);
height: 100px;
line-height: initial;
margin-top: 12px;
margin-left: 42px;
margin-right: 42px;
border-radius: 16px;
width: auto;
}
.stickyheader .header.cloned {
line-height: initial;
}
.header.cloned {
box-shadow: 9px 9px 17px 5px rgba(0, 0, 0, 0.1);
transition: line-height 0.3s ease;
-webkit-transition: line-height 0.3s ease;
}
.header .inside {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
max-width: 100%;
}
.header .logos {
z-index: 1;
position: relative;
}
.header .inside .mod_navigation ul {
display: flex;
}
.header .inside .mod_navigation ul.level_1 > li {
border-left: 2px solid var(--accentColor);
padding-left: 10px;
margin: 0 22px;
position: relative;
}
.header .inside .mod_navigation ul li a {
font-family: "Roboto Condensed";
font-weight: bold;
text-transform: uppercase;
color: var(--blackColor);
font-size: 1.125rem;
transition: all 0.5sease;
position: relative;
z-index: 1;
}
.header .inside .mod_navigation ul li:hover > a,
.header .inside .mod_navigation ul li strong.active {
color: var(--accentColor);
}
.header .inside .mod_navigation ul li a span,
.header .inside .mod_navigation ul li strong span {
display: block;
text-transform: initial;
font-family: "Roboto";
font-size: 1rem;
font-weight: 400;
}
.header .mod_navigation {
margin-left: auto;
}
.menu-top {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 17px;
margin-left: 3%;
}
.menu-top .tel-top {
display: block;
position: relative;
}
.menu-top .tel-top a {
color: var(--blackColor);
font-family: Roboto;
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: normal;
transition: all 0.5s ease;
}
.menu-top .tel-top a:hover {
color: var(--accentColor);
}
.menu-top .lien a {
border-radius: 10px;
background: var(--blackColor);
color: var(--whiteColor);
font-family: "Roboto Condensed";
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 7px 34px;
text-transform: uppercase;
transition: all 0.5s ease;
position: relative;
display: block;
}
.menu-top .lien a:hover {
background: var(--accentColor);
}
#slider {
position: relative;
z-index: 12;
margin-left: 45px;
margin-right: 45px;
border-radius: 0;
margin-top: 20px;
width: auto;
height: calc(100vh - 126px);
}
.autogrid_row.same_height > .column > .attributes {
width: 100%;
}
#slider figure {
position: relative;
display: block;
overflow: hidden;
}
.video-left,
.video-top,
.video-bottom {
border-radius: 20px;
overflow: hidden;
position: relative;
}
.video-left video {
position: relative;
display: block;
height: 754px;
object-fit: cover;
object-position: center;
}
.video-top video,
.video-bottom video {
width: 100%;
position: relative;
display: block;
min-height: 367px;
object-fit: cover;
}
#slider .col_4 .same-height-wrap {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
gap: 20px;
}
.video-left:before,
.video-top:before,
.video-bottom:before {
content: "";
background: linear-gradient(
198deg,
rgba(0, 0, 0, 0) 58.14%,
rgba(0, 0, 0, 0.3) 87.47%
);
width: 100%;
height: 100%;
position: absolute;
z-index: 5;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.5s ease; /* Animation fluide pour l'apparition */
animation: fadeIn 0.5s ease forwards; /* Applique l'animation */
animation-delay: 1s; /* Délai de 2 secondes avant l'animation */
}
@keyframes fadeIn {
to {
opacity: 1; /* L'élément devient visible */
}
}
.hover-video {
display: inline-block;
overflow: hidden;
}
.hover-video video {
width: 100%;
transition: transform 0.3s ease; /* Animation zoom */
}
.hover-video:hover video {
transform: scale(1.05); /* Zoom léger au hover */
}
#slider .col_8 .ce_rsce_titre_personnalise .headline {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--whiteColor);
text-align: center;
font-family: "Roboto Condensed";
font-size: 3.75rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
line-height: 0.8;
width: 100%;
/* text-align: center; */
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#slider .col_8 .ce_rsce_titre_personnalise .sub-headline {
font-family: Roboto;
font-size: 2.688rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: initial;
}
#slider .bloc-top .ce_rsce_titre_personnalise,
#slider .bloc-bottom .ce_rsce_titre_personnalise {
position: absolute;
bottom: 2rem;
left: 2rem;
z-index: 5;
}
#slider .bloc-top span.headline,
#slider .bloc-bottom span.headline {
color: var(--whiteColor);
font-family: "Roboto Condensed";
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.home #slider .content-hyperlink a {
position: absolute;
z-index: 3;
left: 0;
top: 0;
color: var(--whiteColor);
text-align: center;
font-family: Roboto;
font-size: 0.9rem;
font-style: normal;
font-weight: 700;
line-height: normal;
border: 1px solid var(--whiteColor);
padding: 7px 14px;
border-radius: 5px;
background: rgb(255 255 255 / 20%);
backdrop-filter: blur(2px);
pointer-events: none;
transform: translate(-50%, -50%);
transition: transform 0.1s ease-out;
text-transform: uppercase;
}
.home #slider .content-hyperlink a {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translate(-50%, -50%);
transition: transform 0.1s ease, opacity 0.2s ease;
}
#wrapper #container {
background: transparent;
}
.passion .autogrid_row {
margin-bottom: 2rem;
}
.title-big {
color: var(--secondColor);
font-family: "Roboto Condensed";
font-size: 9.375rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
position: absolute;
top: 2rem;
opacity: 0.1;
left: 1rem;
}
.title-big.noir {
color: var(--blackColor);
}
.ce_rsce_titre_personnalise h1 {
color: #000;
font-family: "Roboto Condensed";
font-size: 2.813rem;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 80%;
}
.content-hyperlink a {
color: var(--whiteColor);
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
background-color: var(--blackColor);
padding: 8px 20px;
border-radius: 10px;
display: block;
width: fit-content;
min-width: 160px;
justify-content: center;
align-items: center;
display: flex;
transition: 0.5s all ease;
}
.content-hyperlink a:hover {
background-color: var(--accentColor);
}
.ce_rsce_iconbox .content-hyperlink a:hover {
background-color: var(--secondColor);
}
.content-element-group {
display: flex;
gap: 20px;
margin-bottom: 1rem;
}
.passion .content-element-group {
padding-left: 3rem;
}
.passion .content-text {
padding-left: 3rem;
border-left: 1px solid #000;
margin-bottom: 3rem;
max-width: 85%;
margin-top: 2rem;
}
p {
font-size: 1rem;
}
li a {
color: var(--accentColor);
text-decoration: none;
}
.bloc-count-up {
background: var(--blackColor);
max-width: 425px;
border-radius: 25px;
padding: 30px 30px !important;
height: max-content;
}
.bloc-count-up .attributes {
height: 100%;
}
.bloc-count-up .same-height-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
gap: 20px;
}
.bloc-count-up .headline {
font-size: 3.563rem;
display: block;
line-height: 0.9;
font-weight: bold;
margin-bottom: 0;
}
.bloc-count-up p,
.bloc-count-up p span {
color: var(--whiteColor);
font-size: 1.2rem;
margin-bottom: 0;
}
.ce_rsce_countup {
display: flex;
gap: 14px;
justify-content: center;
align-items: flex-end;
}
.passion .ce_gallery > ul,
.passion .ce_gallery > ul {
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
.passion .ce_gallery ul li:first-child {
width: 46%;
}
.passion .ce_gallery ul li:nth-child(2) {
width: 28%;
}
.passion .ce_gallery ul li:last-child {
width: 22%; /* Exemple */
}
.passion img {
object-fit: contain;
width: auto !important;
height: 100% !important;
max-width: initial !important;
}
.expertises {
background: var(--whiteColor);
margin: 0 40px;
border-radius: 20px;
}
.red .title-big {
color: var(--accentColor);
}
h2 {
color: var(--blackColor);
font-family: "Roboto Condensed";
font-size: 2.5rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
span.sub-headline.part-two {
display: flex;
}
/*-tabs --*/
.ce_rsce_accordion_start {
margin-top: 3rem;
}
.ce_rsce_accordion_start .container_tabs ul {
display: flex;
}
.expertises .ce_rsce_accordion_start .container_tabs ul li:not(:last-child) {
margin-right: 24px;
padding-right: 24px;
border-right: 1px solid var(--blackColor);
}
.expertises .ce_rsce_accordion_start .container_tabs .tab {
font-family: Roboto;
font-size: 2.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
cursor: pointer;
color: var(--blackColor);
}
.expertises .ce_rsce_accordion_start .container_tabs .tab.active {
color: var(--accentColor);
}
.expertises .ce_rsce_accordion_start .content {
opacity: 0;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
display: none; /* Masqué par défaut */
}
.expertises .ce_rsce_accordion_start .container_tabs {
margin-bottom: 2rem;
}
.expertises .ce_rsce_accordion_start .content.active {
opacity: 1;
transform: translateY(0);
display: block; /* Affiche le contenu actif */
}
.expertises .ce_rsce_accordion_start .container_tabs .tab p {
font-size: 2.25rem;
margin-bottom: 0;
}
picture {
display: flex;
}
.ce_rsce_liste_imagebox {
position: relative;
display: block;
margin-bottom: 2rem;
border-radius: 25px;
overflow: hidden;
}
.image-container:before {
content: "";
background: linear-gradient(
198deg,
rgba(0, 0, 0, 0) 58.14%,
rgba(0, 0, 0, 0.3) 87.47%
);
width: 100%;
height: 100%;
position: absolute;
z-index: 5;
top: 0;
left: 0;
}
.expertises .imagebox .text-container h3 {
z-index: 6;
position: absolute;
margin: 0;
bottom: 1rem;
left: 1rem;
color: var(--whiteColor);
font-family: "Roboto Condensed";
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
line-height: normal;
transition: all 0.5s ease;
}
.expertises .imagebox:hover .text-container h3 {
bottom: 2rem;
left: 2rem;
transition: all 0.5s ease;
}
.imagebox .content-hyperlink a {
position: absolute;
z-index: 3;
left: 0;
top: 0;
color: var(--whiteColor);
text-align: center;
font-family: Roboto;
font-size: 0.9rem;
font-style: normal;
font-weight: 700;
line-height: normal;
/*-border: 1px solid var(--whiteColor);-*/
padding: 7px 14px;
border-radius: 5px;
background: rgb(255 255 255 / 20%);
backdrop-filter: blur(2px);
pointer-events: none;
transform: translate(-50%, -50%);
transition: transform 0.1s ease-out;
text-transform: uppercase;
min-width: auto;
}
.imagebox .content-hyperlink a {
position: absolute;
top: 0;
left: 0;
display: none;
transform: translate(-50%, -50%);
transition: transform 0.1s ease, opacity 0.2s ease;
}
.imagebox .image-container {
border-radius: 20px;
overflow: hidden !important;
display: block;
position: relative;
}
.imagebox img {
transition: transform 0.5s ease;
}
.imagebox:hover img {
filter: blur(2px);
transition: transform 0.5s ease;
transform: scale(1.05);
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: -40px;
left: auto;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
right: auto;
left: -40px;
}
.swiper-button-next,
.swiper-button-prev {
color: var(--blackColor);
top: 44%;
transform: translateY(-50%);
z-index: 4;
margin-top: 0;
width: auto;
right: -85px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
content: "";
background-image: url(/files/upmotion/image/picto/arrow-black.svg);
width: 69px;
height: 69px;
background-repeat: no-repeat;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
right: auto;
left: -85px;
right: initial !important;
}
.swiper-button-prev:after {
transform: rotate(180deg);
}
.ce_rsce_accordion_start {
overflow: visible !important;
}
.swiper-scrollbar-horizontal {
position: relative !important;
bottom: 0 !important;
height: 10px !important;
background: transparent;
border: 1px solid var(--greyColor);
}
.swiper-scrollbar-drag {
background: var(--blackColor);
border-radius: 10px;
cursor: pointer;
}
.swiper-button-disabled {
opacity: 0 !important;
}
.piste.picto-bg svg {
position: absolute;
bottom: 0;
z-index: -1;
right: calc((100% - 1280px) / -2);
width: auto;
}
body section#main,
div#article-2,
div#article-1 {
overflow: visible !important;
}
.ce_rsce_iconbox {
background: var(--whiteColor);
min-height: 376px;
display: flex;
flex-direction: column;
padding: 22px;
border-radius: 20px;
justify-content: space-between;
border: 2px solid var(--whiteColor);
}
.ce_rsce_iconbox .image {
display: flex;
width: 72px;
height: 72px;
background: var(--greyColor);
justify-content: center;
align-items: center;
border-radius: 20px;
}
.ce_rsce_iconbox .content .headline {
font-size: 30px;
font-family: "Roboto Condensed";
color: var(--blackColor);
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;
}
.ce_rsce_iconbox .content p {
font-size: 1rem;
}
.ce_rsce_iconbox.contact {
background: transparent;
border: 2px solid var(--secondColor);
}
.ce_rsce_iconbox.contact .image {
background: var(--whiteColor);
}
.ce_rsce_iconbox.contact .content-hyperlink {
min-height: 65px;
}
.terrain-foot.picto-bg svg {
position: absolute;
top: -60%;
z-index: -1;
right: calc((100% - 1420px) / -2);
width: auto;
}
.article-meilleur {
margin: 0 40px;
border-radius: 20px;
}
.article-meilleur .content-text.txt-color-white {
position: absolute;
top: 15%;
left: calc((100% - 1500px) / 2);
z-index: 3;
margin: auto;
}
.article-meilleur .container_tabs {
position: absolute;
z-index: 3;
top: 50%;
left: 7%;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs ul {
display: flex;
flex-direction: column;
padding-left: 40px;
border-left: 1px solid var(--whiteColor);
}
.article-meilleur .ce_rsce_accordion_start .panes:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 20px;
background: linear-gradient(
258deg,
rgba(0, 0, 0, 0) 34.89%,
rgba(0, 0, 0, 0.4) 75%
)
no-repeat;
position: absolute;
z-index: 2;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab {
color: var(--whiteColor);
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab p {
font-size: 1.125rem;
margin-bottom: 0;
text-transform: uppercase;
font-weight: bold;
line-height: 4rem;
cursor: pointer;
transition: all 0.5s ease;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab.active p {
font-size: 3.125rem;
}
.content-text h2 {
font-family: "Roboto Condensed";
font-size: 4rem;
font-weight: 400;
}
.article-meilleur .content-text p {
width: 50%;
}
.article-meilleur .panes > div {
position: relative;
overflow: hidden;
transition: transform 10s linear, opacity 1.5s;
}
.article-meilleur .panes > div img {
width: 100%;
height: auto;
transform: scale(1);
transition: transform 10s linear;
}
.article-meilleur .panes > div:hover img {
transform: scale(1.05);
opacity: 0.9;
}
.article-meilleur .swiper-container {
position: relative;
--swiper-theme-color: #333;
height: auto;
overflow: hidden;
border-radius: 25px;
}
.article-meilleur .swiper-slide img {
width: 100%;
height: auto;
transform: scale(1);
transition: transform 10s linear;
animation: zoomInOut 20s infinite linear;
}
.article-meilleur .picto-vert {
position: absolute;
top: -40px;
z-index: 5;
right: 40px;
}
.bloc-realisations .content-text.mb-m {
width: 70%;
}
.swiper-material {
height: 610px;
}
.swiper-material img {
position: absolute;
left: 0%;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: var(--swiper-material-slide-border-radius);
}
.swiper-material .text-container {
position: absolute;
font-size: 24px;
color: #fff;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
box-sizing: border-box;
padding: 24px;
display: flex;
flex-direction: column;
font-weight: 500;
justify-content: flex-end;
align-items: flex-start;
/* space: nowrap; */
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.2) 50%
);
pointer-events: none;
}
.swiper-material .imagebox .content-place {
z-index: 6;
position: absolute;
margin: 0;
bottom: 10rem;
left: 2rem;
color: var(--whiteColor);
font-family: "Roboto";
font-size: 1.375rem;
font-style: 500;
line-height: normal;
transition: all 0.5s ease;
display: flex;
justify-content: center;
align-items: flex-end;
gap: 15px;
line-height: inherit;
}
.swiper-material .imagebox .content-title {
z-index: 6;
position: absolute;
margin: 0;
bottom: 3rem;
left: 2rem;
transition: all 0.5s ease;
}
.swiper-material .imagebox .text-container h3 {
font-size: 2rem;
width: auto;
color: var(--whiteColor);
margin-bottom: 0;
word-wrap: revert-layer;
margin-right: 2%;
min-width: 390px;
}
.swiper-material .imagebox,
.swiper-material .imagebox .image-content {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.ce_rsce_liste_realisation .swiper-button-next,
.ce_rsce_liste_realisation .swiper-button-prev {
color: var(--blackColor);
top: 57%;
transform: translateY(-50%);
z-index: 4;
margin-top: 0;
width: auto;
right: -40px;
}
.ce_rsce_liste_realisation .swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: -40px;
}
.bloc-realisations .content-hyperlink.btn-absolute {
position: absolute;
top: 11rem;
right: 0;
}
.terrain-basket {
position: absolute;
z-index: -1;
right: calc((100% - 1420px) / -2);
width: auto;
bottom: 0;
}
.bloc-transmission {
background: #1d1d1d;
margin: 0 40px;
border-radius: 20px;
margin-bottom: 8rem;
overflow: visible !important;
}
.title-big.white {
color: var(--whiteColor);
}
.bloc-transmission .headline {
color: var(--whiteColor);
}
.bloc-transmission .title-big.white {
color: var(--whiteColor);
top: -5rem;
}
.bloc-transmission .content-text.txt-color-white.mb-s {
width: 80%;
}
.content-hyperlink.txt-color-white a {
background: var(--whiteColor);
color: var(--blackColor);
}
.content-hyperlink.txt-color-second a {
background: var(--accentColor);
}
.bloc-transmission .content-player {
position: absolute;
z-index: 1;
top: 0;
}
.bloc-transmission video {
position: relative;
display: block;
object-fit: cover;
object-position: center;
width: 100%;
height: 664px;
}
.play-video {
position: absolute;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
bottom: -4rem;
left: -2rem;
cursor: pointer;
}
.play-video span {
padding: 0px 10px;
background: var(--accentColor);
border-radius: 25px;
font-size: 0.725rem;
font-weight: 500;
color: var(--whiteColor);
min-width: 116px;
text-align: center;
}
.picto-rouge {
position: absolute;
top: -20px;
z-index: 0;
right: 0;
}
/*-listactu home-*/
.mod_newslist {
display: grid;
grid-template-columns: 40% 60%;
grid-template-rows: repeat(2, 1fr);
}
.mod_newslist .layout_latest:first-child {
grid-row: span 2 / span 2;
margin: 15px;
}
.mod_newslist .layout_latest:last-child {
grid-column-start: 2;
grid-row-start: 2;
}
.mod_newslist .layout_latest:last-child,
.mod_newslist .layout_latest:nth-child(2) {
margin: 15px;
}
.mod_newslist .layout_latest .headline {
color: var(--blackColor);
font-family: "Roboto Condensed";
font-size: 1.875rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.mod_newslist .layout_latest {
background: var(--whiteColor);
border-radius: 20px;
padding: 15px;
position: relative;
}
.mod_newslist .content-image .info {
padding: 5px 9px;
background: var(--blackColor);
border-radius: 10px;
display: inline-flex;
color: var(--whiteColor);
font-size: 0.9rem;
font-weight: bold;
position: absolute;
bottom: 1rem;
left: 1rem;
z-index: 1;
}
.mod_newslist .content-image {
position: relative;
}
.mod_newslist a,
.mod_newslist a path {
transition: all 0.5s ease;
}
.mod_newslist a:hover path {
transform: rotate(-8deg);
fill: var(--accentColor);
}
.mod_newslist a:hover rect {
stroke: var(--accentColor);
}
.content-image .layout_latest:first-child .image_container img {
height: 311px;
}
.mod_newslist .content-text .headline {
color: var(--blackColor);
font-family: "Roboto Condensed";
font-size: 1.875rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.mod_newslist .content-text {
display: flex;
flex-direction: column;
margin-top: 1rem;
height: 50%;
justify-content: space-between;
}
.content-text-inside {
margin-bottom: 52px;
}
.mod_newslist .layout_latest:nth-child(2),
.mod_newslist .layout_latest:last-child {
display: flex;
height: auto;
position: relative;
margin: 15px !important;
}
.mod_newslist .layout_latest:nth-child(2) img,
.mod_newslist .layout_latest:last-child img {
object-fit: cover;
}
.mod_newslist .layout_latest:nth-child(2) .content-image,
.mod_newslist .layout_latest:last-child .content-image {
position: relative;
width: 35%;
}
.mod_newslist .layout_latest:nth-child(2) .content-text,
.mod_newslist .layout_latest:last-child .content-text {
margin-left: 2rem;
width: 65%;
height: 92%;
}
.mod_newslist .layout_latest:nth-child(2) img,
.mod_newslist .layout_latest:last-child img,
.mod_newslist .layout_latest:nth-child(2) picture,
.mod_newslist .layout_latest:last-child picture,
.mod_newslist .layout_latest:nth-child(2) figure,
.mod_newslist .layout_latest:last-child figure {
height: 100%;
}
.mod_newslist .layout_latest .content-text > a {
display: inline-flex;
justify-content: flex-end;
width: fit-content;
position: absolute;
right: 10px;
bottom: 10px;
}
.bloc-sportingmag .content-hyperlink.btn-absolute {
position: absolute;
top: 8rem;
right: 0;
}
.terrain-hand.picto-bg svg {
position: absolute;
top: 0;
z-index: -1;
right: calc((100% - 1420px) / -2);
width: auto;
}
#footer {
position: relative;
background: var(--whiteColor);
/* height: 100px; */
line-height: initial;
margin-left: 42px;
margin-right: 42px;
border-radius: 16px;
width: auto;
}
#footer .inside {
height: 100%;
}
#footer .inside .container {
height: 100%;
max-width: 100%;
padding: 0;
}
#footer p a {
color: var(--blackColor);
font-weight: bold;
}
#footer .headline {
text-transform: uppercase;
font-family: "Roboto Condensed";
font-size: 1.25rem;
font-weight: bold;
}
#footer .mod_customnav ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
#footer .mod_customnav ul a {
color: var(--blackColor);
text-decoration: none;
font-size: 0.9rem;
}
#footer .mod_customnav ul a:hover {
color: var(--accentColor);
}
a {
color: var(--accentColor);
text-decoration: none;
}
#footer .content-element-group {
display: flex;
gap: 9px;
margin-bottom: 1rem;
flex-direction: column;
margin-top: 2rem;
}
.column.last-column.col_2 {
border-left: 1px solid rgb(0 0 0 / 20%);
padding-left: 3rem;
}
.content-hyperlink.txt-color-accent a {
background: var(--accentColor);
}
.content-hyperlink.txt-color-accent a:hover {
background: var(--blackColor);
color: var(--whiteColor);
}
#bottom {
background: transparent;
}
#bottom .inside,
#bottom .inside a {
color: var(--blackColor);
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
font-size: 0.8rem;
}
#bottom .inside {
max-width: 100%;
text-align: right;
}
#bottom .tarteaucitronOpenPanel {
cursor: pointer;
}
#cboxClose:hover {
border: none !important;
}
/*-- INTERNE ---*/
.interne h1 {
font-size: 2.5rem;
text-transform: uppercase;
font-weight: bold;
font-family: "Roboto Condensed";
color: var(--blackColor);
}
.interne h1 span.sub-headline.part-two {
display: flex;
font-size: 2.688rem;
text-transform: initial;
font-weight: 400;
font-family: "Roboto";
}
.interne .ce_rsce_titre_personnalise.title-big {
font-size: 6rem;
top: -3rem;
left: 0;
}
.interne .presentation .container {
max-width: 100% !important;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
.interne .presentation .column:first-child {
background: var(--whiteColor);
border-radius: 20px;
padding: 70px 90px;
padding-bottom: 0;
max-height: 505px;
}
.interne .presentation .autogrid_row.same_height > .column > .attributes {
display: flex;
flex-wrap: wrap;
height: 100%;
position: relative;
}
/* SLIDER image x3 */
.interne .presentation .column:last-child .same-height-wrap {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: repeat(2, 1fr);
}
/* SLIDER image x1 */
.interne
.presentation:has(.content-image:only-child)
.content-image:last-child {
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 3;
grid-row-end: 3;
height: 100%;
}
.interne #slider .presentation:has(.content-image:only-child) picture img {
height: 100%;
object-fit: cover;
}
/*
.interne #slider .presentation {
margin-bottom: 4rem;
}
*/
.interne .presentation .content-player {
grid-row: span 2 / span 2;
height: fit-content;
position: relative;
display: block;
}
/* SLIDER video x1 */
.interne .presentation:has(.ce_player:only-child) .ce_player:last-child {
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 3;
grid-row-end: 3;
height: 100%;
}
.interne .presentation:has(.ce_player:only-child) .ce_player:last-child .video_container,
.interne .presentation:has(.ce_player:only-child) .ce_player:last-child video {
height: 100%;
}
.interne .presentation:has(.content-image:only-child) .content-image:last-child figure,
.interne .presentation:has(.content-image:only-child) .content-image:last-child picture {
height: 100%;
}
.interne .presentation:has(.content-player:only-child) .content-player {
grid-column: span 2 / span 2;
}
.interne .presentation .content-image {
margin-top: 0 !important;
}
.interne .presentation .content-image,
.interne .presentation.content-image:last-child {
display: flex;
position: relative;
margin: 15px;
height: auto;
height: 300px;
}
.interne .presentation .content-image:last-child {
grid-column-start: 2;
grid-row-start: 2;
height: 187px;
}
.interne .presentation .content-image.second-last:last-child {
grid-row: span 2 / span 2;
height: fit-content;
}
.interne .presentation video {
height: 505px;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
}
.interne .first.content-image,
.interne .first.ce_player {
grid-row: span 2 / span 2;
height: fit-content;
position: relative;
display: block;
}
.interne .first.content-image img,
.interne .first.ce_player video {
height: 505px;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
}
figure:not(#footer figure) {
overflow: hidden;
border-radius: 20px;
display: flex;
}
.interne .content-player figure video {
border-radius: 20px;
/*-height: max-content;-*/
}
img {
max-width: 100%;
height: auto;
object-fit: cover;
}
.mod_breadcrumb {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1;
transform: initial !important;
width: auto;
bottom: initial;
padding-top: 15px;
padding-bottom: 15px;
}
.mod_breadcrumb ul li:not(:first-child):before {
content: "/";
margin-right: 5px;
margin-left: 5px;
}
.mod_breadcrumb .pagetitle {
display: none;
}
.mod_breadcrumb ul {
display: flex;
align-items: center;
}
.mod_breadcrumb ul li,
.mod_breadcrumb ul li a,
.mod_breadcrumb ul li span {
color: var(--white);
font-size: 0.875rem;
font-weight: 300;
line-height: 15px;
}
.interne #slider {
height: auto !important;
}
.interne .imagebox.ce_rsce_imagebox .image-content {
border-radius: 20px;
overflow: hidden !important;
display: block;
position: relative;
}
.interne .d_20_20_20_20_20 .column {
position: relative;
}
.interne .imagebox.ce_rsce_imagebox .text-container .headline {
z-index: 6;
position: absolute;
margin: 0;
bottom: 1rem;
left: 1rem;
color: var(--whiteColor);
font-family: "Roboto Condensed";
font-size: 1.25rem;
font-style: normal;
font-weight: 700;
line-height: normal;
transition: all 0.5s ease;
}
.interne .imagebox.ce_rsce_imagebox .text-container {
display: block;
position: relative;
}
.interne .content-text.h-align-center .rte {
max-width: 1080px;
margin: auto;
}
.interne .content-text h2 {
font-size: 2.813rem;
}
.interne .bloc-realisations {
background: #1d1d1d;
margin: 0 40px;
border-radius: 20px;
overflow: visible !important;
margin-bottom: 40px;
}
.interne .bloc-realisations .title-big.white {
color: var(--whiteColor);
top: 3rem;
background: transparent;
}
.interne .bloc-realisations .headline {
color: var(--whiteColor);
}
.bloc-realisations .swiper .swiper-slide .text-container > div {
opacity: 0;
transition: 0.25s;
}
.bloc-realisations .swiper .swiper-slide.swiper-slide-visible .text-container > div {
opacity: 1;
}
.bloc-realisations .swiper .swiper-slide .text-container > div .headline {
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 2;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bloc-realisations .swiper .swiper-slide .text-container > .content-place > span {
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 1;
-webkit-line-clamp: 1;
overflow: hidden;
}
.interne .ce_rsce_titre_personnalise.align-center.title-big {
left: 50%;
transform: translateX(-50%);
top: 3rem;
}
.interne .ce_rsce_titre_personnalise.align-center span.sub-headline.part-two {
justify-content: center;
}
.interne .autogrid_row.inside-services {
max-width: 1280px;
margin: auto;
}
.interne .bloc-equipements {
background: var(--whiteColor);
margin: 0 40px;
border-radius: 20px;
overflow: visible !important;
margin-bottom: 80px;
}
.bloc-simple-image img {
height: 390px;
}
.interne h3 {
color: var(--blackColor);
font-family: "Roboto";
font-size: 1.9rem;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.interne .content-simple .content-text .rte {
padding-left: 3rem;
border-left: 1px solid var(--blackColor);
padding-right: 5rem;
margin-top: 3rem;
}
.content-simple .content-text {
margin-left: 3rem;
}
.interne .mod_article.white {
background: #ffffff;
margin: 0 40px;
border-radius: 20px;
overflow: visible !important;
margin-bottom: 80px;
}
.interne .white .container {
max-width: 1640px;
margin: auto;
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.bloc-simple-image .ce_rsce_iconbox img {
height: auto;
}
/*-- MEGAMENU --*/
.menuheader > a {
pointer-events: none;
}
.header .mod_navigation {
overflow: visible;
}
.header .mod_navigation ul li.creervosespaces .content-sub_items {
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
background: white;
width: 100vw;
left: 0;
/* transform: translate(-50%, 0%); */
top: -3rem;
position: fixed;
height: 0;
border-radius: 20px;
transition: all 0.5sease;
display: block;
z-index: 0;
/* max-width: 1920px; */
}
.header .mod_navigation ul li.creervosespaces:hover .content-sub_items {
padding-top: 8rem;
}
.header .mod_navigation ul li.creervosespaces .content-sub_items .grid_row {
position: relative;
display: block;
width: 100%;
}
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_2
> li:last-child {
padding-left: 10px;
}
.header
.mod_navigation
ul
li.creervosespaces
ul.level_2
li:hover
.content-sub_items {
height: auto;
padding-bottom: 0rem;
padding-top: 0 !important;
padding: 0 !important;
}
.header .mod_navigation ul li.creervosespaces:hover .content-sub_items {
height: 670px;
transition: all 0.5s ease;
border-radius: 0px 0px 20px 20px;
}
.header .inside .mod_navigation ul li:not(.creervosespaces) .content-sub_items {
position: absolute;
background: var(--whiteColor);
left: 0;
top: 2.5rem;
padding: 0rem;
padding-top: 0rem;
width: 100%;
min-width: 235px;
height: 0;
border-radius: 20px;
overflow: hidden;
}
.header
.inside
.mod_navigation
ul
li:not(.creervosespaces):hover
.content-sub_items {
height: fit-content;
padding: 1rem;
padding-top: 3rem;
}
.header
.inside
.mod_navigation
ul
li:not(.creervosespaces)
.content-sub_items
ul.level_2
li
a {
color: #000;
font-family: "Roboto";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: initial;
transition: all 0.1s ease;
}
.header
.inside
.mod_navigation
ul
li:not(.creervosespaces)
.content-sub_items
ul.level_2
li
a:hover {
color: var(--accentColor);
}
.header
.inside
.mod_navigation
ul
li:not(.creervosespaces)
.content-sub_items
ul.level_2
li {
margin: 6px 0px;
}
.header .inside .mod_navigation ul li:not(.creervosespaces) ul.level_2 {
display: flex;
flex-direction: column;
}
.header
.inside
.mod_navigation
ul
li.creervosespaces
.content-sub_items
.container {
display: flex;
max-width: 1460px;
padding-top: 4rem;
height: 100%;
margin: auto;
}
.header .inside .mod_navigation ul li.creervosespaces ul.level_2 li {
height: 100%;
border-left: none;
margin: 0;
width: 50%;
}
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_2
li.submenu
> a {
position: absolute;
top: 50%;
left: 2rem;
transform: translateY(-50%);
color: var(--whiteColor);
}
.mod_breadcrumb ul li.active.last {
font-weight: 500;
}
.mod_navigation ul li.creervosespaces .content-parent {
display: block;
position: relative;
}
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_2
.content-parent
strong.active.submenu,
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_2
.content-parent
a.submenu {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 2rem;
color: var(--whiteColor);
text-transform: uppercase;
font-family: "Roboto Condensed";
font-size: 2.5rem;
font-weight: 500;
pointer-events: none;
}
.header .mod_navigation ul li.creervosespaces ul.level_2 li .content-sub_items {
position: relative;
display: flex;
left: initial;
transform: initial;
top: initial;
height: auto;
border-radius: 0;
margin-top: 1rem;
width: 100%;
}
.header
.mod_navigation
ul
li.creervosespaces
ul.level_2
li
.content-sub_items
.container {
padding: 0rem 1rem;
max-width: 100% !important;
margin: 0;
width: 100%;
display: block;
}
.header .inside .mod_navigation ul li.creervosespaces ul.level_3 {
flex-wrap: wrap;
flex-direction: column;
height: 280px;
}
.header
.mod_navigation
ul
li.creervosespaces
ul.level_2
li.submenu:last-child
.content-sub_items
.level_3 {
height: 210px;
}
.header .inside .mod_navigation ul li.creervosespaces ul.level_3 li {
width: 33.33%;
padding: 0;
margin: 15px 0px;
height: auto;
}
.header .inside .mod_navigation ul li.creervosespaces ul.level_3 li a,
.header .inside .mod_navigation ul li.creervosespaces ul.level_3 li strong {
color: #000;
font-family: "Roboto";
font-size: 1.2rem;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: initial;
transition: all 0.5s ease;
}
.header .inside .mod_navigation ul li.creervosespaces ul.level_3 li a:hover,
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_3
li
strong.active,
.header .inside .mod_navigation ul li.creervosespaces ul.level_3 li.trail a,
.header .inside .mod_navigation ul li a.trail {
color: var(--accentColor);
transition: all 0.2s ease;
font-weight: bold;
}
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_2
.content-hyperlink {
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%);
}
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_2
li
.content-hyperlink
a {
background: var(--whiteColor);
font-size: 1rem;
}
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_2
li:first-child {
border-right: 2px solid var(--accentColor);
padding-right: 10px;
}
.header
.inside
.mod_navigation
ul
li.creervosespaces
ul.level_3
li:first-child {
border-right: none;
}
.interne .presentation.simple .column:last-child .same-height-wrap {
display: flex;
height: 100%;
}
.interne .presentation.simple .content-image:last-child {
grid-column-start: initial;
grid-row-start: initial;
height: auto;
}
.interne .mod_newslist {
display: flex;
max-height: max-content;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
}
.interne .mod_newslist .layout_latest {
grid-row: initial;
margin: 15px;
width: 31%;
display: flex;
flex-direction: column;
}
.interne .mod_newslist .layout_latest:nth-child(2) .content-image,
.interne .mod_newslist .layout_latest:last-child .content-image {
position: relative;
width: 100%;
}
.interne .mod_newslist .layout_latest:nth-child(2) .content-text,
.interne .mod_newslist .layout_latest:last-child .content-text {
margin-left: 0;
width: 100%;
height: auto;
}
.interne .mod_newslist .content-text-inside > .ce_text {
max-height: 105px;
}
.interne .mod_newslist .content-text-inside > .ce_text p {
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 4;
-webkit-line-clamp: 4;
overflow: hidden;
}
.home .mod_newslist > .layout_latest:not(:first-child) .content-text-inside > .ce_text {
max-height: 125px;
}
.home .mod_newslist > .layout_latest:not(:first-child) .content-text-inside > .ce_text p {
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 5;
-webkit-line-clamp: 5;
overflow: hidden;
}
.home .mod_newslist > .layout_latest:first-child .content-text-inside > .ce_text {
max-height: 250px;
}
.home .mod_newslist > .layout_latest:first-child .content-text-inside > .ce_text p {
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 11;
-webkit-line-clamp: 11;
overflow: hidden;
}
.container-map {
width: 100%;
}
div#rsce_leaflet_map {
height: 505px;
/* width: 850px; */
width: 100%;
display: flex;
border-radius: 20px;
min-width: 100%;
}
.leaflet-control-attribution.leaflet-control {
display: none;
}
div#rsce_leaflet_map img.leaflet-tile.leaflet-tile-loaded {
filter: saturate(0.5);
}
.ce_form.block {
max-width: 1280px;
margin: auto;
background: var(--whiteColor);
padding: 2rem;
border-radius: 25px;
}
textarea {
height: 100px !important;
resize: none;
}
input,
textarea,
select {
padding: 10px;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(0, 0, 0, 0.2);
transition: all 0.15s linear 0s;
width: 100%;
font-family: inherit;
border-radius: 10px;
}
label {
margin-bottom: 3px;
font-size: 1rem;
/* text-transform: uppercase; */
font-family: "Roboto Condensed";
}
input:hover:not([type="submit"]),
button:hover:not([type="submit"]),
textarea:hover {
border: 1px solid var(--accentColor) !important;
}
form .checkbox_container {
overflow: hidden;
margin-bottom: 2px;
padding: 0;
border: none;
}
.explanation p {
font-size: 0.8rem;
}
input.submit,
button.submit {
border-radius: 10px;
background: var(--blackColor);
color: var(--whiteColor);
font-family: "Roboto Condensed";
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 7px 34px;
text-transform: uppercase;
transition: all 0.5s ease;
position: relative;
display: block;
}
input:focus,
textarea:focus {
background-color: #fff;
border: 1px solid var(--accentColor);
border-radius: 0;
}
.cm_listing.interne {
display: flex;
flex-wrap: wrap;
}
.cm_listing.interne .text-container {
position: absolute;
font-size: 24px;
color: #fff;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
box-sizing: border-box;
padding: 24px;
display: flex;
flex-direction: column;
font-weight: 500;
justify-content: flex-end;
align-items: flex-start;
/* space: nowrap; */
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.2) 50%
);
pointer-events: none;
}
.cm_listing.interne .imagebox,
.cm_listing.interne .imagebox .image-content {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.cm_listing.interne .imagebox {
margin: 0.5rem;
border-radius: 20px;
overflow: hidden;
}
.cm_listing.interne .imagebox .text-container > h2 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
line-height: unset;
}
.cm_listing.interne .imagebox .text-container .headline {
font-size: 1.588rem;
font-weight: 700;
width: auto;
color: var(--whiteColor);
margin-bottom: 0;
word-wrap: revert-layer;
margin-right: 0;
min-width: 90%;
}
.cm_listing.interne .imagebox .content-place {
z-index: 6;
/* position: absolute; */
margin: 0;
bottom: 7rem;
left: 2rem;
color: var(--whiteColor);
font-family: "Roboto";
font-size: 1.1rem;
font-weight: 200;
line-height: normal;
transition: all 0.5s ease;
display: flex;
justify-content: center;
align-items: flex-end;
gap: 8px;
line-height: inherit;
}
.cm_listing.interne .imagebox .content-place svg {
height: 20px;
}
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(2),
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(3),
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(4),
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(5),
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(6),
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(5),
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(6),
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(7),
.cm_listing .imagebox a.ce_lightbox.cboxElement:nth-child(8) {
display: none;
}
#cboxContent #cboxNext,
#cboxContent #cboxPrevious {
display: flex;
align-items: center;
justify-content: center;
width: 65px !important;
height: 65px;
border-radius: 50%;
border: none !important;
background: initial;
background-color: transparent;
}
#cboxPrevious::after {
background: url(/files/upmotion/image/picto/arrow-black.svg);
background-size: contain;
background-repeat: no-repeat;
transform: rotate(180deg);
}
#cboxContent #cboxNext::after {
background: url(/files/upmotion/image/picto/arrow-black.svg);
background-size: contain;
background-repeat: no-repeat;
}
#cboxContent #cboxNext::after,
#cboxContent #cboxPrevious::after {
content: "";
width: 69px;
height: 69px;
}
#cboxTitle,
#cboxCurrent {
display: none !important;
}
#cboxContent #cboxPrevious {
left: 1rem !important;
}
#cboxContent #cboxNext {
right: 1rem !important;
}
.interne .mod_listing-table .realisation-card {
display: block;
opacity: 1;
scale: 1;
transition: all 0.25s;
transition-behavior: allow-discrete;
}
/*
.interne:not(:has(.realisation-card.filter_football-gazon-naturel))
.mod_catalog_filter
details
ul
li:has(.filter_football-gazon-naturel),
.interne:not(:has(.realisation-card.filter_football-gazon-synthetique))
.mod_catalog_filter
details
ul
li:has(.filter_football-gazon-synthetique) {
display: none;
}
*/
.interne.realisations .mod_listing-table .realisation-card {
transition: initial;
}
.interne.realisations .mod_listing-table .realisation-card {
width: 24%;
}
.interne .mod_listing-table .realisation-card.hidden {
display: none;
opacity: 0;
scale: 0;
width: 0;
}
.interne .mod_catalog_filter {
position: relative;
display: block;
height: auto;
min-height: 120px;
}
.interne .mod_catalog_filter ul {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 58px;
margin-top: 1rem;
border-left: 1px solid var;
margin-bottom: 3rem;
flex-direction: row-reverse;
}
.interne .mod_catalog_filter ul ul {
position: absolute;
width: 100%;
right: 0;
gap: 15px;
background: #fff;
padding: 1rem;
z-index: 1;
border-radius: 20px;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
flex-direction: row;
justify-content: center;
}
.interne .mod_catalog_filter ul li {
margin: 10px 0;
cursor: pointer;
}
.interne .mod_catalog_filter ul li details[open] summary {
color: var(--accentColor);
}
.interne .mod_catalog_filter ul li a {
background: var(--whiteColor);
border: 1px solid var(--accentColor);
color: var(--blackColor);
transition: 0.25s;
text-align: center;
font-size: 1rem;
font-weight: 400;
line-height: normal;
padding: 5px 10px;
border-radius: 10px;
cursor: pointer;
text-transform: capitalize;
}
.interne .mod_catalog_filter ul li a.all {
background: var(--accentColor);
color: var(--whiteColor);
}
.interne .mod_catalog_filter ul li a.active,
.interne .mod_catalog_filter ul li a:hover {
background: var(--accentColor);
color: var(--whiteColor);
}
.interne .mod_catalog_filter ul li.tennis-interieur-peinture-acrylique,
.interne .mod_catalog_filter .widget-select select option[value="filter_tennis-interieur-peinture-acrylique"] {
display: none;
}
.interne .mod_catalog_filter .widget-select {
display: none;
}
.interne .ce_rsce_titre_personnalise h1 {
width: 100%;
}
.interne .presentation.simple .column:first-child .same-height-wrap {
flex-direction: column;
}
.ce_rsce_titre_personnalise.title-big.rouge {
color: var(--accentColor);
}
.interne .content-text ul {
list-style: initial;
padding-left: 15px;
}
.interne #slider picture {
display: flex;
width: 100%;
}
.interne #slider picture img {
max-width: 100%;
height: revert-layer;
object-fit: cover;
width: 100%;
}
.interne #slider figure:not(#footer figure) {
overflow: hidden;
border-radius: 20px;
display: flex;
width: 100%;
}
.interne .ce_rsce_iconbox {
min-height: 390px;
}
.white .ce_rsce_iconbox.contact {
background: var(--greyColor);
}
.interne .presentation.histoire .content-image:last-child {
grid-column-start: initial;
height: 100%;
grid-row-start: initial;
}
.histoire
.autogrid_row.same_height
> .column
> .attributes
> .same-height-wrap {
width: 100%;
flex: 100%;
grid-template: initial;
display: block;
}
.interne .presentation.histoire {
margin-bottom: 2rem !important;
position: relative;
}
.interne .presentation.histoire .column:first-child {
padding-bottom: 80px;
min-height: 505px;
max-height: initial;
}
.presentation.histoire .column.bloc-count-up.col_3 {
margin: 0 1%;
flex: initial;
height: auto;
flex: -6 0 calc((92% / 12) * 3);
max-width: calc((92% / 12) * 3);
}
.interne .presentation.histoire .bloc-count-up .same-height-wrap {
display: flex !important
;
justify-content: space-evenly;
align-items: center;
}
#mmenu nav.mobile_horizontal ul.level_2 li.open .level_3 li.hidden {
display: block !important;
}
/*--- ANIMATION --*/
/* Animation de l'apparition (scaleX et scaleY) */
@keyframes grow {
from {
transform: scale(0, 0);
opacity: 0;
}
to {
transform: scale(1, 1);
opacity: 1;
}
}
.animation-onload {
transform-origin: center;
transform: scale(0, 0);
opacity: 0;
animation: grow 1s ease-out forwards;
display: flex;
overflow: hidden;
}
@keyframes slideDown {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.home header {
animation: slideDown 1s ease-out forwards;
opacity: 0;
}
@keyframes zoomInOut {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1); /* Zoom intermédiaire */
}
100% {
transform: scale(1);
}
}
@keyframes soundBars {
0% {
transform: scaleY(1);
}
50% {
transform: scaleY(1.8);
}
100% {
transform: scaleY(1);
}
}
.play-video.playing path {
animation: soundBars 0.5s infinite ease-in-out alternate;
}
.play-video.playing path:nth-child(2) {
animation-delay: 0.1s;
}
.play-video.playing path:nth-child(3) {
animation-delay: 0.2s;
}
.play-video.playing path:nth-child(4) {
animation-delay: 0.3s;
}
.play-video.playing path:nth-child(5) {
animation-delay: 0.4s;
}
#wrapper {
max-width: 1920px;
margin: auto;
}
#slider {
max-width: 1810px;
margin: auto;
margin-top: 20px !important;
height: auto;
}
.mmenu_overlay {
z-index: 13;
}
#mmenu {
left: 10px;
right: 10px;
}
#mmenu #mmenu_middle {
padding: 0 20px 20px 20px;
background: rgb(255, 255, 255);
height: 100%;
display: flex;
margin-top: 6rem;
}
.mod_navigation li.realisations,
.mod_navigation li.contact {
display: none !important;
}
.mod_navigation.mobile_horizontal li.realisations,
.mod_navigation.mobile_horizontal li.contact {
display: block !important;
}
.pagination {
display: flex;
flex-direction: row-reverse;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 1rem;
max-width: 1525px;
}
.pagination > p {
margin-bottom: 0;
text-align: right;
}
.pagination > ul {
display: flex;
align-items: center;
}
.pagination li a, .pagination li span, .pagination li strong {
padding: 3px 10px;
display: block;
margin-right: 1px;
font-size: 1rem;
}
.pagination li a:hover {
color: var(--accentColor) !important;
}
button:hover:not([type="submit"]) {
border: none !important;
}
/*--- ----------------------------------------------RESPONSIVE ----------------------------------------------------*/
@media only screen and (min-width: 1101px) {
#mmenu {
display: none;
}
}
@media screen and (max-width: 1920px) {
#slider {
position: relative;
z-index: 12;
margin-left: 45px;
margin-right: 45px;
border-radius: 0;
margin-top: 20px;
width: auto;
}
#wrapper {
max-width: 100%;
}
}
@media screen and (max-width: 1870px) {
.swiper-button-next,
.swiper-button-prev {
right: -20px;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: -20px;
}
body {
overflow-x: hidden;
}
}
@media screen and (max-width: 1700px) {
.article-meilleur .content-text.txt-color-white {
position: absolute;
top: 6%;
left: 4rem;
}
.article-meilleur .container_tabs {
top: 40%;
}
.article-meilleur .ce_rsce_accordion_start {
height: auto;
}
.bloc-realisations .content-hyperlink.btn-absolute,
.bloc-sportingmag .content-hyperlink.btn-absolute {
right: 40px;
}
.interne.realisations .mod_listing-table .realisation-card {
width: 24%;
margin: 0.5%;
}
}
@media screen and (max-width: 1520px) {
.header .inside .mod_navigation ul.level_1 > li {
margin: 0 10px;
}
.menu-top {
margin-left: 1%;
}
.video-left video {
position: relative;
display: block;
height: 500px;
object-fit: cover;
object-position: center;
width: 100%;
}
.video-left,
.video-top,
.video-bottom {
width: 100%;
}
.video-top video,
.video-bottom video {
min-height: 200px;
height: 240px;
width: 100% !important;
}
.ce_rsce_iconbox .content .headline {
font-size: 1.6rem;
}
.ce_rsce_iconbox {
min-height: 330px;
}
.article-meilleur svg {
width: 250px;
height: auto;
}
}
@media screen and (max-width: 1480px) {
.header
.inside
.mod_navigation
ul
li.creervosespaces
.content-sub_items
.container {
padding-left: 20px;
padding-right: 20px;
}
.interne .mod_newslist .layout_latest {
width: 30.5%;
}
.mod_newslist .content-text .headline {
font-size: 1.375rem;
}
}
@media screen and (max-width: 1340px) {
.logos svg {
width: 250px;
height: auto;
}
.header .inside .mod_navigation ul li a {
font-size: 1rem;
}
.header .inside .mod_navigation ul li a span,
.header .inside .mod_navigation ul li strong span {
font-size: 0.9rem;
}
.ce_rsce_iconbox .content .headline {
font-size: 1.4rem;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab p {
font-size: 1rem;
line-height: 3rem;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab.active p {
font-size: 2.125rem;
}
.article-meilleur .container_tabs {
top: 50%;
}
.content-text h2 {
font-size: 2.5rem;
}
.swiper-material .imagebox .text-container h3 {
font-size: 1.888rem;
}
.swiper-material {
height: 500px;
}
.bloc-transmission {
margin-bottom: 0rem;
}
.interne #slider {
margin-left: 20px;
margin-right: 20px;
}
.interne .presentation .column:first-child {
background: var(--whiteColor);
border-radius: 20px;
padding: 80px 25px;
}
.interne .white .container {
padding: 20px;
}
.interne .mod_newslist .layout_latest {
width: 30.33%;
}
}
@media screen and (max-width: 1280px) {
.header {
margin-left: 10px;
margin-right: 10px;
}
#slider {
margin-left: 20px;
margin-right: 20px;
}
.header .inside {
padding-left: 20px;
padding-right: 20px;
}
.terrain-foot.picto-bg svg {
position: absolute;
top: -66%;
z-index: -1;
right: -2px;
width: auto;
}
.ce_rsce_iconbox .content p {
font-size: 0.9rem;
}
.ce_rsce_iconbox {
min-height: 300px;
padding: 10px;
}
.swiper-material .imagebox .content-title {
bottom: 20px;
left: 20px;
}
.swiper-material .imagebox .text-container h3 {
font-size: 1.588rem;
margin-right: 0;
min-width: 100%;
}
.swiper-material .imagebox .content-place {
bottom: 8rem;
left: 20px;
}
.bloc-realisations .content-hyperlink.btn-absolute {
right: 20px;
top: 7rem;
}
.terrain-basket {
display: none;
}
.mod_newslist .content-text .headline {
font-size: 1.275rem;
}
#footer .logos svg {
width: 200px;
height: auto;
}
#footer .content-hyperlink a {
color: var(--whiteColor);
font-size: 0.9rem;
}
.header .inside .mod_navigation ul li.creervosespaces ul.level_3 {
height: 350px;
}
.interne .mod_catalog_filter {
min-height: 0;
}
.interne .mod_catalog_filter ul {
display: none;
}
.interne .mod_catalog_filter .widget-select {
display: block;
}
.mod_catalog_filter .widget-select {
position: relative;
}
select#select-filter {
min-height: 45px;
font-size: 16px;
appearance: none;
}
.mod_catalog_filter .widget-select::after {
content: "";
background: url(/files/upmotion/image/picto/fleche-filter-select.svg);
background-repeat: no-repeat;
background-size: contain;
width: 12px;
height: 12px;
position: absolute;
top: 50%;
right: 5%;
transform: translate(-0%, -50%) rotate(90deg);
pointer-events: none;
}
/* .mod_catalog_filter .widget-select select option[value=filter_football],
.mod_catalog_filter .widget-select select option[value=filter_rugby],
.mod_catalog_filter .widget-select select option[value=filter_salle-omnisports],
.mod_catalog_filter .widget-select select option[value=filter_tennis] {
display: none;
} */
.swiper .content-hyperlink,
.realisation-card .content-hyperlink {
display: none;
}
}
@media screen and (max-width: 1100px) {
.logos svg {
width: 270px;
}
.header .mod_navigation {
display: none;
}
.mmenu_trigger {
display: flex !important;
position: relative;
}
.mmenu_trigger {
display: flex !important;
position: relative !important;
background: var(--blackColor);
height: 80px;
width: 80px;
border-radius: 15px;
right: initial !important;
top: initial !important;
transform: initial !important;
flex-direction: column;
align-items: center !important;
justify-content: center !important;
margin-right: 47px;
}
.mmenu_trigger .label {
margin-right: 0 !important;
cursor: pointer;
color: var(--whiteColor);
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin-bottom: 6px;
}
.menu-top {
margin-left: 1%;
width: 13%;
}
#mmenu nav.mobile_horizontal {
display: block !important;
}
body.mmenu_open .mmenu_overlay,
body.mmenu_open #mmenu,
body.mmenu_open #mmenu #mmenu_middle {
background: var(--whiteColor);
transition: 0.25s;
}
#slider .col_8 .ce_rsce_titre_personnalise .headline {
font-size: 3rem;
}
#mmenu #mmenu_middle nav > ul {
display: flex;
flex-direction: column;
align-items: center;
}
#mmenu #mmenu_middle li {
width: 100%;
text-align: center;
transition: 0.25s;
position: relative;
}
#mmenu #mmenu_middle ul.level_1 > li > a {
font-size: 1.1rem;
color: var(--whiteColor);
/* padding: 7.5px 15px; */
padding: 15.5px 15px;
/* line-height: 40px; */
line-height: 25px;
background: var(--blackColor);
margin: 5px 5px;
border-radius: 10px;
text-align: left;
}
body #mmenu .mod_navigation li a.submenu:after,
body .ce_accordion .toggler:before {
content: "";
background: url(/files/upmotion/image/picto/fleche-droite-blanc.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
width: 15px;
height: 15px;
top: 25px;
right: 25px;
transition: 0.25s;
}
#mmenu .mod_navigation.mobile_horizontal li a.submenu:after {
transform: rotate(0deg);
}
#mmenu #mmenu_middle ul.level_2 {
padding-bottom: 15px;
display: none;
}
body #mmenu .mod_navigation li.submenu .opener {
right: 0;
width: 100%;
height: 55px;
top: 5px;
}
#mmenu nav.mobile_horizontal {
width: 100%;
}
#mmenu #mmenu_middle li.open ul.level_2 {
display: block;
}
#mmenu #mmenu_middle ul.level_2 > li > a {
font-size: 1.1rem;
color: var(--blackColor);
padding: 10px 30px;
text-align: left;
font-size: 1.1rem;
color: var(--blackColor);
padding: 0px 15px;
line-height: 55px;
background: var(--greyColor);
margin: 5px 5px;
border-radius: 10px;
text-align: left;
}
body #mmenu .mod_navigation ul.level_2 li a.submenu:after {
background: url(/files/upmotion/image/picto/fleche-droite-noir.svg);
background-size: contain;
background-repeat: no-repeat;
top: 20px;
}
#mmenu #mmenu_middle ul.level_3 > li > a {
font-size: 1.1rem;
color: var(--blackColor);
padding: 10px 30px;
text-align: left;
padding: 7px 21px;
}
#mmenu #mmenu_middle ul.vlist.level_3 {
padding: 0px 15px;
}
#mmenu {
height: 100%;
top: 0;
}
#slider .col_8 .ce_rsce_titre_personnalise .sub-headline {
font-size: 2.188rem;
}
#slider .bloc-top span.headline,
#slider .bloc-bottom span.headline {
font-size: 2rem;
}
.ce_rsce_titre_personnalise h1 {
font-size: 2.113rem;
width: 100%;
}
.interne .mod_newsreader h1 {
font-size: 2rem;
}
.bloc-count-up .headline {
font-size: 3.063rem;
}
.expertises {
margin: 0 10px;
}
.expertises .ce_rsce_accordion_start .container_tabs .tab p {
font-size: 1.8rem;
}
.custom_grid_63.grid_20_20_20_20_20 {
grid-template-columns: 33% 33% 33%;
}
.ce_rsce_iconbox {
min-height: 250px;
padding: 10px;
margin-bottom: 15px;
}
#footer .inside {
margin: 0 auto;
padding: 25px 15px;
}
#footer {
margin-left: 20px;
margin-right: 20px;
}
.interne .ce_rsce_titre_personnalise.title-big {
font-size: 4rem;
top: -2rem;
left: 0;
}
.interne .presentation .column:first-child {
background: var(--whiteColor);
border-radius: 20px;
padding: 80px 25px !important;
max-height: initial;
padding-bottom: 80px;
height: max-content;
}
.interne .bloc-realisations {
margin: 0 20px;
}
.interne .bloc-realisations .title-big.white {
left: 20px;
}
.interne .bloc-equipements {
background: var(--whiteColor);
margin: 0 20px;
}
.interne .mod_article.white {
margin: 0 20px;
}
.interne .mod_newslist .layout_latest {
width: 32%;
margin: 0.5% !important;
}
.cm_listing.interne .text-container {
font-size: 1.1rem;
padding: 16px;
}
.cm_listing.interne .imagebox .text-container .headline {
font-size: 1.288rem;
}
.interne.realisations .mod_listing-table .realisation-card {
width: 32%;
margin: 0.5%;
}
.cm_listing.interne .imagebox .content-place {
bottom: 5rem;
left: 1rem;
font-family: "Roboto";
font-size: 1.075rem;
}
.mod_article.article_233.article-pt-xs > .container {
padding-top: 0;
}
.interne .mod_catalog_filter .widget-select {
margin-bottom: 1rem;
}
}
@media screen and (max-width: 1024px) {
.bloc-count-up .same-height-wrap {
align-items: center;
}
.passion .content-text {
padding-left: 3rem;
border-left: 1px solid #000;
margin-bottom: 2rem;
max-width: 100%;
margin-top: 2rem;
}
.imagebox .content-hyperlink a {
width: 100%;
height: 100%;
display: block;
transform: none;
font-size: 0;
backdrop-filter: blur(0px);
background: transparent;
pointer-events: initial;
}
.container-imagebox {
position: relative;
}
.expertises .imagebox:hover .text-container h3 {
bottom: 1rem;
left: 1rem;
transition: all 0.5sease;
}
.imagebox:hover img {
filter: blur(0px);
transition: transform 0.5sease;
transform: scale(1);
}
.terrain-foot.picto-bg svg {
top: -44%;
width: 52%;
}
.article-meilleur svg {
width: 165px;
height: auto;
}
.article-meilleur .content-text p {
width: 76%;
}
.article-meilleur .container_tabs {
top: 44%;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab.active p {
font-size: 1.5rem;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab {
color: var(--whiteColor);
pointer-events: none;
}
.article-meilleur .panes > div img {
height: 500px;
}
.article-meilleur .ce_rsce_accordion_start .panes:before {
background: linear-gradient(
258deg,
rgb(0 0 0 / 36%) 34.89%,
rgba(0, 0, 0, 0.4) 75%
)
no-repeat;
}
.article-meilleur .picto-vert {
right: 5px;
}
.article-meilleur .content-text.txt-color-white {
left: 20px;
}
.article-meilleur {
margin: 0 20px;
}
.bloc-transmission .content-player {
position: relative;
z-index: 1;
top: 0;
margin-top: 2rem;
}
.picto-rouge svg {
width: 185px;
height: auto;
}
.picto-rouge {
position: absolute;
top: -70px;
z-index: 0;
right: 20px;
}
.bloc-transmission video {
height: auto;
}
.play-video {
bottom: 40px;
left: 40px;
}
.bloc-transmission .title-big.white {
color: var(--whiteColor);
top: -3rem;
font-size: 6rem;
}
.bloc-transmission .content-text.txt-color-white.mb-s {
width: 100%;
}
.bloc-sportingmag .content-hyperlink.btn-absolute {
position: relative;
right: initial;
top: initial;
margin-top: 1rem;
display: flex;
justify-content: center;
}
.mod_newslist {
display: flex;
grid-template-columns: 100%;
grid-template-rows: initial;
flex-direction: column;
}
.mod_newslist .layout_latest {
display: flex;
height: auto;
position: relative;
margin: 15px !important;
}
.mod_newslist .layout_latest .content-image {
position: relative;
width: 35%;
}
.mod_newslist .layout_latest .content-text {
margin-left: 2rem;
width: 65%;
height: 92%;
}
.mod_newslist .layout_latesr img,
.mod_newslist .layout_latest picture,
.mod_newslist .layout_latest figure {
height: 100%;
}
#footer .column.col_3.col_12_t {
justify-content: center;
align-items: center;
display: flex;
text-align: center;
margin-bottom: 2rem;
}
#footer .last-column .same-height-wrap {
display: flex;
justify-content: center;
margin-top: 2rem;
}
#footer .column.col_4 {
justify-content: center;
display: flex;
}
#footer .column.last-column.col_2 {
border-left: none;
}
.interne .presentation .container > .autogrid_row {
flex-direction: column;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.interne .presentation .container {
max-width: 100% !important;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.interne .presentation .column {
flex: initial;
max-width: 100%;
margin-bottom: 40px;
}
.mod_breadcrumb {
width: 100% !important;
padding-left: 0;
}
.interne .presentation .column:last-child .same-height-wrap {
grid-template-rows: repeat(2, auto);
}
.interne .autogrid_row.inside-services .col_3 {
max-width: 50%;
flex: initial;
}
.interne .ce_rsce_iconbox {
min-height: auto;
}
.interne .ce_rsce_iconbox .content .headline {
font-size: 1.4rem;
margin-top: 2rem;
}
.interne .bloc-equipements .column.col_6 {
max-width: 100%;
flex: initial;
margin: 10px 0;
}
.presentation.histoire .column.bloc-count-up.col_3 {
max-width: 100%;
}
.interne .mod_newslist .layout_latest .content-image {
position: relative;
width: 100%;
}
.interne .mod_newslist .layout_latest .content-text {
margin-left: 0;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 767px) {
.header .logos {
order: 1;
}
.mmenu_trigger {
order: 2;
margin: 0;
}
.menu-top {
display: none;
}
.header {
height: 65px;
}
.mmenu_trigger {
height: 65px;
}
.logos svg {
width: 230px;
}
.mmenu_trigger .label {
margin-bottom: 3px;
font-size: 1rem;
}
.header .inside {
padding-left: 20px;
padding-right: 0 !important;
}
#article-1 .column.col_4 {
display: none;
}
.video-left video {
height: auto;
}
.title-big {
font-size: 5.375rem;
top: 1rem;
}
.passion .content-text {
padding-left: 2rem;
}
.passion .content-element-group {
padding-left: 0;
justify-content: center;
}
.passion figure:not(#footer figure) {
height: 200px;
}
h2,
.content-text h2 {
font-size: 1.8rem;
}
.swiper-button-next,
.swiper-button-prev {
display: none;
}
.custom_grid_63.grid_20_20_20_20_20.d_20_20_20_20_20 {
grid-template-columns: 50% 50%;
}
.custom_grid_63 .column {
margin-bottom: 0px;
}
.ce_rsce_iconbox {
margin: 10px;
}
.article-meilleur .panes > div img {
height: 600px;
}
.article-meilleur .content-text.txt-color-white {
position: absolute;
top: 23%;
}
.article-meilleur .container_tabs {
top: 58%;
}
.article-meilleur .content-text p {
width: 98%;
}
.article-meilleur svg {
width: 120px;
height: auto;
}
.article-meilleur .picto-vert {
right: 22px;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs ul {
height: 180px;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab p {
font-size: 1rem;
line-height: 40px !important;
margin-bottom: 0 !important;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab {
height: 40px;
}
.article-meilleur .ce_rsce_accordion_start .container_tabs .tab.active p {
font-size: 1.4rem;
line-height: 40px !important;
}
.bloc-realisations .content-hyperlink.btn-absolute {
right: initial;
top: initial;
position: relative;
text-align: center;
display: flex;
justify-content: center;
margin-top: 2rem;
}
.picto-rouge svg {
width: 120px;
height: auto;
}
.bloc-transmission .title-big.white {
color: var(--whiteColor);
top: -2rem;
font-size: 4rem;
}
.bloc-transmission {
margin: 0 10px;
border-radius: 20px;
margin-bottom: 2rem;
}
.article-meilleur {
margin: 0 10px;
}
.mod_newslist .layout_latest {
margin: 10px 0px !important;
}
.mod_newslist .layout_latest:nth-child(2),
.mod_newslist .layout_latest:last-child {
margin: 15px 0px !important;
}
.liste-terrains .column.col_3 {
max-width: 48%;
margin: 1%;
}
.bloc-realisations .content-text.mb-m {
width: 100%;
}
.interne .autogrid_row.inside-services .col_3 {
max-width: 100%;
flex: initial;
}
.mod_breadcrumb {
display: none;
}
.interne .bloc-realisations {
margin: 0 10px;
}
.interne .bloc-equipements {
margin-bottom: 20px;
}
.interne .content-text h2 {
font-size: 1.8rem;
}
.interne h3 {
font-size: 1.3rem;
}
.content-simple .content-text {
margin-left: 0;
}
.interne .content-simple .content-text .rte {
padding-left: 0;
border-left: none;
padding-right: 0;
margin-top: 1rem;
}
.bloc-simple-image .column.col_7 {
display: none;
}
.interne .mod_article.white {
margin: 0 10px;
margin-bottom: 40px;
}
.interne .white .content-simple {
flex-direction: column-reverse !important;
}
.interne #slider {
margin-left: 10px;
margin-right: 10px;
}
.interne .presentation .column:first-child {
padding: 45px 10px !important;
}
.interne .mod_newslist .layout_latest:nth-child(2),
.interne .mod_newslist .layout_latest:last-child {
margin: 0px 0px !important;
}
.interne .mod_newslist .layout_latest {
width: 48%;
margin: 1% !important;
}
.interne.realisations .mod_listing-table .realisation-card {
width: 49%;
margin: 0.5%;
}
.cm_listing.interne .imagebox .content-place {
bottom: 4rem;
left: 1rem;
font-family: "Roboto";
font-size: 0.975rem;
}
.pagination li a, .pagination li span, .pagination li strong {
font-size: 0.9rem;
}
#footer .mod_customnav ul {
align-items: center;
}
#footer .headline {
text-align: center !important;
}
#footer .ce_gallery li {
float: none;
margin: auto;
}
}
@media screen and (max-width: 600px) {
.picto-rouge {
display: none;
}
}
@media screen and (max-width: 520px) {
#slider .col_8 .ce_rsce_titre_personnalise .headline {
font-size: 2rem;
}
#slider .col_8 .ce_rsce_titre_personnalise .sub-headline {
font-size: 1.388rem;
}
.ce_rsce_iconbox {
margin: 0;
height: auto;
min-height: auto;
}
.custom_grid_63.grid_20_20_20_20_20.d_20_20_20_20_20 {
grid-template-columns: 100% !important;
}
.custom_grid_63.grid_20_20_20_20_20.d_20_20_20_20_20 .content {
margin-top: 1rem;
}
.title-big {
font-size: 4.375rem;
top: 1rem;
}
.bloc-transmission video {
height: 400px;
}
.bloc-transmission .title-big.white {
font-size: 3rem;
}
.mod_newslist .layout_latest {
flex-direction: column;
}
.mod_newslist .layout_latest .content-image {
position: relative;
width: 100%;
}
.mod_newslist .layout_latest .content-text {
margin-left: 0rem;
width: 100%;
height: 100%;
}
.mod_newslist .layout_latest:nth-child(2) .content-image,
.mod_newslist .layout_latest:last-child .content-image {
position: relative;
width: 100%;
}
.mod_newslist .layout_latest:nth-child(2) .content-text,
.mod_newslist .layout_latest:last-child .content-text {
margin-left: 0;
width: 100%;
height: 100%;
}
.liste-terrains .column.col_3 {
max-width: 100%;
}
.interne .mod_newslist .layout_latest {
width: 100%;
margin: 1% !important;
}
.interne.realisations .mod_listing-table .realisation-card {
width: 100%;
margin: 1%;
}
.passion figure:not(#footer figure) {
height: 170px;
}
}
@media screen and (max-width: 420px) {
.video-left video {
height: 450px;
}
.column.animation-onload.col_8 {
margin-bottom: 0;
}
.ce_rsce_titre_personnalise h1 {
font-size: 2rem;
width: 100%;
}
.title-big {
font-size: 3.375rem;
top: 2rem;
}
.content-hyperlink a {
font-size: 0.9rem;
}
.content-element-group {
gap: 20px;
margin-bottom: 0.5rem;
flex-direction: column;
justify-content: center;
align-items: center;
}
.play-video {
bottom: 20px;
left: 20px;
}
.swiper-material {
height: 400px;
}
.interne h1 span.sub-headline.part-two {
font-size: 1.88rem;
}
.interne .ce_rsce_titre_personnalise.title-big {
font-size: 3rem;
}
.interne .content-text h2 {
font-size: 1.6rem;
}
.interne
.presentation
.autogrid_row.same_height
> .column
> .attributes
> .same-height-wrap {
width: 100%;
flex: 100%;
grid-template-columns: 100%;
display: block;
}
.interne .presentation:not(:has(.content-image:only-child)) .content-image,
.interne .presentation.content-image:last-child {
display: none;
}
}
@media screen and (max-width: 350px) {
.logos svg {
width: 200px;
}
}
/* =============================================================================
* reset & various settings
* ========================================================================== */
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background-repeat: no-repeat;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
a {
hyphens: none;
}
#wrapper .mejs-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
ol, ul {
list-style: none;
}
table {
border-spacing: 0;
}
body {
position: relative;
text-size-adjust: 100%;
}
#mbCenter img {
width: auto;
max-width: 100%;
height: auto;
vertical-align: middle;
}
.inside {
position: relative;
text-align: left;
}
.block {
overflow: hidden;
}
.clear, #clear {
height: 0;
font-size: 0;
line-height: 0;
clear: both;
}
.invisible {
width: 0;
height: 0;
left: -1000px;
top: -1000px;
position: absolute;
overflow: hidden;
display: inline;
}
*+html #main {
position: static;
}
header, footer, nav, section, aside, article, figure, figcaption {
display: block;
}
#container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#chromeframe {
background: red;
padding: 10px;
color: #fff;
text-align: center;
position: relative;
z-index: 10000;
}
.animate {
opacity: 0;
}
.animate.nowaypoint {
opacity: 1;
}
p {
margin-bottom: 15px;
word-wrap: break-word;
}
#container {
position: relative;
width: 100%;
margin: 0;
background: #fff;
}
i.ti {
display: inline-block;
}
/* =============================================================================
* outdated-browser message
* ========================================================================== */
body.ie11 #outdated-browser,
body.ie #outdated-browser {
display: block;
}
#outdated-browser {
color: rgb(255,255,255);
background: red;
padding: 20px;
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 10000;
display: none;
}
#outdated-browser.confirmed {display: none !important;}
#outdated-browser span {
text-decoration: underline;
cursor: pointer;
}
/* =============================================================================
* margin + padding classes - vertical
* ========================================================================== */
.mt-xxl{margin-top:80px!important;}.mt-xl{margin-top:70px!important;}.mt-l{margin-top:60px!important;}.mt-m{margin-top:50px!important;}.mt-s{margin-top:40px!important;}.mt-xs{margin-top:30px!important;}.mt-xxs{margin-top:20px!important;}
.mb-xxl{margin-bottom:80px!important;}.mb-xl{margin-bottom:70px!important;}.mb-l{margin-bottom:60px!important;}.mb-m{margin-bottom:50px!important;}.mb-s{margin-bottom:40px!important;}.mb-xs{margin-bottom:30px!important;}.mb-xxs{margin-bottom:20px!important;}
.pt-xxl{padding-top:170px!important;}.pt-xl{padding-top:150px!important;}.pt-l{padding-top:120px!important;}.pt-m{padding-top:100px!important;}.pt-s{padding-top:90px!important;}.pt-xs{padding-top:50px!important;}.pt-xxs{padding-top:30px!important;}
.pb-xxl{padding-bottom:170px!important;}.pb-xl{padding-bottom:150px!important;}.pb-l{padding-bottom:120px!important;}.pb-m{padding-bottom:100px!important;}.pb-s{padding-bottom:90px!important;}.pb-xs{padding-bottom:50px!important;}.pb-xxs{padding-bottom:30px!important;}
.mt-0{margin-top:0!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-70{margin-top:70px!important}.mt-80{margin-top:80px!important}.mt-90{margin-top:90px!important}.mt-100{margin-top:100px!important}.mt-110{margin-top:110px!important}.mt-120{margin-top:120px!important}.mt-130{margin-top:130px!important}.mt-140{margin-top:140px!important}.mt-150{margin-top:150px!important}.mt-160{margin-top:160px!important}.mt-170{margin-top:170px!important}.mt-180{margin-top:180px!important}.mt-190{margin-top:190px!important}.mt-200{margin-top:200px!important}
.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.mb-110{margin-bottom:110px!important}.mb-120{margin-bottom:120px!important}.mb-130{margin-bottom:130px!important}.mb-140{margin-bottom:140px!important}.mb-150{margin-bottom:150px!important}.mb-160{margin-bottom:160px!important}.mb-170{margin-bottom:170px!important}.mb-180{margin-bottom:180px!important}.mb-190{margin-bottom:190px!important}.mb-200{margin-bottom:200px!important}
.pt-0{padding-top:0!important}.pt-5{padding-top:5px!important}.pt-10{padding-top:10px!important}.pt-20{padding-top:20px!important}.pt-30{padding-top:30px!important}.pt-40{padding-top:40px!important}.pt-50{padding-top:50px!important}.pt-60{padding-top:60px!important}.pt-70{padding-top:70px!important}.pt-80{padding-top:80px!important}.pt-90{padding-top:90px!important}.pt-100{padding-top:100px!important}.pt-110{padding-top:110px!important}.pt-120{padding-top:120px!important}.pt-130{padding-top:130px!important}.pt-140{padding-top:140px!important}.pt-150{padding-top:150px!important}.pt-160{padding-top:160px!important}.pt-170{padding-top:170px!important}.pt-180{padding-top:180px!important}.pt-190{padding-top:190px!important}.pt-200{padding-top:200px!important}
.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px!important}.pb-10{padding-bottom:10px!important}.pb-20{padding-bottom:20px!important}.pb-30{padding-bottom:30px!important}.pb-40{padding-bottom:40px!important}.pb-50{padding-bottom:50px!important}.pb-60{padding-bottom:60px!important}.pb-70{padding-bottom:70px!important}.pb-80{padding-bottom:80px!important}.pb-90{padding-bottom:90px!important}.pb-100{padding-bottom:100px!important}.pb-110{padding-bottom:110px!important}.pb-120{padding-bottom:120px!important}.pb-130{padding-bottom:130px!important}.pb-140{padding-bottom:140px!important}.pb-150{padding-bottom:150px!important}.pb-160{padding-bottom:160px!important}.pb-170{padding-bottom:170px!important}.pb-180{padding-bottom:180px!important}.pb-190{padding-bottom:190px!important}.pb-200{padding-bottom:200px!important}
.p-0{padding:0!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-40{padding:40px!important}.p-50{padding:50px!important}.p-60{padding:60px!important}.p-70{padding:70px!important}.p-80{padding:80px!important}.p-90{padding:90px!important}.p-100{padding:100px!important}.p-110{padding:110px!important}.p-120{padding:120px!important}.p-130{padding:130px!important}.p-140{padding:140px!important}.p-150{padding:150px!important}.p-160{padding:160px!important}.p-170{padding:170px!important}.p-180{padding:180px!important}.p-190{padding:190px!important}.p-200{padding:200px!important}
.m-0{margin: 0!important}
/* negativ margin classes*/
.mt-xxl-neg {margin-top: -300px!important}.mt-xl-neg {margin-top: -140px!important}.mt-l-neg {margin-top: -110px!important}.mt-s-neg {margin-top: -50px!important}
.mb-xxl-neg {margin-bottom: -300px!important}.mb-xl-neg {margin-bottom: -140px!important}.mb-l-neg {margin-bottom: -110px!important}.mb-s-neg {margin-bottom: -50px!important}
.mt-10-neg{margin-top:-10px}.mt-20-neg{margin-top:-20px}.mt-30-neg{margin-top:-30px}.mt-40-neg{margin-top:-40px}.mt-50-neg{margin-top:-50px}.mt-60-neg{margin-top:-60px}.mt-70-neg{margin-top:-70px}.mt-80-neg{margin-top:-80px}.mt-90-neg{margin-top:-90px}.mt-100-neg{margin-top:-100px}.mt-110-neg{margin-top:-110px}.mt-120-neg{margin-top:-120px}.mt-130-neg{margin-top:-130px}.mt-140-neg{margin-top:-140px}.mt-150-neg{margin-top:-150px}.mt-160-neg{margin-top:-160px}.mt-170-neg{margin-top:-170px}.mt-180-neg{margin-top:-180px}.mt-190-neg{margin-top:-190px}.mt-200-neg{margin-top:-200px}
.mb-10-neg{margin-bottom:-10px}.mb-20-neg{margin-bottom:-20px}.mb-30-neg{margin-bottom:-30px}.mb-40-neg{margin-bottom:-40px}.mb-50-neg{margin-bottom:-50px}.mb-60-neg{margin-bottom:-60px}.mb-70-neg{margin-bottom:-70px}.mb-80-neg{margin-bottom:-80px}.mb-90-neg{margin-bottom:-90px}.mb-100-neg{margin-bottom:-100px}.mb-110-neg{margin-bottom:-110px}.mb-120-neg{margin-bottom:-120px}.mb-130-neg{margin-bottom:-130px}.mb-140-neg{margin-bottom:-140px}.mb-150-neg{margin-bottom:-150px}.mb-160-neg{margin-bottom:-160px}.mb-170-neg{margin-bottom:-170px}.mb-180-neg{margin-bottom:-180px}.mb-190-neg{margin-bottom:-190px}.mb-200-neg{margin-bottom:-200px}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.mt-xxl{margin-top:60px!important;}.mt-xl{margin-top:50px!important;}.mt-l{margin-top:40px!important;}.mt-m{margin-top:30px!important;}.mt-s{margin-top:25px!important;}.mt-xs{margin-top:25px!important;}.mt-xxs{margin-top:25px!important;}
.mb-xxl{margin-bottom:60px!important;}.mb-xl{margin-bottom:50px!important;}.mb-l{margin-bottom:40px!important;}.mb-m{margin-bottom:30px!important;}.mb-s{margin-bottom:25px!important;}.mb-xs{margin-bottom:25px!important;}.mb-xxs{margin-bottom:25px!important;}
.pt-xxl{padding-top:130px!important;}.pt-xl{padding-top:110px!important;}.pt-l{padding-top:100px!important;}.pt-m{padding-top:80px!important;}.pt-s{padding-top:70px!important;}.pt-xs{padding-top:40px!important;}.pt-xxs{padding-top:30px!important;}
.pb-xxl{padding-bottom:130px!important;}.pb-xl{padding-bottom:110px!important;}.pb-l{padding-bottom:100px!important;}.pb-m{padding-bottom:80px!important;}.pb-s{padding-bottom:70px!important;}.pb-xs{padding-bottom:40px!important;}.pb-xxs{padding-bottom:30px!important;}
.mt-0-t{margin-top:0!important}.mt-5-t{margin-top:5px!important}.mt-10-t{margin-top:10px!important}.mt-20-t{margin-top:20px!important}.mt-30-t{margin-top:30px!important}.mt-40-t{margin-top:40px!important}.mt-50-t{margin-top:50px!important}.mt-60-t{margin-top:60px!important}.mt-70-t{margin-top:70px!important}.mt-80-t{margin-top:80px!important}.mt-90-t{margin-top:90px!important}.mt-100-t{margin-top:100px!important}.mt-110-t{margin-top:110px!important}.mt-120-t{margin-top:120px!important}.mt-130-t{margin-top:130px!important}.mt-140-t{margin-top:140px!important}.mt-150-t{margin-top:150px!important}.mt-160-t{margin-top:160px!important}.mt-170-t{margin-top:170px!important}.mt-180-t{margin-top:180px!important}.mt-190-t{margin-top:190px!important}.mt-200-t{margin-top:200px!important}
.mb-0-t{margin-bottom:0!important}.mb-5-t{margin-bottom:5px!important}.mb-10-t{margin-bottom:10px!important}.mb-20-t{margin-bottom:20px!important}.mb-30-t{margin-bottom:30px!important}.mb-40-t{margin-bottom:40px!important}.mb-50-t{margin-bottom:50px!important}.mb-60-t{margin-bottom:60px!important}.mb-70-t{margin-bottom:70px!important}.mb-80-t{margin-bottom:80px!important}.mb-90-t{margin-bottom:90px!important}.mb-100-t{margin-bottom:100px!important}.mb-110-t{margin-bottom:110px!important}.mb-120-t{margin-bottom:120px!important}.mb-130-t{margin-bottom:130px!important}.mb-140-t{margin-bottom:140px!important}.mb-150-t{margin-bottom:150px!important}.mb-160-t{margin-bottom:160px!important}.mb-170-t{margin-bottom:170px!important}.mb-180-t{margin-bottom:180px!important}.mb-190-t{margin-bottom:190px!important}.mb-200-t{margin-bottom:200px!important}
.pt-0-t{padding-top:0!important}.pt-5-t{padding-top:5px!important}.pt-10-t{padding-top:10px!important}.pt-20-t{padding-top:20px!important}.pt-30-t{padding-top:30px!important}.pt-40-t{padding-top:40px!important}.pt-50-t{padding-top:50px!important}.pt-60-t{padding-top:60px!important}.pt-70-t{padding-top:70px!important}.pt-80-t{padding-top:80px!important}.pt-90-t{padding-top:90px!important}.pt-100-t{padding-top:100px!important}.pt-110-t{padding-top:110px!important}.pt-120-t{padding-top:120px!important}.pt-130-t{padding-top:130px!important}.pt-140-t{padding-top:140px!important}.pt-150-t{padding-top:150px!important}.pt-160-t{padding-top:160px!important}.pt-170-t{padding-top:170px!important}.pt-180-t{padding-top:180px!important}.pt-190-t{padding-top:190px!important}.pt-200-t{padding-top:200px!important}
.pb-0-t{padding-bottom:0!important}.pb-5-t{padding-bottom:5px!important}.pb-10-t{padding-bottom:10px!important}.pb-20-t{padding-bottom:20px!important}.pb-30-t{padding-bottom:30px!important}.pb-40-t{padding-bottom:40px!important}.pb-50-t{padding-bottom:50px!important}.pb-60-t{padding-bottom:60px!important}.pb-70-t{padding-bottom:70px!important}.pb-80-t{padding-bottom:80px!important}.pb-90-t{padding-bottom:90px!important}.pb-100-t{padding-bottom:100px!important}.pb-110-t{padding-bottom:110px!important}.pb-120-t{padding-bottom:120px!important}.pb-130-t{padding-bottom:130px!important}.pb-140-t{padding-bottom:140px!important}.pb-150-t{padding-bottom:150px!important}.pb-160-t{padding-bottom:160px!important}.pb-170-t{padding-bottom:170px!important}.pb-180-t{padding-bottom:180px!important}.pb-190-t{padding-bottom:190px!important}.pb-200-t{padding-bottom:200px!important}
.p-0-t{padding:0!important}.p-5-t{padding:5px!important}.p-10-t{padding:10px!important}.p-20-t{padding:20px!important}.p-30-t{padding:30px!important}.p-40-t{padding:40px!important}.p-50-t{padding:50px!important}.p-60-t{padding:60px!important}.p-70-t{padding:70px!important}.p-80-t{padding:80px!important}.p-90-t{padding:90px!important}.p-100-t{padding:100px!important}.p-110-t{padding:110px!important}.p-120-t{padding:120px!important}.p-130-t{padding:130px!important}.p-140-t{padding:140px!important}.p-150-t{padding:150px!important}.p-160-t{padding:160px!important}.p-170-t{padding:170px!important}.p-180-t{padding:180px!important}.p-190-t{padding:190px!important}.p-200-t{padding:200px!important}
}
@media only screen and (max-width: 767px) {
.mt-xxl{margin-top:50px!important;}.mt-xl{margin-top:40px!important;}.mt-l{margin-top:30px!important;}.mt-m{margin-top:25px!important;}.mt-s{margin-top:20px!important;}.mt-xs{margin-top:25px!important;}.mt-xxs{margin-top:25px!important;}
.mb-xxl{margin-bottom:50px!important;}.mb-xl{margin-bottom:40px!important;}.mb-l{margin-bottom:30px!important;}.mb-m{margin-bottom:25px!important;}.mb-s{margin-bottom:20px!important;}.mb-xs{margin-bottom:25px!important;}.mb-xxs{margin-bottom:25px!important;}
.pt-xxl{padding-top:80px!important;}.pt-xl{padding-top:70px!important;}.pt-l{padding-top:70px!important;}.pt-m{padding-top:60px!important;}.pt-s{padding-top:50px!important;}.pt-xs{padding-top:40px!important;}.pt-xxs{padding-top:30px!important;}
.pb-xxl{padding-bottom:80px!important;}.pb-xl{padding-bottom:70px!important;}.pb-l{padding-bottom:70px!important;}.pb-m{padding-bottom:60px!important;}.pb-s{padding-bottom:50px!important;}.pb-xs{padding-bottom:40px!important;}.pb-xxs{padding-bottom:30px!important;}
.mt-xxl-m{margin-top:80px!important;}.mt-xl-m{margin-top:70px!important;}.mt-l-m{margin-top:60px!important;}.mt-m-m{margin-top:45px!important;}.mt-m-m{margin-top:35px!important;}.mt-xs-m{margin-top:25px!important;}.mt-xxs-m{margin-top:20px!important;}.mt-no-m{margin-top:0px!important;}
.mb-xxl-m{margin-bottom:80px!important;}.mb-xl-m{margin-bottom:70px!important;}.mb-l-m{margin-bottom:60px!important;}.mb-m-m{margin-bottom:45px!important;}.mb-m-m{margin-bottom:35px!important;}.mb-xs-m{margin-bottom:25px!important;}.mb-xxs-m{margin-bottom:20px!important;}.mb-no-m{margin-bottom:0px!important;}
.mt-0-m{margin-top:0!important}.mt-5-m{margin-top:5px!important}.mt-10-m{margin-top:10px!important}.mt-20-m{margin-top:20px!important}.mt-30-m{margin-top:30px!important}.mt-40-m{margin-top:40px!important}.mt-50-m{margin-top:50px!important}.mt-60-m{margin-top:60px!important}.mt-70-m{margin-top:70px!important}.mt-80-m{margin-top:80px!important}.mt-90-m{margin-top:90px!important}.mt-100-m{margin-top:100px!important}.mt-110-m{margin-top:110px!important}.mt-120-m{margin-top:120px!important}.mt-130-m{margin-top:130px!important}.mt-140-m{margin-top:140px!important}.mt-150-m{margin-top:150px!important}.mt-160-m{margin-top:160px!important}.mt-170-m{margin-top:170px!important}.mt-180-m{margin-top:180px!important}.mt-190-m{margin-top:190px!important}.mt-200-m{margin-top:200px!important}
.mb-0-m{margin-bottom:0!important}.mb-5-m{margin-bottom:5px!important}.mb-10-m{margin-bottom:10px!important}.mb-20-m{margin-bottom:20px!important}.mb-30-m{margin-bottom:30px!important}.mb-40-m{margin-bottom:40px!important}.mb-50-m{margin-bottom:50px!important}.mb-60-m{margin-bottom:60px!important}.mb-70-m{margin-bottom:70px!important}.mb-80-m{margin-bottom:80px!important}.mb-90-m{margin-bottom:90px!important}.mb-100-m{margin-bottom:100px!important}.mb-110-m{margin-bottom:110px!important}.mb-120-m{margin-bottom:120px!important}.mb-130-m{margin-bottom:130px!important}.mb-140-m{margin-bottom:140px!important}.mb-150-m{margin-bottom:150px!important}.mb-160-m{margin-bottom:160px!important}.mb-170-m{margin-bottom:170px!important}.mb-180-m{margin-bottom:180px!important}.mb-190-m{margin-bottom:190px!important}.mb-200-m{margin-bottom:200px!important}
.pt-0-m{padding-top:0!important}.pt-5-m{padding-top:5px!important}.pt-10-m{padding-top:10px!important}.pt-20-m{padding-top:20px!important}.pt-30-m{padding-top:30px!important}.pt-40-m{padding-top:40px!important}.pt-50-m{padding-top:50px!important}.pt-60-m{padding-top:60px!important}.pt-70-m{padding-top:70px!important}.pt-80-m{padding-top:80px!important}.pt-90-m{padding-top:90px!important}.pt-100-m{padding-top:100px!important}.pt-110-m{padding-top:110px!important}.pt-120-m{padding-top:120px!important}.pt-130-m{padding-top:130px!important}.pt-140-m{padding-top:140px!important}.pt-150-m{padding-top:150px!important}.pt-160-m{padding-top:160px!important}.pt-170-m{padding-top:170px!important}.pt-180-m{padding-top:180px!important}.pt-190-m{padding-top:190px!important}.pt-200-m{padding-top:200px!important}
.pb-0-m{padding-bottom:0!important}.pb-5-m{padding-bottom:5px!important}.pb-10-m{padding-bottom:10px!important}.pb-20-m{padding-bottom:20px!important}.pb-30-m{padding-bottom:30px!important}.pb-40-m{padding-bottom:40px!important}.pb-50-m{padding-bottom:50px!important}.pb-60-m{padding-bottom:60px!important}.pb-70-m{padding-bottom:70px!important}.pb-80-m{padding-bottom:80px!important}.pb-90-m{padding-bottom:90px!important}.pb-100-m{padding-bottom:100px!important}.pb-110-m{padding-bottom:110px!important}.pb-120-m{padding-bottom:120px!important}.pb-130-m{padding-bottom:130px!important}.pb-140-m{padding-bottom:140px!important}.pb-150-m{padding-bottom:150px!important}.pb-160-m{padding-bottom:160px!important}.pb-170-m{padding-bottom:170px!important}.pb-180-m{padding-bottom:180px!important}.pb-190-m{padding-bottom:190px!important}.pb-200-m{padding-bottom:200px!important}
.p-0-m{padding:0!important}.p-5-m{padding:5px!important}.p-10-m{padding:10px!important}.p-20-m{padding:20px!important}.p-30-m{padding:30px!important}.p-40-m{padding:40px!important}.p-50-m{padding:50px!important}.p-60-m{padding:60px!important}.p-70-m{padding:70px!important}.p-80-m{padding:80px!important}.p-90-m{padding:90px!important}.p-100-m{padding:100px!important}.p-110-m{padding:110px!important}.p-120-m{padding:120px!important}.p-130-m{padding:130px!important}.p-140-m{padding:140px!important}.p-150-m{padding:150px!important}.p-160-m{padding:160px!important}.p-170-m{padding:170px!important}.p-180-m{padding:180px!important}.p-190-m{padding:190px!important}.p-200-m{padding:200px!important}
}
/* =============================================================================
* margin + padding classes - horizontal
* ========================================================================== */
/* margin-left */
.ml-xxl {margin-left:240px !important;}
.ml-xl {margin-left:200px !important;}
.ml-l {margin-left:160px !important;}
.ml-m {margin-left:120px !important;}
.ml-s {margin-left:80px !important;}
.ml-xs {margin-left:40px !important;}
.ml-xxs {margin-left:20px !important;}
.ml-100 {margin-left:100% !important;}
.ml-90 {margin-left:90% !important;}
.ml-80 {margin-left:80% !important;}
.ml-75 {margin-left:75% !important;}
.ml-70 {margin-left:70% !important;}
.ml-60 {margin-left:60% !important;}
.ml-50 {margin-left:50% !important;}
.ml-40 {margin-left:40% !important;}
.ml-30 {margin-left:30% !important;}
.ml-25 {margin-left:25% !important;}
.ml-20 {margin-left:20% !important;}
.ml-10 {margin-left:10% !important;}
.ml-5 {margin-left:5% !important;}
.ml-1 {margin-left:1% !important;}
/* margin-right */
.mr-xxl {margin-right:240px !important;}
.mr-xl {margin-right:200px !important;}
.mr-l {margin-right:160px !important;}
.mr-m {margin-right:120px !important;}
.mr-s {margin-right:80px !important;}
.mr-xs {margin-right:40px !important;}
.mr-xxs {margin-right:20px !important;}
.mr-100 {margin-right:100% !important;}
.mr-90 {margin-right:90% !important;}
.mr-80 {margin-right:80% !important;}
.mr-75 {margin-right:75% !important;}
.mr-70 {margin-right:70% !important;}
.mr-60 {margin-right:60% !important;}
.mr-50 {margin-right:50% !important;}
.mr-40 {margin-right:40% !important;}
.mr-30 {margin-right:30% !important;}
.mr-25 {margin-right:25% !important;}
.mr-20 {margin-right:20% !important;}
.mr-10 {margin-right:10% !important;}
.mr-5 {margin-right:5% !important;}
.mr-1 {margin-right:1% !important;}
/* padding-left */
.pl-xxl {padding-left:240px !important;}
.pl-xl {padding-left:200px !important;}
.pl-l {padding-left:160px !important;}
.pl-m {padding-left:120px !important;}
.pl-s {padding-left:80px !important;}
.pl-xs {padding-left:40px !important;}
.pl-xxs {padding-left:20px !important;}
.pl-100 {padding-left:100% !important;}
.pl-90 {padding-left:90% !important;}
.pl-80 {padding-left:80% !important;}
.pl-75 {padding-left:75% !important;}
.pl-70 {padding-left:70% !important;}
.pl-60 {padding-left:60% !important;}
.pl-50 {padding-left:50% !important;}
.pl-40 {padding-left:40% !important;}
.pl-30 {padding-left:30% !important;}
.pl-25 {padding-left:25% !important;}
.pl-20 {padding-left:20% !important;}
.pl-10 {padding-left:10% !important;}
.pl-5 {padding-left:5% !important;}
.pl-1 {padding-left:1% !important;}
/* padding-right */
.pr-xxl {padding-right:240px !important;}
.pr-xl {padding-right:200px !important;}
.pr-l {padding-right:160px !important;}
.pr-m {padding-right:120px !important;}
.pr-s {padding-right:80px !important;}
.pr-xs {padding-right:40px !important;}
.pr-xxs {padding-right:20px !important;}
.pr-100 {padding-right:100% !important;}
.pr-90 {padding-right:90% !important;}
.pr-80 {padding-right:80% !important;}
.pr-75 {padding-right:75% !important;}
.pr-70 {padding-right:70% !important;}
.pr-60 {padding-right:60% !important;}
.pr-50 {padding-right:50% !important;}
.pr-40 {padding-right:40% !important;}
.pr-30 {padding-right:30% !important;}
.pr-25 {padding-right:25% !important;}
.pr-20 {padding-right:20% !important;}
.pr-10 {padding-right:10% !important;}
.pr-5 {padding-right:5% !important;}
.pr-1 {padding-right:1% !important;}
@media only screen and (max-width: 767px)
{
.ml-xxl,.ml-xl,.ml-l,.ml-m,.ml-s,.ml-xs,.ml-xxs,.ml-100,.ml-90,.ml-80,.ml-75,.ml-70,.ml-60,.ml-50,.ml-40,.ml-30,.ml-20,.ml-10,.ml-5,.ml-1 {margin-left:0 !important;}
.mr-xxl,.mr-xl,.mr-l,.mr-m,.mr-s,.mr-xs,.mr-xxs,.mr-100,.mr-90,.mr-80,.mr-75,.mr-70,.mr-60,.mr-50,.mr-40,.mr-30,.mr-20,.mr-10,.mr-5,.mr-1 {margin-right:0 !important;}
.pl-xxl,.pl-xl,.pl-l,.pl-m,.pl-s,.pl-xs,.pl-xxs,.pl-100,.pl-90,.pl-80,.pl-75,.pl-70,.pl-60,.pl-50,.pl-40,.pl-30,.pl-20,.pl-10,.pl-5,.pl-1 {padding-left:0 !important;}
.pr-xxl,.pr-xl,.pr-l,.pr-m,.pr-s,.pr-xs,.pr-xxs,.pr-100,.pr-90,.pr-80,.pr-75,.pr-70,.pr-60,.pr-50,.pr-40,.pr-30,.pr-20,.pr-10,.pr-5,.pr-1 {padding-right:0 !important;}
.ml-0-m > .attributes {margin-left: 0!important;}
.mr-0-m > .attributes {margin-right: 0!important;}
.mt-0-m > .attributes {margin-top: 0!important;}
.mb-0-m > .attributes {margin-bottom: 0!important;}
}
/* =============================================================================
* font-size
* ========================================================================== */
.font-size-xxxxxl,
.font-size-xxxxxl p {
font-size: 6.667rem;
line-height: 1.5;
}
.font-size-xxxxl,
.font-size-xxxxl p {
font-size: 5.667rem;
line-height: 1.5;
}
.font-size-xxxl,
.font-size-xxxl p {
font-size: 5rem;
line-height: 1.5;
}
.font-size-xxl,
.font-size-xxl p {
font-size: 4.333rem;
line-height: 1.5;
}
.font-size-xl,
.font-size-xl p {
font-size: 3.667rem;
line-height: 1.5;
}
.font-size-l,
.font-size-l p {
font-size: 3rem;
line-height: 1.5;
}
.font-size-m,
.font-size-m p {
font-size: 2.333rem;
line-height: 1.5;
}
.font-size-s,
.font-size-s p {
font-size: 1.667rem;
line-height: 1.5;
}
.font-size-xs,
.font-size-xs p {
font-size: 1.467rem;
line-height: 1.5;
}
.font-size-xxs,
.font-size-xxs p {
font-size: 1.2rem;
line-height: 1.8;
}
.font-size-xxxs,
.font-size-xxxs p {
font-size: 0.9333rem;
line-height: 1.5;
}
.font-size-xxxxs,
.font-size-xxxxs p {
font-size: 0.8rem;
}
.font-size-xxxxxs,
.font-size-xxxxxs p {
font-size: 0.6667rem;
}
/* =============================================================================
* border classes
* ========================================================================== */
.no-border {
border: 0!important;
}
.bt-dark {
border-top: 1px solid rgb(229,229,229);
}
.bb-dark {
border-bottom: 1px solid rgb(229,229,229);
}
.bt-light {
border-top: 1px solid rgb(255,255,255);
}
.bb-light {
border-bottom: 1px solid rgb(255,255,255);
}
.bt-dark-dashed {
border-top: 1px dashed rgb(229,229,229);
}
.bb-dark-dashed {
border-bottom: 1px dashed rgb(229,229,229);
}
.bt-light-dashed {
border-top: 1px dashed rgb(255,255,255);
}
.bb-light-dashed {
border-bottom: 1px dashed rgb(255,255,255);
}
.bt-dark-dotted {
border-top: 1px dotted rgb(229,229,229);
}
.bb-dark-dotted {
border-bottom: 1px dotted rgb(229,229,229);
}
.bt-light-dotted {
border-top: 1px dotted rgb(255,255,255);
}
.bb-light-dotted {
border-bottom: 1px dotted rgb(255,255,255);
}
/* =============================================================================
* image border classes
* ========================================================================== */
.ce_image.border-1 img {
border: 1px solid rgb(220,220,220);
}
.ce_image.border-5 img {
border: 5px solid rgb(220,220,220);
}
.ce_image.border-10 img {
border: 10px solid rgb(220,220,220);
}
/* =============================================================================
* text color classes | important
* ========================================================================== */
.color-white,
.color-white p,
.color-white i,
.color-white h1,
.color-white h2,
.color-white h3,
.color-white h4,
.color-white h5,
.color-white h6,
.color-white a:not(.link-white) {
color: #fff !important;
border-color: rgba(255,255,255,0.3)!important;
}
.color-gray,
.color-gray p,
.color-gray i,
.color-gray h1,
.color-gray h2,
.color-gray h3,
.color-gray h4,
.color-gray h5,
.color-gray h6,
.color-gray a:not(.link-white) {
color: rgb(127,127,127)!important;
}
.color-lightgray,
.color-lightgray p,
.color-lightgray i,
.color-lightgray h1,
.color-lightgray h2,
.color-lightgray h3,
.color-lightgray h4,
.color-lightgray h5,
.color-lightgray h6,
.color-lightgray a:not(.link-white) {
color: rgb(180,180,180)!important;
}
.color-darkgray,
.color-darkgray p,
.color-darkgray i,
.color-darkgray h1,
.color-darkgray h2,
.color-darkgray h3,
.color-darkgray h4,
.color-darkgray h5,
.color-darkgray h6,
.color-darkgray a:not(.link-white) {
color: rgb(76,76,76)!important;
}
.color-white-trnp-50,
.color-white-trnp-50 p,
.color-white-trnp-50 i,
.color-white-trnp-50 h1,
.color-white-trnp-50 h2,
.color-white-trnp-50 h3,
.color-white-trnp-50 h4,
.color-white-trnp-50 h5,
.color-white-trnp-50 h6,
.color-white-trnp-50 a:not(.link-white) {
color: rgba(255,255,255,0.8)!important;
}
.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(152,152,152);
}
.color-success,
.color-success p,
.color-success i,
.color-success h1,
.color-success h2,
.color-success h3,
.color-success h4,
.color-success h5,
.color-success h6,
.color-success a:not(.link-white) {
color: rgb(157,213,93);
}
.color-alert,
.color-alert p,
.color-alert i,
.color-alert h1,
.color-alert h2,
.color-alert h3,
.color-alert h4,
.color-alert h5,
.color-alert h6,
.color-alert a:not(.link-white) {
color: rgb(247,80,90);
}
.color-warning,
.color-warning p,
.color-warning i,
.color-warning h1,
.color-warning h2,
.color-warning h3,
.color-warning h4,
.color-warning h5,
.color-warning h6,
.color-warning a:not(.link-white) {
color: rgb(240,138,36);
}
.color-info,
.color-info p,
.color-info i,
.color-info h1,
.color-info h2,
.color-info h3,
.color-info h4,
.color-info h5,
.color-info h6,
.color-info a:not(.link-white) {
color: rgb(160,211,232);
}
/* =============================================================================
* text color classes
* ========================================================================== */
.txt-color-gray,
.txt-color-gray p,
.txt-color-gray i,
.txt-color-gray a,
.txt-color-gray h1,
.txt-color-gray h2,
.txt-color-gray h3,
.txt-color-gray h4,
.txt-color-gray h5,
.txt-color-gray h6,
.txt-color-gray .h1,
.txt-color-gray .h2,
.txt-color-gray .h3,
.txt-color-gray .h4,
.txt-color-gray .h5,
.txt-color-gray .h6,
.txt-color-gray .h1 p,
.txt-color-gray .h2 p,
.txt-color-gray .h3 p,
.txt-color-gray .h4 p,
.txt-color-gray .h5 p,
.txt-color-gray .h6 p,
.txt-color-gray.h1,
.txt-color-gray.h2,
.txt-color-gray.h3,
.txt-color-gray.h4,
.txt-color-gray.h5,
.txt-color-gray.h6,
.txt-color-gray.h1 p,
.txt-color-gray.h2 p,
.txt-color-gray.h3 p,
.txt-color-gray.h4 p,
.txt-color-gray.h5 p,
.txt-color-gray.h6 p {
color: rgb(127,127,127);
}
.txt-color-white,
.txt-color-white p,
.txt-color-white i,
.txt-color-white a,
.txt-color-white h1,
.txt-color-white h2,
.txt-color-white h3,
.txt-color-white h4,
.txt-color-white h5,
.txt-color-white h6,
.txt-color-white .h1,
.txt-color-white .h2,
.txt-color-white .h3,
.txt-color-white .h4,
.txt-color-white .h5,
.txt-color-white .h6,
.txt-color-white .h1 p,
.txt-color-white .h2 p,
.txt-color-white .h3 p,
.txt-color-white .h4 p,
.txt-color-white .h5 p,
.txt-color-white .h6 p,
.txt-color-white.h1,
.txt-color-white.h2,
.txt-color-white.h3,
.txt-color-white.h4,
.txt-color-white.h5,
.txt-color-white.h6,
.txt-color-white.h1 p,
.txt-color-white.h2 p,
.txt-color-white.h3 p,
.txt-color-white.h4 p,
.txt-color-white.h5 p,
.txt-color-white.h6 p {
color: rgb(255,255,255);
}
/* =============================================================================
* align helper classes
* ========================================================================== */
.align-center, .align-center * {
text-align: center !important;
}
.align-right, .align-right * {
text-align: right !important;
}
.align-left, .align-left * {
text-align: left !important;
}
.align-centered {
margin-left: auto;
margin-right: auto;
}
.align-centered.gridbuilder {
float: none;
}
.h-align-left {
text-align: left;
}
.h-align-center {
text-align: center;
}
.h-align-right {
text-align: right;
}
/* =============================================================================
* device visibility classes
* ========================================================================== */
.hidden {
display: none;
}
.only_mobile,
.only-mobile {
display: none!important;
}
@media only screen and (min-width : 768px) {
.hide_desktop,
.hide-desktop {
display: none!important;
}
}
/* =============================================================================
* device visibility classes themesettings extension
* ========================================================================== */
body.viewport_tablet .vis-desktop,
body.viewport_mobile .vis-desktop {
display: none!important;
}
body.viewport_desktop .vis-mobile,
body.viewport_tablet .vis-mobile {
display: none!important;
}
body.viewport_desktop .vis-tablet,
body.viewport_mobile .vis-tablet {
display: none!important;
}
body.viewport_tablet .vis-desktop-mobile {
display: none!important;
}
body.viewport_mobile .vis-desktop-tablet {
display: none!important;
}
body.viewport_desktop .vis-mobile-tablet {
display: none!important;
}
/* =============================================================================
* labels
* ========================================================================== */
[class*='label-'] {
font-weight: bold;
color: #fff;
border-radius: 3px;
font-size: 12px;
padding: 0px 10px;
display: inline-block;
}
.label-accent {
background: rgb(152,152,152);
}
.label-secondary {
background: rgb(231,231,231);
color: rgb(51,51,51);
}
.label-success {
background: rgb(157,213,93);
}
.label-alert {
background: rgb(247,80,90);
}
.label-warning {
background: rgb(240,138,36);
}
.label-info {
background: rgb(160,211,232);
color: rgb(51,51,51);
}
/* =============================================================================
* letter spacing
* ========================================================================== */
.letter-spacing-xxl {
letter-spacing: 10px;
}
.letter-spacing-xl {
letter-spacing: 5px;
}
.letter-spacing-l {
letter-spacing: 3px;
}
.letter-spacing-m {
letter-spacing: 2px;
}
.letter-spacing-s {
letter-spacing: 1px;
}
/* =============================================================================
* utility classes text
* ========================================================================== */
.line-through {
text-decoration: line-through;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.medium-width {
max-width: 600px;
}
.medium-small {
max-width: 400px;
}
.medium-width-center {
max-width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.small-width-center {
max-width: 400px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
span.highlight {
background: rgb(51,51,51);
color: #fff;
padding-left: 3px;
padding-right: 3px;
}
span.serif {
font-family: Georgia, Times, serif;
}
span.no-serif {
font-family: Arial, Verdana, sans-serif;
}
.no-underline,
.no-underline a {
text-decoration: none;
}
/* =============================================================================
* sup
* ========================================================================== */
sup {
font-family: Verdana, Arial, sans-serif;
font-size: 0.5em;
}
/* =============================================================================
* misc utility classes
* ========================================================================== */
.float-right {
float: right;
}
.float-left {
float: left;
}
.inline-block {
display: inline-block;
}
.hide {
display: none;
}
.overflow-hidden,
.overflow_hidden {
overflow: hidden!important;
}
.overflow-visible,
.overflow_visible {
overflow: visible;
}
.fullwith-image img,
.fullwidth-image img {
width: 100%!important;
}
.z_index1 {
z-index: 1!important;
}
.z_index5 {
z-index: 5!important;
}
.z_index10 {
z-index: 10!important;
}
.z_index20 {
z-index: 20!important;
}
.z_index30 {
z-index: 30!important;
}
.z_index40 {
z-index: 40!important;
}
.z_index50 {
z-index: 50!important;
}
.z_index60 {
z-index: 60!important;
}
.z_index70 {
z-index: 70!important;
}
.z_index80 {
z-index: 80!important;
}
.z_index90 {
z-index: 90!important;
}
.z_index100 {
z-index: 100!important;
}
body.hide-breadcrumb #breadcrumb {
display: none;
}
/* =============================================================================
* border-radius
* ========================================================================== */
.border-radius-3 {
border-radius: 3px;
}
.border-radius-5 {
border-radius: 5px;
}
.border-radius-10 {
border-radius: 10px;
}
.border-radius-50 {
border-radius: 50px;
}
.border-radius-100 {
border-radius: 100%;
}
/* =============================================================================
* text-shadow
* ========================================================================== */
.text-shadow-10 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.1);
}
.text-shadow-20 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
}
.text-shadow-30 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);
}
.text-shadow-40 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.4);
}
.text-shadow-50 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
}
.text-shadow-60 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.6);
}
.text-shadow-70 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.7);
}
.text-shadow-80 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.8);
}
.text-shadow-90 {
text-shadow: 1px 1px 2px rgba(0,0,0, 0.9);
}
.text-shadow-100 {
text-shadow: 1px 1px 2px rgba(0,0,0, 1);
}
/* =============================================================================
* shadow
* ========================================================================== */
.shadow_style1 {
box-shadow: 0px 22px 14px -7px rgba(0,0,0,0.04);
}
.shadow_style2 {
box-shadow: 9px 9px 42px #f0f0f0, -9px -9px 42px #ffffff;
border-radius: 35px;
}
/* =============================================================================
* body
* ========================================================================== */
body {
overflow-x: hidden;
background-repeat: repeat;
}
/* =============================================================================
* link colors
* ========================================================================== */
a {
color: #555;
text-decoration: none;
}
p a {
color: rgb(152,152,152);
}
/* =============================================================================
* sidebar right
* ========================================================================== */
body.sidebar #main {
overflow: visible;
width: 73%;
float: left;
position: relative;
}
body.sidebar.right #main .mod_article {
padding-left: 0!important;
}
body.sidebar.right #main {
border-right: 1px solid rgb(229,229,229);
}
body.sidebar #right {
overflow: visible;
padding-left: 40px;
width: 27%;
float: left;
position: relative;
}
body.sidebar #right .ce_text {
padding: 5%;
background: #f8f8f8;
}
/* =============================================================================
* sidebar left
* ========================================================================== */
body.sidebar #left {
width: 27%;
position: relative;
padding-right: 40px;
overflow: visible;
}
body.sidebar.left #main {
width: 73%;
float: right;
border-right: 0;
border-left: 1px solid rgb(229,229,229);
overflow: visible;
}
/* =============================================================================
* sidebar both
* ========================================================================== */
body.sidebar.both #left {
width: 20%;
position: relative;
padding-left: 0;
padding-right: 0px;
float: left;
overflow: visible;
}
body.sidebar.both #right {
left: 60%;
margin-right: -22%;
width: 20%;
position: relative;
padding-left: 0;
padding-right: 0;
float: left;
overflow: visible;
}
body.sidebar.both #right .inside {
padding-right: 0;
}
body.sidebar.both #main {
width: 54%;
float: right;
border-right: 0;
border-left: 1px solid rgb(229,229,229);
border-right: 1px solid rgb(229,229,229);
margin-right: 23%;
overflow: visible;
}
/* =============================================================================
* mainmenu
* ========================================================================== */
.mainmenu {
overflow: visible !important;
float: right;
}
.mainmenu .mod_article {
float: right;
}
.mainmenu ul {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
text-align: right;
}
.mainmenu ul ul {
width: auto;
display: none;
white-space: nowrap;
border-radius: 0;
padding: 10px;
position: absolute;
top: 100%;
margin-left: 0;
background: #fff;
box-shadow: 1px 8px 15px rgba(0,0,0,0.1);
}
.mainmenu ul ul ul {
border-top: 0;
margin-top: 0;
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.mainmenu ul:after {
content: "";
clear: both;
display: block;
}
.mainmenu ul li {
display: inline-block;
text-align: left;
list-style-type: none;
z-index: 10;
}
.mainmenu ul li {
position: relative;
}
.mainmenu ul li:last-of-type a {
padding-right: 0;
}
.mainmenu ul li:hover > ul {
display: block;
}
.mainmenu ul li a {
text-decoration: none;
position: relative;
text-transform: uppercase;
transition: color 0.3s ease, opacity 0.3s ease;
-webkit-transition: color 0.3s ease, opacity 0.3s ease;
}
.mainmenu ul li a.trail,
.mainmenu ul li a.active {
color: var(--color-secondary);
}
.mainmenu ul li a i {
margin-right: 5px;
display: none;
}
.mainmenu ul li a i {
display: inline-block;
width: 20px;
}
.mainmenu ul ul li.open-left ul {
left: auto;
right: 100%!important;
}
.mainmenu ul li.last ul {
right: 0;
}
.mainmenu ul ul li.last ul {
right: inherit;
}
.mainmenu ul ul li {
float: none;
position: relative;
line-height: 32px;
min-height: 0;
display: block;
}
.mainmenu ul ul li a {
text-transform: none;
text-align: left;
border: 0;
padding: 0 1.5rem 0 0.5rem!important;
line-height: 32px!important;
color: #393939;
font-size: 0.9rem;
letter-spacing: 0;
font-weight: normal;
}
.mainmenu ul ul li a.last {
border-bottom: 0;
}
.mainmenu ul ul li a.submenu:after {
font-family: "Font Awesome 6 Pro";
content: "\f105";
position: absolute;
right: 8px;
background: none!important;
}
.mainmenu ul ul ul {
position: absolute;
left: 100%;
top: 0;
}
.header .mainmenu ul.level_1 li span.ribbon {
position: absolute;
line-height: 18px;
font-size: 0.7rem;
font-weight: bold;
margin-left: 5px;
background: red;
color: #fff;
border-radius: 2px;
top: -4px;
padding-left: 3px;
padding-right: 3px;
transform: translateX(-5px);
}
.header .mainmenu ul.level_2 li span.ribbon {
position: relative;
top: -4px;
transform: translateX(0);
}
/* =============================================================================
* mainmenu click_open
* ========================================================================== */
.mainmenu ul li.click_open ul {
display: none;
animation: none;
}
.mainmenu ul li.click_open ul.active {
display: block;
}
/* =============================================================================
* hide error pages from menu
* ========================================================================== */
.mod_navigation .error_401,
.mod_navigation .error_403,
.mod_navigation .error_404 {
display: none;
}
/* =============================================================================
* submenu sidebar
* ========================================================================== */
.subnav {
margin-top: 40px;
}
.subnav a {
display: block;
padding: 10px 10px 10px 40px;
margin-bottom: 4px;
color: rgb(152,152,152);
border-radius: 3px;
-webkit-transition: All 0.1s ease;
transition: All 0.1s ease;
}
.subnav i {
margin-right: 10px;
display: none;
}
.subnav a.menuheader {
background: none!important;
border-bottom: 1px solid rgb(229,229,229);
border-radius: 0;
}
.subnav i {
display: inline-block;
width: 20px;
margin-left: -30px;
}
.subnav li ul li {
border: 0;
}
.subnav ul ul li {
padding: 0;
}
.subnav a:hover, .subnav a.active {
background: rgb(248,248,248);
}
.subnav ul li.active > ul, .subnav ul li.trail > ul {
display: block;
}
.subnav ul ul a {
padding-left: 60px;
}
.subnav ul ul {
display: none;
}
.subnav ul ul ul {
display: none;
}
.subnav ul ul ul ul {
display: none;
}
/* =============================================================================
* mmenu-trigger
* ========================================================================== */
.mmenu_trigger {
display: none;
}
.mmenu_trigger .label {
margin-right: 8px;
cursor: pointer;
}
.mmenu_trigger .burger {
height: 21px;
width: 21px;
position: relative;
font-size: 7px;
cursor: pointer;
transition: .2s all;
}
.mmenu_trigger .burger .burger_lines:after {
left: 0;
top: -15px;
}
.mmenu_trigger .burger .burger_lines:before {
left: 1em;
top: 15px;
}
.mmenu_trigger .burger:after {
content: '';
display: block;
position: absolute;
height: 150%;
width: 150%;
top: -25%;
left: -25%;
}
.mmenu_trigger .burger .burger_lines {
top: 50%;
margin-top: -1px;
}
.mmenu_trigger .burger .burger_lines,
.mmenu_trigger .burger .burger_lines:after,
.mmenu_trigger .burger .burger_lines:before {
pointer-events: none;
display: block;
content: '';
width: 100%;
border-radius: 10px;
background-color: rgb(255,255,255);
height: 2px;
position: absolute;
transform: rotate(0);
}
.mmenu_trigger .burger .burger_lines:after {
left: 0;
top: -7px;
}
.mmenu_trigger .burger .burger_lines:before {
left: 0;
top: 7px;
}
.mmenu_trigger .burger.style2 .burger_lines:before,
.mmenu_trigger .burger.style2 .burger_lines:after {
width: 2em;
}
/* open transform */
.mmenu_trigger .burger.transform .burger_lines,
.mmenu_trigger .burger.transform .burger_lines:after,
.mmenu_trigger .burger.transform .burger_lines:before {
transition: .2s top .2s, .1s left, .2s transform, .4s background-color .2s;
}
.mmenu_trigger .burger.transform.open .burger_lines,
.mmenu_trigger .burger.transform.open .burger_lines:after,
.mmenu_trigger .burger.transform.open .burger_lines:before {
transition: .2s background-color, .2s top, .2s left, .2s transform .15s;
}
.mmenu_trigger .burger.transform.open .burger_lines {
background-color: transparent;
}
.mmenu_trigger .burger.transform.open .burger_lines:before,
.mmenu_trigger .burger.transform.open .burger_lines:after {
left: 0;
top: 0px;
}
.mmenu_trigger .burger.transform.open .burger_lines:before {
transform: rotate(-45deg);
}
.mmenu_trigger .burger.transform.open .burger_lines:after {
transform: rotate(45deg);
}
/* open rotate */
.mmenu_trigger .burger.rotate .burger_lines,
.mmenu_trigger .burger.rotate .burger_lines:after,
.mmenu_trigger .burger.rotate .burger_lines:before {
transition: all .2s;
}
.mmenu_trigger .burger.rotate.open {
transform: rotate(180deg);
}
.mmenu_trigger .burger.rotate.open .burger_lines {
background-color: transparent;
}
.mmenu_trigger .burger.rotate.open .burger_lines:before,
.mmenu_trigger .burger.rotate.open .burger_lines:after {
left: 0;
top: 0px;
}
.mmenu_trigger .burger.rotate.open .burger_lines:before {
transform: rotate(135deg);
}
.mmenu_trigger .burger.rotate.open .burger_lines:after {
transform: rotate(-135deg);
}
/* =============================================================================
* back hyperlink
* ========================================================================== */
.back a:before {
font-family: "Font Awesome 6 Pro";
content: '\f100';
margin-right: 5px;
}
/* =============================================================================
* code + abbr
* ========================================================================== */
code, pre, .txt-white pre {
font-family: monospace;
background: #FFFFE0;
color: rgb(76,76,76)!important;
display: inline-block;
padding: 10px;
margin-bottom: 10px;
}
abbr {
background: #efefef;
border-bottom: 1px dashed;
cursor: pointer;
}
/* =============================================================================
* pagination
* ========================================================================== */
.pagination {
clear: both;
}
.pagination ul {
padding: 0;
float: left;
}
.pagination p {
float: right;
}
.pagination li {
background: none;
padding: 0;
margin: 0;
float: left;
list-style-type: none;
}
.pagination li:before, .pagination li a:before {
content: '';
}
.pagination li a, .pagination li span {
background: none;
display: block;
margin-right: 1px;
color: inherit;
text-decoration: none;
padding: 3px 10px;
}
.pagination li span.current {
background: rgb(152,152,152);
color: white;
border-radius: 2px;
}
.pagination li a:hover {
color: rgb(152,152,152);
}
.pagination-white .pagination,
.pagination-white .pagination a {
color: rgb(255,255,255);
}
/* =============================================================================
* image_container
* ========================================================================== */
.image_container {
position: relative;
padding: 0;
line-height: 0;
}
.image_container a {
line-height: 0;
}
.image_container .caption {
background: rgba(0,0,0,0.7);
color: #fff;
padding: 8px 12px;
font-size: 0.8667rem;
border-radius: 3px;
line-height: 1.3;
display: inline-block;
margin-top: 5px;
}
.image_container .caption h1,
.image_container .caption h2,
.image_container .caption h3,
.image_container .caption h4,
.image_container .caption h5,
.image_container .caption h6 {
color: rgb(255,255,255);
margin: 0;
}
.image_container.float_right, .image_container.float_left {
float: right;
width: 45%;
padding: 0;
margin-bottom: 3%;
}
.image_container.float_right {
margin-left: 5%;
}
.image_container.float_left {
margin-right: 5%;
float: left;
}
.image_container img {
display: block;
height: auto;
max-width: 100%;
width: 100%;
}
.no-responsive .image_container img,
.no-responsive.image_container img {
width: auto;
max-width: none;
display: inline-block;
}
.no-responsive .image_container.float_right, .no-responsive .image_container.float_left {
width: auto;
margin: 0;
}
.border .image_container img {
border: 1px solid rgb(229,229,229);
}
/* =============================================================================
* ce_image
* ========================================================================== */
.ce_image .image_container img {
width: auto;
}
.ce_image.h-align-center img,
.ce_image.h-align-right img {
display: inline-block;
}
.ce_image.border-gray-1px img {
border: 1px solid rgb(220,220,220);
}
.ce_image.border-gray-5px img {
border: 5px solid rgb(220,220,220);
}
.ce_image.border-gray-10px img {
border: 10px solid rgb(220,220,220);
}
.ce_image.border-white-1px img {
border: 1px solid rgb(255,255,255);
}
.ce_image.border-white-5px img {
border: 5px solid rgb(255,255,255);
}
.ce_image.border-white-10px img {
border: 10px solid rgb(255,255,255);
}
.ce_image.style-rounded img {
border-radius: 100%;
}
.ce_image.img-border-style-2 img {
border-radius: 65px 0 65px 0;
}
/* =============================================================================
* blockquote
* ========================================================================== */
blockquote {
border-left: 5px solid rgb(152,152,152);
padding-left: 25px;
}
blockquote p {
font-family: Georgia, Times, serif;
font-style: italic;
text-align: justify;
font-size: 1.1rem;
}
blockquote p:before {
content: '"';
text-indent: 0;
display: inline-block;
font-weight: bold;
width: 20px;
font-size: 2rem;
line-height: 1.1rem;
}
blockquote em {
font-size: 0.6em;
font-style: normal;
line-height: 1;
font-weight: bold;
}
blockquote a {
color: rgb(152,152,152);
}
/* =============================================================================
* comment_default
* ========================================================================== */
.comment_default {
padding-bottom: 5px;
border-bottom: 1px solid #ddd;
margin-bottom: 25px;
}
/* =============================================================================
* lists
* ========================================================================== */
.ce_text ul,
.ce_list ul,
.ce_text ol,
.ce_list ol {
margin-bottom: 15px;
}
.ce_text li,
.ce_list li,
.ce_text ol,
.ce_list ol {
line-height: 1.5em;
}
.ce_text ul,
.ce_text ol,
.ce_list:not(.hasIcon) ul,
.ce_list:not(.hasIcon) ol {
padding-left: 25px;
}
.ce_text ul li,
.ce_list ul li {
list-style-type: disc;
list-style-position: outside;
position: relative;
margin-bottom: 4px;
}
.ce_text ol,
.ce_list:not(.hasIcon) ol {
list-style: decimal;
padding-left: 26px;
}
.ce_text ol ol,
.ce_list ol ol {
list-style: upper-alpha;
}
.ce_text ol ol ol,
.ce_list ol ol ol {
list-style: lower-roman;
}
/* =============================================================================
* ce_gallery
* ========================================================================== */
.ce_gallery .cols_2 li {
width: calc(100% / 2);
float: left;
}
.ce_gallery .cols_3 li {
width: calc(100% / 3);
float: left;
}
.ce_gallery .cols_4 li {
width: calc(100% / 4);
float: left;
}
.ce_gallery .cols_5 li {
width: calc(100% / 5);
float: left;
}
.ce_gallery .cols_6 li {
width: calc(100% / 6);
float: left;
}
.ce_gallery .cols_7 li {
width: calc(100% / 7);
float: left;
}
.ce_gallery .cols_8 li {
width: calc(100% / 8);
float: left;
}
.ce_gallery .cols_9 li {
width: calc(100% / 9);
float: left;
}
.ce_gallery .cols_10 li {
width: calc(100% / 10);
float: left;
}
.ce_gallery .cols_11 li {
width: calc(100% / 11);
float: left;
}
.ce_gallery .cols_12 li {
width: calc(100% / 12);
float: left;
}
.edge .ce_gallery .cols_2 li {
width: 49.8%;
float: left;
}
.edge .ce_gallery .cols_3 li {
width: 33.20%;
float: left;
}
.edge .ce_gallery .cols_4 li {
width: 24.98%;
float: left;
}
.edge .ce_gallery .cols_5 li {
width: 19.98%;
float: left;
}
.edge .ce_gallery .cols_6 li {
width: 16.65%;
float: left;
}
.edge .ce_gallery .cols_7 li {
width: 14.285%;
float: left;
}
.edge .ce_gallery .cols_8 li {
width: 12.46%;
float: left;
}
.edge .ce_gallery .cols_9 li {
width: 11.11%;
float: left;
}
.edge .ce_gallery .cols_10 li {
width: 10%;
float: left;
}
.edge .ce_gallery .cols_11 li {
width: 9.09%;
float: left;
}
.edge .ce_gallery .cols_12 li {
width: 8.33%;
float: left;
}
.ce_gallery .gallery-margin {
margin-left: -10px;
margin-right: -10px;
}
.ce_gallery .gallery-margin .image_container {
margin: 0 5px 10px;
}
.ce_gallery .image_container {
margin: 0;
}
.ce_gallery a {
width: 100%;
height: 100%;
display: block;
}
.ce_gallery .content {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
height: 100%;
background: rgba(152,152,152,0.8);
opacity: 0;
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
}
.ce_gallery li:hover .content {
opacity: 1;
}
.ce_gallery li img {
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
}
.ce_gallery .image_container {
overflow: hidden;
}
.ce_gallery .content-outside {
display: table;
width: 100%;
height: 100%;
}
.ce_gallery .content-inside {
display: table-cell;
vertical-align: middle;
text-align: center;
color: rgb(255,255,255);
line-height: 1.5;
}
.ce_gallery .capt h1,
.ce_gallery .capt h2,
.ce_gallery .capt h3,
.ce_gallery .capt h4,
.ce_gallery .capt h5,
.ce_gallery .capt h6 {
font-size: 1.067rem;
font-weight: bold;
letter-spacing: 1px;
color: rgb(255,255,255);
margin: 0;
}
.ce_gallery .capt h1:after,
.ce_gallery .capt h2:after,
.ce_gallery .capt h3:after,
.ce_gallery .capt h4:after,
.ce_gallery .capt h5:after,
.ce_gallery .capt h6:after {
content: '';
width: 50px;
height: 2px;
display: block;
margin: 8px auto 15px auto;
background: rgb(255,255,255);
}
.ce_gallery .capt {
font-size: 0.8rem;
}
.ce_gallery .borders li {
border-right: 1px solid rgb(229,229,229);
border-bottom: 1px solid rgb(229,229,229);
}
.ce_gallery .borders li.row_last {
border-bottom: 1px solid transparent;
}
.ce_gallery .borders li.col_last {
border-right-color: transparent;
}
.ce_gallery .borders li:hover img {
transform: none;
-webkit-transform: none;
}
.ce_gallery .borders figcaption {
width: 100% !important;
border-radius: 0;
text-align: center;
}
.ce_gallery .image_container i.fa.fa-plus-circle {
position: relative;
height: 50px;
width: 50px;
}
.ce_gallery .image_container i.fa.fa-plus-circle:before {
content: '';
width: 50px;
height: 1px;
background: rgb(255,255,255);
display: inline-block;
position: absolute;
top: 25px;
left: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.ce_gallery .image_container i.fa.fa-plus-circle:after {
content: '';
width: 50px;
height: 1px;
background: rgb(255,255,255);
display: inline-block;
position: absolute;
top: 25px;
left: 0;
}
.ce_gallery li:hover .image_container i.fa.fa-plus-circle:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/* =============================================================================
* ce_gallery flex-gallery
* ========================================================================== */
.ce_gallery ul.flex-gallery {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ce_gallery ul.flex-gallery li {
max-width: none;
line-height: 0;
text-align: center;
}
.ce_gallery ul.flex-gallery.cols_1 li {
flex: 0 0 100%;
}
.ce_gallery ul.flex-gallery.cols_2 li {
flex: 0 0 calc(100% / 2);
}
.ce_gallery ul.flex-gallery.cols_3 li {
flex: 0 0 calc(100% / 3);
}
.ce_gallery ul.flex-gallery.cols_4 li {
flex: 0 0 calc(100% / 4);
}
.ce_gallery ul.flex-gallery.cols_5 li {
flex: 0 0 calc(100% / 5);
}
.ce_gallery ul.flex-gallery.cols_6 li {
flex: 0 0 calc(100% / 6);
}
.ce_gallery ul.flex-gallery.cols_7 li {
flex: 0 0 calc(100% / 7);
}
.ce_gallery ul.flex-gallery.cols_8 li {
flex: 0 0 calc(100% / 8);
}
.ce_gallery ul.flex-gallery.cols_9 li {
flex: 0 0 calc(100% / 9);
}
.ce_gallery ul.flex-gallery.cols_10 li {
flex: 0 0 calc(100% / 10);
}
.ce_gallery ul.flex-gallery.cols_11 li {
flex: 0 0 calc(100% / 11);
}
.ce_gallery ul.flex-gallery.cols_12 li {
flex: 0 0 calc(100% / 12);
}
.ce_gallery .borders.flex-gallery {
align-items: inherit;
}
/* =============================================================================
* ce_headline
* ========================================================================== */
.ce_headline.width-l {
max-width: 700px;
}
.ce_headline.width-m {
max-width: 500px;
}
.ce_headline.width-s {
max-width: 350px;
}
.ce_headline.h-align-center.width-l,
.ce_headline.h-align-center.width-m,
.ce_headline.h-align-center.width-s {
margin-left: auto;
margin-right: auto;
}
.ce_headline [class^="label"] {
position: relative;
top: -0.6em;
font-size: 0.6em;
padding: 1px 6px;
}
/* =============================================================================
* ce_text
* ========================================================================== */
.ce_text .image_container img {
width: auto;
}
.ce_text .image_container.float_right,
.ce_text .image_container.float_left {
width: auto;
}
.ce_text.width-l {
max-width: 700px;
}
.ce_text.width-m {
max-width: 500px;
}
.ce_text.width-s {
max-width: 350px;
}
.ce_text.h-align-center.width-l,
.ce_text.h-align-center.width-m,
.ce_text.h-align-center.width-s {
margin-left: auto;
margin-right: auto;
}
.ce_text.format-p-large p {
font-size: 1.3rem;
}
.ce_text.format-p-small p {
font-size: 0.9rem;
}
.ce_text.mb-0 p {
margin-bottom: 0;
}
/* =============================================================================
* ce_accordion
* ========================================================================== */
.ce_accordionStart {
position: relative;
}
.ce_accordion .accordion {
padding:20px;
border:0;
background:none;
}
.ce_accordion .accordion > div {
padding:0;
}
.ce_accordion .toggler {
line-height:30px;
font-weight:bold;
cursor:pointer;
margin-bottom: 6px;
}
.ce_accordionStart:last-of-type .toggler {
margin-bottom: 0;
}
.ce_accordion .toggler:hover {
color:rgb(76,76,76);
}
.ce_accordion .toggler:before {
width:25px;
height:25px;
float:right;
clear:both;
display:inline-block;
margin-left:15px;
padding:0;
text-align:center;
font:1.3em/28px Font Awesome 6 Pro;
font-weight:normal;
color:rgb(152,152,152);
content:"\f107";
}
.ce_accordion .toggler.ui-state-active:before {
font-family:Font Awesome 6 Pro;
content:"\f106";
}
.ce_accordionSingle {
margin-bottom: 1px;
}
.ce_hyperlink a,
a.btn {
display: inline-block;
padding: 15px 50px;
margin-bottom: 15px;
cursor:pointer;
transition:all 0.2s ease-out 0s;
width: auto;
background: rgb(152,152,152);
border: 2px solid rgb(152,152,152);
font-weight: bold;
min-width: 140px;
text-align: center!important;
position: relative;
position: relative;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
font-size: 1rem;
}
.ce_hyperlink a,
a.btn {
color: #fff;
}
.ce_hyperlink a:hover,
a.btn:hover {
opacity: 0.8;
}
.ce_hyperlink a.link-white,
a.btn.link-white {
color: rgb(152,152,152);
border: 2px solid rgb(255,255,255);
background: rgb(255,255,255);
}
.ce_hyperlink a.link-white:hover,
a.btn.link-white:hover {
background: rgb(152,152,152);
color: rgb(255,255,255);
}
.ce_hyperlink a.link-white.outline,
a.btn.link-white.outline {
color: rgb(255,255,255);
}
.ce_hyperlink a.link-white.outline:hover,
a.btn.link-white.outline:hover {
background: rgb(255,255,255);
border-color: rgb(255,255,255);
color: rgb(37,37,37);
}
.ce_hyperlink a.outline,
a.btn.outline {
background: transparent;
color: rgb(152,152,152);
}
.ce_hyperlink a.outline:hover,
a.btn.outline:hover {
background: rgb(37,37,37);
border-color: rgb(37,37,37);
color: rgb(255,255,255);
}
.ce_hyperlink i {
margin-right: 8px;
}
.ce_hyperlink.small a,
a.btn.small {
padding: 9px 15px;
font-size: 0.75rem;
}
.ce_hyperlink.large a,
a.btn.large {
padding: 20px 30px;
}
.ce_hyperlink.wide a,
a.btn.large {
padding: 15px 50px;
}
.ce_hyperlink.expand a,
a.btn.expand {
width: 100%;
}
.ce_hyperlink a.alert,
a.btn.alert {
background: rgb(247,80,90);
border-color: rgb(247,80,90);
}
.ce_hyperlink a.warning,
a.btn.warning {
background: rgb(240,138,36);
border-color: rgb(240,138,36);
}
.ce_hyperlink a.info,
a.btn.info {
background: rgb(160,211,232);
border-color: rgb(160,211,232);
color: rgb(51,51,51);
}
.ce_hyperlink a.success:hover, a.btn.success:hover,
.ce_hyperlink a.secondary:hover, a.btn.secondary:hover,
.ce_hyperlink a.alert:hover, a.btn.alert:hover,
.ce_hyperlink a.warning:hover, a.btn.warning:hover,
.ce_hyperlink a.info:hover, a.btn.info:hover {
opacity: 0.8;
}
.ce_hyperlink.border-radius-3 a,
a.btn.border-radius-3 {
border-radius: 3px;
}
.ce_hyperlink.border-radius-5 a,
a.btn.border-radius-5 {
border-radius: 5px;
}
.ce_hyperlink.border-radius-10 a,
a.btn.border-radius-10 {
border-radius: 10px;
}
.ce_hyperlink.border-radius-20 a,
a.btn.border-radius-20 {
border-radius: 20px;
}
.ce_text a.btn {
margin-top: 15px;
}
.ce_hyperlink.btn-animated i {
opacity: 0;
width: 0;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
}
.ce_hyperlink.btn-animated a:hover i {
opacity: 1;
width: 16px;
}
.ce_hyperlink.mb-0 a {
margin-bottom: 0;
}
/* =============================================================================
* ce_player
* ========================================================================== */
.ce_player video {
width: 100%!important;
}
/* =============================================================================
* mod_article
* ========================================================================== */
#main .mod_article {
position: relative;
}
#main .mod_article.smallwidth {
margin-left: auto;
margin-right: auto;
}
#main .mod_article.smallwidth .contentwrap {
padding-left: 17%;
padding-right: 17%;
}
.mod_portfoliolist .item:hover .linkbar {
bottom: 0;
height: 56px;
}
/* =============================================================================
* forms
* ========================================================================== */
input,
textarea,
select {
padding:10px;
background-color: rgba(255,255,255,0.5);
border:1px solid rgba(0,0,0,0.2);
transition:all 0.15s linear 0s;
width: 100%;
font-family: inherit;
}
body.ie input.upload::-ms-value {
padding:10px;
background-color:#fff;
border:1px solid #eee;
transition:all 0.15s linear 0s;
width: 100%;
}
label {
margin-bottom: 3px;
}
form .widget input,
form .widget textarea,
form .widget select {
width: 100%;
}
textarea {
height: 400px;
}
input:hover:not([type="submit"]),
button:hover:not([type="submit"]),
textarea:hover {
border:1px solid rgb(153,153,153);
}
input:focus,
textarea:focus {
background-color:#fff;
border:1px solid rgb(152,152,152);
border-radius:0;
}
form .checkbox_container {
overflow: hidden;
margin-bottom: 2px;
}
input.checkbox {
margin-right: 5px;
}
input.checkbox,
input.captcha {
width: auto!important;
}
form div.widget {
margin-bottom:20px;
}
form fieldset {
padding:10px;
border: 1px solid rgba(0,0,0,0.2);
}
form.no-border fieldset {
padding: 0;
border: 0;
border-top: 1px solid rgba(0,0,0,0.2);
}
form.no-border fieldset legend {
margin-bottom: 25px;
}
form.no-border fieldset.checkbox_container {
border: 0;
}
form fieldset {
margin-bottom:20px;
}
form fieldset.hidden {
display: none;
}
form fieldset legend {
width:auto;
padding-right:10px;
padding-left:10px;
background-color:rgb(152,152,152);
color:#fff;
}
form select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
background-position: center right;
background-repeat: no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
line-height: 1.3;
height: 48px;
padding: 5px 35px 5px 10px;
border:1px solid rgba(0,0,0,0.2);
border-radius: 0;
}
.firefox form select {
height: 49px;
}
form select option {
padding-right:10px;
padding-left:10px;
}
form select.multiselect option {
padding-right:0;
padding-left:0;
}
form textarea {
font-family: inherit;
}
form .checkbox_container span,
form .widget-radio span {
display: block;
overflow: hidden;
margin-bottom: 5px;
}
form .widget-radio input {
width: auto;
margin-right: 5px;
margin-left: 3px;
}
form .widget-radio label {
width: auto;
}
form span.mandatory {
color:#f00;
}
form .captcha_text {
margin: 10px 0 15px 15px;
color: red;
}
form p.error {
color: red;
}
.android .widget-radio label,
.android .widget-checkbox label {
position: relative;
top: -3px;
}
.ios input[type=checkbox],
.ios input[type=radio] {
-webkit-transform: scale(0.5);
transform: scale(0.5);
vertical-align: middle;
position: relative;
bottom: 1px;
}
.ie form .widget-radio input,
.ie form .widget-checkbox input {
border: 0;
}
/* =============================================================================
* datepicker
* ========================================================================== */
.gridbuilder_wrapper.formfield,
.gridbuilder_wrapper.formfield .gridbuilder {
overflow: visible;
}
form div.widget {
position: relative;
}
input.datepicker {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwMCA1MDAiIGhlaWdodD0iNTAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MDAgNTAwIiB3aWR0aD0iNTAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxnPjxnPjxwYXRoIGQ9Ik0yMTAuNzI2LDMwMi4yNzFjMCwwLDUuNSw1LjUsMTIuNjMzLDUuNWM1LjU4NiwwLDguNzY2LTIuNzUsOC43NjYtNi4xMDIgICAgICBjMC00LjgxMy00LjgxMy02Ljc4OS0xMS40MzEtNi43ODloLTQuMjk3bC0zLjE4LTcuMzA1bDguMDc4LTkuNzExYzIuOTIyLTMuNTI0LDUuMzI5LTUuNzU4LDUuMzI5LTUuNzU4di0wLjE3MiAgICAgIGMwLDAtMS45NzcsMC40My01Ljg0NCwwLjQzaC0xNC42OTV2LTEyLjg5MWgzOC43NTl2OS4zNjdsLTEyLjQ2MSwxNC4zNTJjOS4xMSwxLjk3NywxNC44NjcsOS4xOTUsMTQuODY3LDE3Ljc5ICAgICAgYzAsMTAuNDg1LTcuMzkxLDIwLjk2OS0yMi43NzQsMjAuOTY5Yy0xMy43NTEsMC0yMC45NjktOC4wNzgtMjAuOTY5LTguMDc4TDIxMC43MjYsMzAyLjI3MXoiIGZpbGw9IiMyMzFGMjAiLz48cGF0aCBkPSJNMjU2LjE4OCwzMDguMDI5aDEzLjA2M3YtMjUuNjFjMC0yLjMyLDAuMDg2LTQuNzI3LDAuMDg2LTQuNzI3aC0wLjE3MmMwLDAtMC43NzMsMS43MTktMi40MDYsMy4yNjYgICAgICBsLTMuNjk1LDMuMzUxbC04LjY4LTkuMjgxbDE2LjU4Ni0xNS41NTVoMTIuOTc3djQ4LjU1NmgxMy4xNDl2MTIuODkxaC00MC45MDhWMzA4LjAyOXoiIGZpbGw9IiMyMzFGMjAiLz48L2c+PHBhdGggZD0iTTM0MS4zMjEsMTg2Ljc2OGgtMjIuNzczdi0xNS45NDFjMC0xNS4wNjktMTIuMjU5LTI3LjMyOC0yNy4zMjgtMjcuMzI4cy0yNy4zMjgsMTIuMjU5LTI3LjMyOCwyNy4zMjggICAgIHYxNS45NDFoLTI3Ljc4M3YtMTUuOTQxYzAtMTUuMDY5LTEyLjI1OS0yNy4zMjgtMjcuMzI4LTI3LjMyOGMtMTUuMDY5LDAtMjcuMzI4LDEyLjI1OS0yNy4zMjgsMjcuMzI4djE1Ljk0MWgtMjIuNzczICAgICBjLTQuNTI4LDAtOC4xOTgsMy42NzEtOC4xOTgsOC4xOTh2MTU0LjQwM2MwLDQuNTI4LDMuNjcxLDguMTk4LDguMTk4LDguMTk4aDE4Mi42NDJjNC41MjgsMCw4LjE5OC0zLjY3LDguMTk4LTguMTk4VjE5NC45NjYgICAgIEMzNDkuNTE5LDE5MC40MzgsMzQ1Ljg0OSwxODYuNzY4LDM0MS4zMjEsMTg2Ljc2OHogTTI4MC4yODksMTcwLjgyN2MwLTYuMDM3LDQuODk0LTEwLjkzMSwxMC45MzEtMTAuOTMxICAgICBjNi4wMzcsMCwxMC45MzEsNC44OTQsMTAuOTMxLDEwLjkzMXYzNy4xMmMwLDYuMDM3LTQuODk0LDEwLjkzMS0xMC45MzEsMTAuOTMxYy02LjAzNywwLTEwLjkzMS00Ljg5NC0xMC45MzEtMTAuOTMxVjE3MC44Mjd6ICAgICAgTTE5Ny44NDksMTcwLjgyN2MwLTYuMDM3LDQuODk0LTEwLjkzMSwxMC45MzEtMTAuOTMxYzYuMDM3LDAsMTAuOTMxLDQuODk0LDEwLjkzMSwxMC45MzF2MzcuMTIgICAgIGMwLDYuMDM3LTQuODk0LDEwLjkzMS0xMC45MzEsMTAuOTMxYy02LjAzNywwLTEwLjkzMS00Ljg5NC0xMC45MzEtMTAuOTMxVjE3MC44Mjd6IE0zMzMuMTIzLDM0MS4xNzFIMTY2Ljg3OFYyNDIuNzloMTY2LjI0NSAgICAgVjM0MS4xNzF6IiBmaWxsPSIjMjMxRjIwIi8+PC9nPjwvZz48L3N2Zz4=);
background-size: 45px;
background-position: right center;
padding-right: 40px;
}
input.timepicker {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTicgICdodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS10aW55LmR0ZCc+PHN2ZyBiYXNlUHJvZmlsZT0idGlueSIgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJHdWlkZXNfX3gyNl9fRm9ybXMiLz48ZyBpZD0iSWNvbnMiPjxnPjxwYXRoIGQ9Ik0xNyw4LjA1OVY2aC0ydjIuMDU5QzEwLjUwMSw4LjU1Nyw3LDEyLjM2OCw3LDE3YzAsMi4xMjUsMC43NDEsNC4wNzQsMS45NzIsNS42MTRsLTEuNDU3LDEuNDU3bDEuNDE0LDEuNDE0bDEuNDU3LTEuNDU3ICAgIEMxMS45MjYsMjUuMjU5LDEzLjg3NSwyNiwxNiwyNnM0LjA3NC0wLjc0MSw1LjYxNC0xLjk3MmwxLjQ1NywxLjQ1N2wxLjQxNC0xLjQxNGwtMS40NTctMS40NTdDMjQuMjU5LDIxLjA3NCwyNSwxOS4xMjUsMjUsMTcgICAgQzI1LDEyLjM2OCwyMS40OTksOC41NTcsMTcsOC4wNTl6IE0xNiwyNGMtMy44NjYsMC03LTMuMTM0LTctN2MwLTMuODY2LDMuMTM0LTcsNy03czcsMy4xMzQsNyw3QzIzLDIwLjg2NiwxOS44NjYsMjQsMTYsMjR6Ii8+PHBvbHlnb24gcG9pbnRzPSIxNywxMiAxNSwxMiAxNSwxNy41IDE4LjA2MiwyMC41NjIgMTkuNDc3LDE5LjE0OCAxNywxNi42NzIgICAiLz48cmVjdCBoZWlnaHQ9IjUiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgOC4yMyAtMy40MDkpIiB3aWR0aD0iMiIgeD0iNy4yMyIgeT0iNS43MyIvPjxyZWN0IGhlaWdodD0iMiIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxMi43NjQzIC0xNC40MzkxKSIgd2lkdGg9IjUiIHg9IjIxLjMxMiIgeT0iNy4xODgiLz48L2c+PC9nPjwvc3ZnPg==);
background-size: 32px;
background-position: right center;
padding-right: 40px;
}
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--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,
body .picker__list-item--highlighted, .picker__list-item:hover {
background-color: rgb(40,40,40);
border-color: rgb(40,40,40);
}
body .picker__list-item--highlighted, .picker__list-item:hover {
border-color: rgb(70,70,70);
}
/* =============================================================================
* form_textfield_floatlabel template
* ========================================================================== */
form div.placeholderlabel {
position: absolute;
top: 10px;
left: 10px;
padding: 0 5px;
background: rgb(255,255,255);
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
opacity: 0;
font-size: 0.95rem;
}
form div.placeholderlabel.active {
top: -1rem;
opacity: 1;
}
/* =============================================================================
* lightbox
* ========================================================================== */
#cboxContent .back {
display:none !important;
}
/* =============================================================================
* fullscreen-helper
* ========================================================================== */
.fullscreen-helper {
height: 100vh;
}
/* =============================================================================
* scroll-padding
* ========================================================================== */
html {
scroll-padding: 70px 0 0 0;
}
/* =============================================================================
* viewport pixel
* ========================================================================== */
#viewport-pixel {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 0px;
z-index: -1000;
visibility: hidden;
opacity: 1;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#viewport-pixel {
opacity: 0.75;
}
}
@media only screen and (max-width: 767px) {
#viewport-pixel {
opacity: 0.5;
}
}
/* =============================================================================
* mobile
* ========================================================================== */
@media only screen and (max-width: 767px) {
.font-size-xxxxxl,
.font-size-xxxxxl p {
font-size: 3.5rem;
}
.font-size-xxxxl,
.font-size-xxxxl p {
font-size: 3rem;
}
.font-size-xxxl,
.font-size-xxxl p {
font-size: 2.333rem;
}
.font-size-xxl,
.font-size-xxl p {
font-size: 2rem;
}
.font-size-xl,
.font-size-xl p {
font-size: 1.533rem;
}
.font-size-l,
.font-size-l p {
font-size: 1.467rem;
}
.font-size-m,
.font-size-m p {
font-size: 1.2rem;
}
.font-size-s,
font-size-s p {
font-size: 1.133rem;
}
.font-size-xs,
.font-size-xs p {
font-size: 1.067rem;
}
.font-size-xxs,
.font-size-xxs p {
font-size: 0.9333rem;
}
.font-size-xxxs,
.font-size-xxxs p {
font-size: 0.8rem;
}
.font-size-xxxxs,
.font-size-xxxxs p {
font-size: 0.7333rem;
}
.font-size-xxxxxs,
.font-size-xxxxxs p {
font-size: 0.6667rem;
}
.hide-s {
display: none!important;
}
.hide-mobile,
.hide_mobile,
.only-desktop,
.only_desktop {
display: none!important;
}
.mob_no_up > .attributes {
margin-top: 0!important;
}
.bg-none-mobile .attributes {
background: none!important;
}
#slider {
padding-top: 0!important;
}
.mainmenu {
display: none;
}
#nav-open-btn {
display: block;
}
body {
padding: 0;
}
#wrapper {
width: 100%;
}
#nav-open-btn {
right: 20px;
}
.image_container {
padding: 0;
float: none;
}
html {
-webkit-text-size-adjust: none;
}
table {
font-size: 0.7333rem;
}
body.sidebar #main,
body.sidebar #right,
body.sidebar #left {
width: 100%!important;
margin: 0!important;
float: none!important;
border: 0!important;
}
body.sidebar #right,
body.sidebar #left {
margin-top: 15px!important;
border-top: 4px solid #ddd!important;
width: 100%!important;
float: none!important;
position: static!important;
padding-left: 0!important;
padding-right: 0!important;
}
body.sidebar #right .inside,
body.sidebar #left .inside {
padding-top: 0;
padding-bottom: 0;
}
body.sidebar #container {
padding-left: 0!important;
padding-right: 0!important;
}
.subnav {
display: none;
}
.ce_gallery .gallery-margin .image_container {
margin-bottom: 10px;
}
.ce_gallery [class*='cols_'] li {
width: 49.8%;
}
.ce_gallery .borders li,
.ce_gallery .borders li.col_last {
border-right: 1px solid transparent;
width: 50%;
}
.ce_gallery .borders li.row_last {
border-bottom: 1px solid rgb(229,229,229);
}
.ce_gallery .borders li:nth-child(odd) {
border-right: 1px solid rgb(229,229,229);
}
.mod_calendar table {
font-size: 0.4667rem;
}
.gridbuilder {
flex: 0 0 100%!important;
width: 100%!important;
}
#footer div.gridbuilder {
flex: 0 0 100%!important;
width: 100%!important;
}
#wrapper .gridbuilder_wrapper.article .inner {
margin-left: 0;
margin-right: 0;
}
.gridbuilder_displacer {
margin-left: 0!important;
}
.ce_revolutionslider_hyperlink.outline {
background: rgba(255,255,255,0.4);
}
.mod_portfoliolist .swiper-slide {
width: 100%;
}
.pagination ul,
.pagination p {
float: none;
display: block;
width: 100%;
}
.only_mobile,
.only-mobile {
display: block!important;
}
.ce_gallery ul.flex-gallery li {
flex: 0 0 50%!important;
}
.ce_elevatezoom [class*='cols_'] li {
flex: 0 0 50%!important;
}
.ce_elevatezoom li:nth-child(3n) {
clear: both;
}
.align-left-m,
.align-left-m * {
text-align: left!important;
}
.align-center-m,
.align-center-m * {
text-align: center!important;
}
.align-right-m,
.align-right-m * {
text-align: right!important;
}
.mod_subscribe .formbody {
display: block;
}
.mod_subscribe .formbody .widget-text {
margin: 0;
}
.ce_hyperlink.mb-0-m a {
margin-bottom: 0;
}
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-BlackItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-BlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-ThinItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-ThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-MediumItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-ExtraBoldItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-ExtraBoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-ExtraLightItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-LightItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-Italic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-BlackItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-BlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-SemiBoldItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-ExtraLightItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-Regular.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-ExtraBold.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-Medium.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-BoldItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-Italic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-ExtraBoldItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-ExtraBoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-LightItalic.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../../files/upmotion/css/fonts/Roboto-Bold.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/Roboto-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-Medium.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-Thin.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-ExtraBold.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-Light.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-ExtraLight.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-SemiBold.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-Black.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('../../files/upmotion/css/fonts/RobotoCondensed-Regular.woff2') format('woff2'),
url('../../files/upmotion/css/fonts/RobotoCondensed-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid_row,.autogrid_wrapper{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row>.column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row>.column>.attributes{background-size:cover}.autogrid_row>.column>.attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_row>.column>.attributes.p-l{padding:160px 40px 160px 40px}.autogrid_row>.column>.attributes.p-m{padding:115px 40px 115px 40px}.autogrid_row>.column>.attributes.p-s{padding:80px 40px 80px 40px}.autogrid_row>.column>.attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_row.gutter_none,.autogrid_wrapper.gutter_none{margin-left:0;margin-right:0}.autogrid_row.gutter_none>div,.autogrid_wrapper.gutter_none>div{padding-left:0;padding-right:0}.autogrid_row.gutter_s,.autogrid_wrapper.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_row.gutter_s>div,.autogrid_wrapper.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_row.gutter_m,.autogrid_wrapper.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_row.gutter_m>div,.autogrid_wrapper.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_row.gutter_l,.autogrid_wrapper.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_row.gutter_l>div,.autogrid_wrapper.gutter_l>div{padding-left:40px;padding-right:40px}.autogrid_row>.column.align_left_top{text-align:left}.autogrid_row>.column.align_left_center{text-align:left;align-self:center}.autogrid_row>.column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.align_center_top{text-align:center}.autogrid_row>.column.align_center_center{text-align:center;align-self:center}.autogrid_row>.column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.align_right_top{text-align:right}.autogrid_row>.column.align_right_center{text-align:right;align-self:center}.autogrid_row>.column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row.same_height>.column{align-self:unset}.autogrid_row.same_height>.column>.attributes{display:flex;flex-wrap:wrap;height:100%}.autogrid_row.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_row.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_row.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_row.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_row .column>.attributes .image_mob{display:none}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}@media only screen and (max-width:767px){.five_sixth,.four_fifth,.one_fifth,.one_fourth,.one_half,.one_sixth,.one_third,.three_fifth,.three_fourth,.three_sixth .four_sixth,.two_fifth,.two_fourth,.two_sixth,.two_third,[class*=col_]{flex:0 0 100%;max-width:none}.autogrid_grid .column,.column[class*=col_]{padding-left:0!important;padding-right:0!important;margin-bottom:25px}.autogrid[class*=offset_],.autogrid_grid[class*=offset_],.column[class*=offset_]{margin-left:0}.autogrid_grid,.autogrid_row,.autogrid_wrapper{margin-left:0!important;margin-right:0!important}.autogrid_grid>.column>.attributes.has-image.empty>.image_mob,.autogrid_grid>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.image_mob,.autogrid_row>.column>.attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid>.column>.attributes.has-image.empty,.autogrid_row>.column>.attributes.has-image.empty{background:0 0!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid>.column>.attributes.p-l,.autogrid_grid>.column>.attributes.p-m,.autogrid_grid>.column>.attributes.p-s,.autogrid_grid>.column>.attributes.p-xl,.autogrid_grid>.column>.attributes.p-xs,.autogrid_row>.column .attributes.p-l,.autogrid_row>.column .attributes.p-m,.autogrid_row>.column .attributes.p-s,.autogrid_row>.column .attributes.p-xl,.autogrid_row>.column .attributes.p-xs{padding:20px}.autogrid_grid .column.m_align_left_top{text-align:left}.autogrid_grid .column.m_align_left_center{text-align:left;align-self:center}.autogrid_grid .column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.m_align_center_top{text-align:center}.autogrid_grid .column.m_align_center_center{text-align:center;align-self:center}.autogrid_grid .column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.m_align_right_top{text-align:right}.autogrid_grid .column.m_align_right_center{text-align:right;align-self:center}.autogrid_grid .column.m_align_right_bottom{text-align:right;align-self:flex-end}.autogrid_row>.column.m_align_left_top{text-align:left}.autogrid_row>.column.m_align_left_center{text-align:left;align-self:center}.autogrid_row>.column.m_align_left_bottom{text-align:left;align-self:flex-end}.autogrid_row>.column.m_align_center_top{text-align:center}.autogrid_row>.column.m_align_center_center{text-align:center;align-self:center}.autogrid_row>.column.m_align_center_bottom{text-align:center;align-self:flex-end}.autogrid_row>.column.m_align_right_top{text-align:right}.autogrid_row>.column.m_align_right_center{text-align:right;align-self:center}.autogrid_row>.column.m_align_right_bottom{text-align:right;align-self:flex-end}}body.edge column[class*=col_]{flex-basis:1}@media only screen and (max-width:767px){body.edge column[class*=col_]{flex-basis:100%}}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}