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

/*********************************************/
/***** Menu Toggle Switches BEGIN*****/
/*********************************************/
.cmn-toggle-switch{position:relative;display:block;width:48px;height:48px;background-color:rgba(0, 0, 0, 0.25);line-height:48px;border:0;-webkit-border-radius:50%;border-radius:50%;margin:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;-webkit-transition:background 0.5s;transition:background 0.5s;}
.cmn-toggle-switch:focus{outline:none;}
.cmn-toggle-switch span{display:block;position:absolute;top:24px;left:12px;width:24px;height:2px;background-color:#E6B800;transition:all 0.5s ease;}
.cmn-toggle-switch span:before,
.cmn-toggle-switch span:after{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#E6B800;transition:all 0.5s ease;}
.cmn-toggle-switch span:before{top:-10px;left:0;}
.cmn-toggle-switch span:after{bottom:-10px;right:0;}
.cmn-toggle-switch:hover span:before,
.cmn-toggle-switch:hover span:after{width:24px;}
.cmn-toggle-switch em{display:none;margin-top:30px;color:#E6B800;}
/*Hamburger to "x" (htx)*/
.cmn-toggle-switch__htx{}
.cmn-toggle-switch__htx span{transition:background 0.3s, transform 0.3s, top 0.3s, bottom 0.3s;}
.cmn-toggle-switch__htx span:before,
.cmn-toggle-switch__htx span:after{transition:all 0.3s ease;}
.cmn-toggle-switch__htx.active{background-color:rgba(0, 0, 0, 0.25);}
.cmn-toggle-switch__htx.active span{background:none;}
.cmn-toggle-switch__htx.active span:before{top:0;width:24px;transform:rotate(45deg);}
.cmn-toggle-switch__htx.active span:after{bottom:0;width:24px;transform:rotate(-45deg);}
.cmn-toggle-switch__htx.active span:before,
.cmn-toggle-switch__htx.active span:after{background-color:#E6B800;}
.cmn-toggle-switch__htx.x-active span:before{top:0;transform:rotate(-45deg);}
.cmn-toggle-switch__htx.x-active span:after{bottom:0;transform:rotate(45deg);}
.cmn-toggle-switch__htx.x-active span:before,
.cmn-toggle-switch__htx.x-active span:after{background-color:#E6B800;}
/*********************************************/
/***** END Menu Toggle Switches *****/
/*********************************************/

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