/*********************************************/
/***** 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:#0057B8;}
.cmn-toggle-switch span:before,.cmn-toggle-switch span:after{content:"";position:absolute;display:block;left:0;width:32px;height:2px;background-color:#0057B8;}
.cmn-toggle-switch span:before{top:-10px;}
.cmn-toggle-switch span:after{bottom:-10px;}
.cmn-toggle-switch em{display:block;margin-top:30px;color:#AF9670;}
/*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:#FFD700;}
.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 *****/
/*********************************************/



/*********************************************/
/***** Fancy Butonn BEGIN*****/
/*********************************************/
.fancy-btn{position:relative;display:inline-flex;background-color:#0057B8;border-radius:4px;overflow:hidden;padding:6px 48px 6px 24px;align-items:center;color:#FFF;font-weight:600;text-decoration:none;text-align:center;}
.fancy-btn:hover{background-color:#0057B8;}
/*** Текстова обгортка з фоном ***/
.btn-text-wrap{position:relative;z-index:2;display:inline-block;border-radius:4px;overflow:hidden;padding:6px;color:#FFF;transition:transform 0.5s ease;}
.btn-text-wrap::before{content:'';position:absolute;top:0;/* ⬅️ початок зліва */right:100%;width:100%;height:100%;background-color:#FFD700;transition:right 0.5s ease;z-index:1;}
.fancy-btn:hover .btn-text-wrap::before{right:0;}
.fancy-btn:hover .btn-text-wrap{transform:translateX(24px);}
.btn-text{position:relative;z-index:2;transition:color 0.5s ease;}
.fancy-btn:hover .btn-text{color:#FFF;}
.arrow{position:absolute;top:50%;width:32px;height:32px;border-radius:4px;padding:0;line-height:32px;transform:translateY(-50%);transition:all 0.5s ease;z-index:2;color:#FFF;font-size:16px;text-align:center;}
/*** Права стрілка з фоном ***/
.right-filled{right:6px;background-color:#FFD700;transition:transform 0.5s ease, opacity 0.5s ease;}
.fancy-btn:hover .right-filled{transform:translate(150%, -50%);opacity:0;}
/*** Ліва стрілка без фону ***/
.left-plain{left:-30px;opacity:0;z-index:2;color:#FFF;}
.fancy-btn:hover .left-plain{left:6px;opacity:1;}
/*********************************************/
/***** END Fancy Butonn *****/
/*********************************************/



/*********************************************/
/***** 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 *****/
/*********************************************/



/*********************************************/
/***** 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 *****/
/*********************************************/



/*********************************************/
/***** Zoom In & Out BEGIN *****/
/*********************************************/
.scrolling-logos-container{overflow:hidden;padding:20px 0;}
.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;}
.logo-item img{display:block;width:100%;height:auto;}
/* Анімації без стрибка */
@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes scroll-right{from{transform:translateX(-50%);}to{transform:translateX(0);}}
/*********************************************/
/***** END Zoom In & Out *****/
/*********************************************/