/* preload styles */
body:not(.loaded)>*:not(.site_loader){
width:100%;
height:0px;
overflow: hidden;
}
div.site_loader{
background-color:#252930;
position: fixed;
z-index: 99999999;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
div.site_loader *{
color: #d8dee3;
}
.site_loader_languages_menu {
padding: 10px 15px;
list-style: none;
text-align: center;
}
.site_loader_languages_menu li, .site_loader a.button, .site_loader a.buttons{
max-width: 300px;
display: inline-block !important;
min-width: 250px;
}
.site_loader_languages_menu li a, .site_loader a.button, .site_loader a.buttons{
padding: 15px 10px;
display: block;
text-align: center;
border: 1px solid rgba(216, 222, 227, 0.41);
margin: 5px 10px;
color: #d8dee3;
-webkit-transition: 0.25s linear all;
-moz-transition: 0.25s linear all;
-ms-transition: 0.25s linear all;
-o-transition: 0.25s linear all;
transition: 0.25s linear all;
text-decoration:none;
}
.site_loader a.button span, .site_loader a.buttons span {
display: block;
font-size: 10px;
}
.site_loader_languages_menu li a:hover, .site_loader a.button:hover, .site_loader a.buttons:hover{
color: #d8dee3;
text-decoration: none;
background-color: #353c48;
}
.spinner {
margin: 20px auto;
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.spinner > div {
background-color: #d8dee3;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: ac3_loader 1.2s infinite ease-in-out;
animation: ac3_loader 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes ac3_loader {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes ac3_loader {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.site_loader div[class*="load_"]:not(.load_container):not(.load_container_css):not(.css_loader){
position: relative;
max-height: 100%;
overflow-y: auto;
}
.site_loader>div {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.site_loader>div {
width: 750px;
}
}
@media (min-width: 992px) {
.site_loader>div {
width: 970px;
}
}
@media (min-width: 1200px) {
.site_loader>div {
width: 1170px;
}
}
.site_loader [class*="_loader"]:not(.site_loader_languages_menu){
position: relative;
width: 100%;
height: 35px;
border: 2px solid #424854;
border-radius: 12px;
display: flex;
margin-top: 15px;
margin-bottom: 30px;
padding: 0px 5px;
}
.loading_font {
visibility: hidden;
}
.site_loader [class*="_loader"] .item {
margin: auto;
width: 40px;
height: 40px;
margin-top: -5px;
border-radius: 100%;
border: 2px solid white;
margin-right: -10px;
z-index: 99;
background-color: #252930;
}
.site_loader [class*="_loader"] .item:before {
content: '';
width: 30px;
height: 30px;
margin: auto;
display: block;
border: 2px solid transparent;
border-radius: 100%;
margin-top: 3px;
background-color: transparent;
transition: all 0.25s linear;
}
.site_loader [class*="_loader"]:before {
content: '';
position: absolute;
width: 0%;
height: 25px;
border-radius: 10px;
background-color: #58606f;
transition: 0.25s linear all;
margin-left: -2px;
margin-top: 3px;
}
.site_loader [class*="_loader"] .item:hover:before {
border-color: white;
background-color: white;
}
.site_loader [class*="_loader"] .item span {
position: absolute;
transform: translateX(-50%);
margin-top: 19px;
background-color: black;
padding: 5px 10px;
border-radius: 10px;
transition: all 0.25s linear;
opacity: 1;
width: auto;
z-index: 999;
}
.site_loader [class*="_loader"] .item span:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid black;
position: absolute;
margin-top: -15px;
left: 50%;
transform: translateX(-50%);
transition: all 0.25s linear;
opacity: 1;
}
.site_loader [class*="_loader"] .item:not(:hover) span:before {
transition: all 0.25s linear;
opacity: 0;
}
.site_loader [class*="_loader"] .item:not(:hover) span {
opacity: 0 !important;
}
.site_loader>[class*="load_"]:not(.load_container):not(.load_container_css):not(.css_loader) {
height: 100%;
}
.site_loader [class*="_loader"].p001:before {width: 001%;}
.site_loader [class*="_loader"].p002:before {width: 002%;}
.site_loader [class*="_loader"].p003:before {width: 003%;}
.site_loader [class*="_loader"].p004:before {width: 004%;}
.site_loader [class*="_loader"].p005:before {width: 005%;}
.site_loader [class*="_loader"].p006:before {width: 006%;}
.site_loader [class*="_loader"].p007:before {width: 007%;}
.site_loader [class*="_loader"].p008:before {width: 008%;}
.site_loader [class*="_loader"].p009:before {width: 009%;}
.site_loader [class*="_loader"].p010:before {width: 010%;}
.site_loader [class*="_loader"].p011:before {width: 011%;}
.site_loader [class*="_loader"].p012:before {width: 012%;}
.site_loader [class*="_loader"].p013:before {width: 013%;}
.site_loader [class*="_loader"].p014:before {width: 014%;}
.site_loader [class*="_loader"].p015:before {width: 015%;}
.site_loader [class*="_loader"].p016:before {width: 016%;}
.site_loader [class*="_loader"].p017:before {width: 017%;}
.site_loader [class*="_loader"].p018:before {width: 018%;}
.site_loader [class*="_loader"].p019:before {width: 019%;}
.site_loader [class*="_loader"].p020:before {width: 020%;}
.site_loader [class*="_loader"].p021:before {width: 021%;}
.site_loader [class*="_loader"].p022:before {width: 022%;}
.site_loader [class*="_loader"].p023:before {width: 023%;}
.site_loader [class*="_loader"].p024:before {width: 024%;}
.site_loader [class*="_loader"].p025:before {width: 025%;}
.site_loader [class*="_loader"].p026:before {width: 026%;}
.site_loader [class*="_loader"].p027:before {width: 027%;}
.site_loader [class*="_loader"].p028:before {width: 028%;}
.site_loader [class*="_loader"].p029:before {width: 029%;}
.site_loader [class*="_loader"].p030:before {width: 030%;}
.site_loader [class*="_loader"].p031:before {width: 031%;}
.site_loader [class*="_loader"].p032:before {width: 032%;}
.site_loader [class*="_loader"].p033:before {width: 033%;}
.site_loader [class*="_loader"].p034:before {width: 034%;}
.site_loader [class*="_loader"].p035:before {width: 035%;}
.site_loader [class*="_loader"].p036:before {width: 036%;}
.site_loader [class*="_loader"].p037:before {width: 037%;}
.site_loader [class*="_loader"].p038:before {width: 038%;}
.site_loader [class*="_loader"].p039:before {width: 039%;}
.site_loader [class*="_loader"].p040:before {width: 040%;}
.site_loader [class*="_loader"].p041:before {width: 041%;}
.site_loader [class*="_loader"].p042:before {width: 042%;}
.site_loader [class*="_loader"].p043:before {width: 043%;}
.site_loader [class*="_loader"].p044:before {width: 044%;}
.site_loader [class*="_loader"].p045:before {width: 045%;}
.site_loader [class*="_loader"].p046:before {width: 046%;}
.site_loader [class*="_loader"].p047:before {width: 047%;}
.site_loader [class*="_loader"].p048:before {width: 048%;}
.site_loader [class*="_loader"].p049:before {width: 049%;}
.site_loader [class*="_loader"].p050:before {width: 050%;}
.site_loader [class*="_loader"].p051:before {width: 051%;}
.site_loader [class*="_loader"].p052:before {width: 052%;}
.site_loader [class*="_loader"].p053:before {width: 053%;}
.site_loader [class*="_loader"].p054:before {width: 054%;}
.site_loader [class*="_loader"].p055:before {width: 055%;}
.site_loader [class*="_loader"].p056:before {width: 056%;}
.site_loader [class*="_loader"].p057:before {width: 057%;}
.site_loader [class*="_loader"].p058:before {width: 058%;}
.site_loader [class*="_loader"].p059:before {width: 059%;}
.site_loader [class*="_loader"].p060:before {width: 060%;}
.site_loader [class*="_loader"].p061:before {width: 061%;}
.site_loader [class*="_loader"].p062:before {width: 062%;}
.site_loader [class*="_loader"].p063:before {width: 063%;}
.site_loader [class*="_loader"].p064:before {width: 064%;}
.site_loader [class*="_loader"].p065:before {width: 065%;}
.site_loader [class*="_loader"].p066:before {width: 066%;}
.site_loader [class*="_loader"].p067:before {width: 067%;}
.site_loader [class*="_loader"].p068:before {width: 068%;}
.site_loader [class*="_loader"].p069:before {width: 069%;}
.site_loader [class*="_loader"].p070:before {width: 070%;}
.site_loader [class*="_loader"].p071:before {width: 071%;}
.site_loader [class*="_loader"].p072:before {width: 072%;}
.site_loader [class*="_loader"].p073:before {width: 073%;}
.site_loader [class*="_loader"].p074:before {width: 074%;}
.site_loader [class*="_loader"].p075:before {width: 075%;}
.site_loader [class*="_loader"].p076:before {width: 076%;}
.site_loader [class*="_loader"].p077:before {width: 077%;}
.site_loader [class*="_loader"].p078:before {width: 078%;}
.site_loader [class*="_loader"].p079:before {width: 079%;}
.site_loader [class*="_loader"].p080:before {width: 080%;}
.site_loader [class*="_loader"].p081:before {width: 081%;}
.site_loader [class*="_loader"].p082:before {width: 082%;}
.site_loader [class*="_loader"].p083:before {width: 083%;}
.site_loader [class*="_loader"].p084:before {width: 084%;}
.site_loader [class*="_loader"].p085:before {width: 085%;}
.site_loader [class*="_loader"].p086:before {width: 086%;}
.site_loader [class*="_loader"].p087:before {width: 087%;}
.site_loader [class*="_loader"].p088:before {width: 088%;}
.site_loader [class*="_loader"].p089:before {width: 089%;}
.site_loader [class*="_loader"].p090:before {width: 090%;}
.site_loader [class*="_loader"].p091:before {width: 091%;}
.site_loader [class*="_loader"].p092:before {width: 092%;}
.site_loader [class*="_loader"].p093:before {width: 093%;}
.site_loader [class*="_loader"].p094:before {width: 094%;}
.site_loader [class*="_loader"].p095:before {width: 095%;}
.site_loader [class*="_loader"].p096:before {width: 096%;}
.site_loader [class*="_loader"].p097:before {width: 097%;}
.site_loader [class*="_loader"].p098:before {width: 098%;}
.site_loader [class*="_loader"].p099:before {width: 099%;}
.site_loader [class*="_loader"].p100:before {width: 100%;}