/*********************************************/
/***** Menu Toggle Switches BEGIN*****/
/*********************************************/
.cmn-toggle-switch{position:relative;display:block;width:32px;height:22px;margin:0;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-ms-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.cmn-toggle-switch:focus{outline:none;}
.cmn-toggle-switch span{display:block;position:absolute;top:10px;left:0;width:24px;height:2px;background-color:#FF9000;}
.cmn-toggle-switch span:before,.cmn-toggle-switch span:after{content:"";position:absolute;display:block;left:0;width:32px;height:2px;background-color:#FF9000;}
.cmn-toggle-switch span:before{top:-10px;}
.cmn-toggle-switch span:after{bottom:-10px;}
.cmn-toggle-switch em{display:block;margin-top:30px;color:#FF9000;}
/*Hamburger to "x" (htx). Takes on a hamburger shape, bars slide down to center and transform into an "x"*/
.cmn-toggle-switch__htx{background-color:transparent;}
.cmn-toggle-switch__htx span{-webkit-transition:background 0 0.5s;-moz-transition:background 0 0.5s;-ms-transition:background 0 0.5s;-o-transition:background 0 0.5s;transition:background 0 0.5s;}
.cmn-toggle-switch__htx span:before,.cmn-toggle-switch__htx span:after{-webkit-transition-duration:0.5s, 0.5s;-moz-transition-duration:0.5s, 0.5s;-ms-transition-duration:0.5s, 0.5s;-o-transition-duration:0.5s, 0.5s;transition-duration:0.5s, 0.5s;-webkit-transition-delay:0.5s, 0;-moz-transition-delay:0.5s, 0;-ms-transition-delay:0.5s, 0;-o-transition-delay:0.5s, 0;transition-delay:0.5s, 0;}
.cmn-toggle-switch__htx span:before{-webkit-transition-property:top, -webkit-transform;-moz-transition-property:top, -moz-transform;-ms-transition-property:top, -ms-transform;-o-transition-property:top, -webkit-transform;transition-property:top, transform;}
.cmn-toggle-switch__htx span:after{-webkit-transition-property:bottom, -webkit-transform;-moz-transition-property:bottom, -moz-transform;-ms-transition-property:bottom, -ms-transform;-o-transition-property:bottom, -webkit-transform;transition-property:bottom, transform;}
/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active{background-color:transparent;}
.cmn-toggle-switch__htx.active span{background:none;}
.cmn-toggle-switch__htx.active span:before{top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.cmn-toggle-switch__htx.active span:after{bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(-45deg);}
.cmn-toggle-switch__htx.active span:before,
.cmn-toggle-switch__htx.active span:after{-webkit-transition-delay:0, 0.5s;-moz-transition-delay:0, 0.5s;-ms-transition-delay:0, 0.5s;-o-transition-delay:0, 0.5s;transition-delay:0, 0.5s;background-color:#FF9000;}
.cmn-toggle-switch__htx.x-active span:before{ top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.cmn-toggle-switch__htx.x-active span:after{bottom:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.cmn-toggle-switch__htx.x-active span:before,.cmn-toggle-switch__htx.x-active span:after{-webkit-transition-delay:0, 0.5s;-moz-transition-delay:0, 0.5s;-ms-transition-delay:0, 0.5s;-o-transition-delay:0, 0.5s;transition-delay:0, 0.5s;}
/*********************************************/
/***** END Menu Toggle Switches *****/
/*********************************************/

/*********************************************/
/***** AnimateObserver BEGIN*****/
/*********************************************/
[data-observe]{opacity:0;transition:opacity 0.5s ease, transform 0.5s ease;}
/* Початкові стани */
.anim-fade{opacity:0;}
.anim-slide-up{transform:translateY(50%);}
.anim-slide-down{transform:translateY(-50%);}
.anim-slide-left{transform:translateX(50%);}
.anim-slide-right{transform:translateX(-50%);}
/* При появі */
.in-view.fade-in{opacity:1;}
.in-view.slide-up{opacity:1;transform:translateY(0);}
.in-view.slide-down{opacity:1;transform:translateY(0);}
.in-view.slide-left{opacity:1;transform:translateX(0);}
.in-view.slide-right{opacity:1;transform:translateX(0);}
/*********************************************/
/***** END AnimateObserver *****/
/*********************************************/

/*********************************************/
/***** Language BEGIN *****/
/*********************************************/
.stage{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:inline-block;width:600px;height:600px;margin:0 auto;-webkit-perspective:1200px;perspective:1200px;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;}
.stage,
.stage *,
.ball:before,
.ball:after{pointer-events:none!important;}
/* S */
@media(max-width:768px){.stage{display:none;}}
.ball{display:inline-block;width:100%;height:100%;margin:0;border-radius:50%;background:url("/uploads/images/svg/globe-4.png") repeat-x;background-size:auto 100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:move-map 30s infinite linear;animation:move-map 30s infinite linear;}
.ball:before, .ball:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;}
.ball:before{box-shadow:-40px 10px 70px 10px rgba(0,0,0,0.5) inset;z-index:2;}
.ball:after{-webkit-filter:blur(0);opacity:0.3;background:radial-gradient(circle at 50% 80%, #81e8f6, #76deef 10%, #055194 66%, #062745 100%);}
.ball .shadow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);-webkit-transform:rotateX(90deg) translateZ(-300px);transform:rotateX(90deg) translateZ(-300px);z-index:-1;}
@-webkit-keyframes move-map{0%{background-position:0 0;}100%{background-position:-849px 0;}}
@keyframes move-map{0%{background-position:-849px 0;}100%{background-position:0 0;}}
.b-globe__actions{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-width:800px;background-color:rgba(0,0,0,0.25);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.25);border-radius:4px;padding:40px;z-index:9090;}
.b-globe__title{color:#FFF;font-size:3em;font-weight:600;text-align:center;}
.b-globe__title span{display:block;color:#FFF;font-size:20px;font-weight:200;text-align:center;}
/*********************************************/
/***** END Language *****/
/*********************************************/

/*********************************************/
/***** Zoom In & Out BEGIN *****/
/*********************************************/
.zoom-in{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;}
.zoom-in:hover{-webkit-transform:scale(1);transform:scale(1);}
.zoom-out{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;}
.zoom-out:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
/*********************************************/
/***** END Zoom In & Out *****/
/*********************************************/

/*********************************************/
/***** Scrolling logos BEGIN *****/
/*********************************************/
.scrolling-logos-container{overflow:hidden;padding:20px 0;mask-image:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);}
.scrolling-row{display:flex;overflow:hidden;white-space:nowrap;align-items:center;}
.scrolling-row:last-child{margin-top:-1px;}
.logos-track{display:flex;align-items:center;animation-timing-function:linear;animation-iteration-count:infinite;}
.scrolling-row.left .logos-track{animation-name:scroll-left;}
.scrolling-row.right .logos-track{animation-name:scroll-right;}
.logo-item{flex:0 0 300px;border-width:1px 1px 1px 0;border-style:solid;border-color:#DFDFDF;text-align:center;}
.logo-item img{display:block;width:120px;height:auto;margin:0 auto;}
/* Анімації без стрибка */
@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes scroll-right{from{transform:translateX(-50%);}to{transform:translateX(0);}}
/*********************************************/
/***** END Scrolling logos *****/
/*********************************************/

/*********************************************/
/***** Effect Caption BEGIN *****/
/*********************************************/
.effect {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}
.effect h2 {
    margin-top: 1em;
    font-size: 20px;
    text-align: center;
} 
.eff .caption {
    position: absolute;
    top: -100%;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    color: #FFFFFF;
}
.eff .caption h4 {
    border-bottom: 1px solid #E4E4E4;
    margin-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.eff .caption p {
    margin: 12px 0px;
    padding: 0px 12px;
    font-style: italic;
    text-align: center;
}
.eff .overlay {
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.15s linear 0.4s;
    transition: all 0.15s linear 0.4s;
}
.eff .overlay-top {
    left: 0;
    top: -100%;
}
.eff .overlay-bottom {
    right: 0;
    top: 100%;
}
.eff:hover .overlay {
    top: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.eff:hover .caption {
    top: 0px;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
/*********************************************/
/***** END Effect Caption *****/
/*********************************************/