/*--end-hamburger.min.css.css--*/ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;-o-transition-property:opacity,filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);-o-transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx-r .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);-o-transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);-o-transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);-o-transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);-o-transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dxy-r .hamburger-inner{-webkit-transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1);-o-transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .15s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{-webkit-transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;-o-transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s, -webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{-webkit-transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{-webkit-transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);-o-transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{-webkit-transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);-o-transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-o-transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;-webkit-transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-o-transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{-webkit-transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);-o-transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{-webkit-transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,-webkit-transform .1s cubic-bezier(.165,.84,.44,1);-o-transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1),-webkit-transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-o-transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;-webkit-transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-o-transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .1s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none}.hamburger--boring.is-active .hamburger-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;-webkit-transition-delay:.13s;-o-transition-delay:.13s;transition-delay:.13s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transition-duration:.13s;-o-transition-duration:.13s;transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;-webkit-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;-o-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{-webkit-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);-o-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{-webkit-transition-delay:.22s;-o-transition-delay:.22s;transition-delay:.22s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;-o-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;-o-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;-webkit-transition-delay:.13s;-o-transition-delay:.13s;transition-delay:.13s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transition-duration:.13s;-o-transition-duration:.13s;transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;-webkit-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;-o-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{-webkit-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);-o-transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{-webkit-transition-delay:.22s;-o-transition-delay:.22s;transition-delay:.22s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(45deg);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;-o-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;-o-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-o-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-webkit-transition-duration:.275s;-o-transition-duration:.275s;transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;-webkit-transition:opacity .125s ease .275s;-o-transition:opacity .125s ease .275s;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;-webkit-transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);-o-transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55), -webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{-webkit-transition-delay:75ms;-o-transition-delay:75ms;transition-delay:75ms;-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{-webkit-transition-delay:75ms;-o-transition-delay:75ms;transition-delay:75ms;-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-o-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-webkit-transition-duration:.275s;-o-transition-duration:.275s;transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;-webkit-transition:opacity .125s ease .275s;-o-transition:opacity .125s ease .275s;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;-webkit-transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:-webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55);-o-transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55);transition:transform .275s cubic-bezier(.68,-.55,.265,1.55), -webkit-transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{-webkit-transition-delay:75ms;-o-transition-delay:75ms;transition-delay:75ms;-webkit-transform:translate3d(0,10px,0) rotate(-135deg);transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{-webkit-transition-delay:75ms;-o-transition-delay:75ms;transition-delay:75ms;-webkit-transform:translate3d(0,-20px,0) rotate(270deg);transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{-webkit-transition:background-color .125s ease-in .175s;-o-transition:background-color .125s ease-in .175s;transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;-webkit-transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);-o-transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;-webkit-transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);-o-transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic.is-active .hamburger-inner{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;-webkit-transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-o-transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-webkit-transform:translate3d(80px,80px,0) rotate(45deg);transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;-webkit-transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-o-transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{-webkit-transition:background-color .125s ease-in .175s;-o-transition:background-color .125s ease-in .175s;transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;-webkit-transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);-o-transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;-webkit-transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);transition:top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335);-o-transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s,-webkit-transform .125s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r.is-active .hamburger-inner{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;-webkit-transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-o-transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;-webkit-transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-o-transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s,-webkit-transform .125s cubic-bezier(.075,.82,.165,1) .175s;-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{-webkit-transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear;-o-transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear;transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{-webkit-transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;-o-transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(90deg);transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transition-duration:.22s;-o-transition-duration:.22s;transition-duration:.22s}.hamburger--spin .hamburger-inner:before{-webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;-o-transition:top .1s ease-in .25s,opacity .1s ease-in;transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{-webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);-o-transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transition-delay:.12s;-o-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;-o-transition:top .1s ease-out,opacity .1s ease-out .12s;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;-webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;-o-transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transition-duration:.22s;-o-transition-duration:.22s;transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{-webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;-o-transition:top .1s ease-in .25s,opacity .1s ease-in;transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{-webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);-o-transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{-webkit-transition-delay:.12s;-o-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;-o-transition:top .1s ease-out,opacity .1s ease-out .12s;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;-webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;-o-transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;-webkit-transition:background-color 0s linear .13s;-o-transition:background-color 0s linear .13s;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;-webkit-transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);-o-transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;-webkit-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);-o-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{-webkit-transition-delay:.22s;-o-transition-delay:.22s;transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-o-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-o-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transition-duration:.13s;-o-transition-duration:.13s;transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;-webkit-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear;-o-transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{-webkit-transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);-o-transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{-webkit-transition-delay:.22s;-o-transition-delay:.22s;transition-delay:.22s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;-webkit-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;-o-transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;-webkit-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-o-transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--stand .hamburger-inner{-webkit-transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;-o-transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s}.hamburger--stand .hamburger-inner:before{-webkit-transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;-o-transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{-webkit-transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;-o-transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{-webkit-transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;-o-transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;-webkit-transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-o-transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;-webkit-transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-o-transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{-webkit-transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;transition:background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s;-o-transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) .15s}.hamburger--stand-r .hamburger-inner:before{-webkit-transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;-o-transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{-webkit-transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;-o-transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{-webkit-transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;transition:background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;-o-transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) 0s;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;-webkit-transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-o-transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;-webkit-transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-o-transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .15s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{-webkit-transition:top 75ms ease .12s,opacity 75ms ease;-o-transition:top 75ms ease .12s,opacity 75ms ease;transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{-webkit-transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);-o-transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transition-delay:.12s;-o-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;-webkit-transition:top 75ms ease,opacity 75ms ease .12s;-o-transition:top 75ms ease,opacity 75ms ease .12s;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;-o-transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{-webkit-transition-property:top,opacity;-o-transition-property:top,opacity;transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;-o-transition-property:bottom,transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex.is-active .hamburger-inner{-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(765deg);-ms-transform:rotate(765deg);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{-webkit-transition-property:top,opacity;-o-transition-property:top,opacity;transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;-o-transition-property:bottom,transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex-r.is-active .hamburger-inner{-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);-o-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-765deg);-ms-transform:rotate(-765deg);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)} /*--end-hamburger.min.css.css--*/ /*--Header-footer.css--*/ *{font-family: 'Roboto', sans-serif;} ::-webkit-input-placeholder { /* Edge */ color: #838591; font-size: 14px; vertical-align: baseline;font-family: 'Roboto', sans-serif; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #838591; font-size: 14px; vertical-align: baseline;font-family: 'Roboto', sans-serif; } ::-moz-placeholder { color: #838591; font-size: 14px; vertical-align: baseline;font-family: 'Roboto', sans-serif; } ::-ms-input-placeholder { color: #838591; font-size: 14px; vertical-align: baseline;font-family: 'Roboto', sans-serif; } ::placeholder { color: #838591; font-size: 14px; vertical-align: baseline;font-family: 'Roboto', sans-serif; } .cyrek-modernization .pcg-header .navbar-default .navbar-nav, .cyrek-modernization .pcg-header .navbar-default, .cyrek-modernization .navbar-header--to-right, .cyrek-modernization .pcg-footer-container, .cyrek-modernization .pcg-home-page .pcg-tile-text-parent, .cyrek-modernization #pcg-customers-carousel .tab-container-list { -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -khtml-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -khtml-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .cyrek-modernization .list-of-social-media, #educloud-sidebar .internal-pos, .cyrek-modernization .pcg-wide-banner .container { -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; -khtml-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -khtml-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .cyrek-modernization .pcg-home-page .pcg-tile-content { display: -webkit-box; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -khtml-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -khtml-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .cyrek-modernization #pcg-customers-carousel .tab { -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; -khtml-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -khtml-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .custom-checkbox .checkmark:after { -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); } .cyrek-modernization .breadcrumb li:not(:last-child):after, .cyrek-modernization .hamburger-inner, #educloud-sidebar .list-group-item__label-content .icon-circle, #educloud-sidebar .icon-arrow-up { -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); } .cyrek-modernization #pcg-customers-carousel .carousel-indicators { -webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); } #educloud-sidebar .list-group-item:not(.list-group-item--is-active) .icon-arrow-up { -webkit-transform: rotate(180deg) translateY(50%); -ms-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } #educloud-sidebar .icon-arrow-up, #educloud-sidebar .internal-pos .internal-pos-link, #educloud-sidebar .internal-pos, .cyrek-modernization .pcg-home-page .flip__container .pcg-action-btn { -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .flex-wrap { -ms-flex-wrap: wrap; -o-flex-wrap: wrap; -khtml-flex-wrap: wrap; flex-wrap: wrap; } /*--------------------------------form--------------------------------*/ .educloud .form-section h2 {font-size: 22px;font-weight: bold;max-width: 340px;line-height: 32px; margin-left: 0} .form-section {display: -webkit-box;display: -ms-flexbox;display: flex; position: relative; width: 100%; clear: both; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; -khtml-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .form-section--to-left {width: calc(100% - 360px); max-width: 340px; position: relative;} .form-section--to-left::after {content: url("/img/02_img/illustration/illu-airplane-contact.png"); display: block; position: absolute; bottom: 80px; right: 30px; width: 130px; height: 180px;z-index: -1} @media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-resolution: 192dpi) { .form-section--to-left::after {background: url("/img/02_img/illustration/illu-airplane-contact@2x.png"); background-size: cover;} } .form-section--to-left .form-info {margin-top: 30px; margin-bottom: 40px; line-height: 24px;} .form-section--to-left .label {font-size: 22px;font-weight: bold;max-width: 340px;line-height: 32px; margin-left: 0} .form-section--to-left .form-details-container__main-label, .form-section--to-right .form-field__label {font-size: 14px; font-weight: 700; line-height: 24px; display: block} .form-section--to-left .form-details-container__main-label {margin-bottom: 20px;} .form-section--to-left .details-list {list-style: none;} .form-section--to-left .detail-item {line-height: 24px} .form-section--to-left .detail-item a {text-decoration: none} .form-section--to-right {width: 360px;} .form-section--to-right .form-group {position: relative; margin: 0} .form-section--to-right .form-group.form-group--flex {display: -webkit-box;display: -ms-flexbox;display: flex;} .form-section--to-right .form-group:not(:last-child) {margin-bottom: 30px;} .form-section--to-right .form-field__label {margin-bottom: 16px;} .form-section--to-right .form__field:not([type*="checkbox"]) {width: 100%; height: 50px; line-height: 50px; background: #F5F6FA; border: 1px solid #E5E8ED; border-radius: 25px; padding-left: 25px; padding-right: 25px; font-size: 14px;} .form-section--to-right .form__field:not([type*="checkbox"])::-webkit-input-placeholder{color: #838591; font-size: 14px;} .form-section--to-right .form__field:not([type*="checkbox"])::-moz-placeholder{color: #838591; font-size: 14px;} .form-section--to-right .form__field:not([type*="checkbox"]):-ms-input-placeholder{color: #838591; font-size: 14px;} .form-section--to-right .form__field:not([type*="checkbox"])::-ms-input-placeholder{color: #838591; font-size: 14px;} .form-section--to-right .form__field:not([type*="checkbox"])::placeholder{color: #838591; font-size: 14px;} .form-section--to-right .form__field:not([type*="checkbox"]):focus{border-color: #b0b2b6;} .form-section--to-right .form__field:not([type*="checkbox"]):hover{border-color: #b0b2b6;} .form-section--to-right .form__statement {display: none; font-size: 11px;padding-left: 25px; padding-top: 5px} .form-section--to-right .form-group.form-group--isn-not-valid .form__field, .form-section--to-right .form-group.form-group--isn-not-valid .checkmark {border-color: #DF1D31} .form-section--to-right .form-group.form-group--isn-not-valid .form__statement {display: block;} .form-section--to-right .form-group.form-group--isn-not-valid .form__statement span{color: #DF1D31; font-size: 11px;} .form-section--to-right .form__agreement-text {line-height: 24px; padding-left: 16px; position: relative; top: -4px;} .custom-checkbox {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .custom-checkbox input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .custom-checkbox .checkmark {top: 0;left: 0;height: 14px;width: 14px;border: 2px solid #D3D5E0; border-radius: 3px; display: block; position: relative} .custom-checkbox input:checked ~ .checkmark {background-color: #00CDAE; border-color: #00CDAE} .custom-checkbox .checkmark:after {content: "\e904";position: absolute;display: none; font-size: 10px; color: white; font-family: icomoon; left: 50%; top: 50%;} .custom-checkbox input:checked ~ .checkmark:after {display: block;} /*--------------------------------header--------------------------------*/ /*usuniecie */ .uppercase, [class*='--is-uppercase'] {text-transform: uppercase} button:focus {outline:0;} .cyrek-modernization .pcg-breadcrumb-wrapper {background: transparent} .cyrek-modernization .pcg-breadcrumb-wrapper > .container {} .cyrek-modernization .breadcrumb-link {color: #595C64 !important; font-size: 14px; text-decoration: underline} .cyrek-modernization .breadcrumb-elem {position: relative; padding-right: 15px; margin-right: 20px;} .cyrek-modernization .active .breadcrumb-link{text-decoration: none !important; font-weight: bold;} .cyrek-modernization .breadcrumb li:not(:last-child):before {display: none} .cyrek-modernization .breadcrumb li:not(:last-child):after {content: "\e902"; font-family: icomoon; font-size: 8px; border: none; toggp: 50%; position: absolute; display: block; margin: 0; width: 10px; height: 20px; line-height: 20px; text-align: center; } .cyrek-modernization .icon-search::before {font-family: icomoon; font-size: 18px;} .cyrek-modernization .pcg-header .navbar-default::after, .cyrek-modernization .pcg-header .navbar-default::before {display: none} .cyrek-modernization .pcg-header .navbar-default .navbar-nav > li, .cyrek-modernization .pcg-header .navbar-default .navbar-nav > li > a {padding: 0; margin: 0; -webkit-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out;} .cyrek-modernization .pcg-header .navbar-default .navbar-nav > li, .cyrek-modernization .pcg-header .navbar-default .navbar-nav > li > a:hover{color: #FF8888;} .cyrek-modernization .pcg-header .navbar-default .navbar-nav {width: 150px} .cyrek-modernization .navbar-header {float: none !important; margin: 0} .cyrek-modernization .pcg-header .navbar-brand {padding: 0; margin: 0} .cyrek-modernization .pcg-header .navbar-default {height: 70px;} .cyrek-modernization .pcg-header .navbar-default .navbar-nav .label-lang .lang-label-link {font-size: 16px;} .cyrek-modernization .navbar-nav .label-lang.current-lang .lang-label-link {font-weight: 700} .cyrek-modernization .pcg-header .navbar-menu {float: none; padding: 0} .cyrek-modernization .hamburger {padding: 0; z-index: 1000; position: relative} .cyrek-modernization .hamburger-inner, .cyrek-modernization .hamburger-inner:after, .cyrek-modernization .hamburger-inner:before {background: white; width: 100%; height: 2px; border-radius: 0;} .cyrek-modernization .hamburger-inner {top: initial; bottom: initial; position: relative; top: 50%;} .cyrek-modernization .hamburger-inner:after {top: -7px;} .cyrek-modernization .hamburger-inner:before {bottom: -7px; top: initial} .cyrek-modernization .hamburger {top: -1px} .cyrek-modernization .hamburger.is-active .hamburger-inner {top: -3px} .cyrek-modernization .hamburger.is-active .hamburger-inner, .cyrek-modernization .hamburger.is-active .hamburger-inner:after, .cyrek-modernization .hamburger.is-active .hamburger-inner:before {background: white} .cyrek-modernization .hamburger.is-active .hamburger-inner:after {top: -7px} .cyrek-modernization .hamburger.is-active .hamburger-inner:before {top: -7px; bottom: initial;} .cyrek-modernization .hamburger-box {width: 22px; height: initial} /*--------------------------------footer--------------------------------*/ .cyrek-modernization.main-page .pcg-wide-banner {display: none} .cyrek-modernization ul {list-style-type: none} .cyrek-modernization .pcg-footer-content {background: #2E2E2E; height: 190px;} .cyrek-modernization .pcg-footer-container::before,.cyrek-modernization .pcg-footer-container::after {display: none} .cyrek-modernization .logo-pcg-academia {width: 220px; margin-top: 45px;} .cyrek-modernization .logo-lumen-footer {width: 100px; margin-top: 15px;} .cyrek-modernization .logo-frp {width: 100px; margin-top: 15px;} .cyrek-modernization .logo-pcg-polska {width: 114px; margin-top: 15px;} .cyrek-modernization .pcg-info {padding: 0; float: none;} .cyrek-modernization .pcg-info__label, .cyrek-modernization .pcg-info__main-label {font-size: 11px;} .cyrek-modernization .pcg-info__main-label {font-weight: 700; margin-bottom: 10px;} .cyrek-modernization .pcg-info__pos {width: 100%; height: 16px} .cyrek-modernization .pcg-info__label {color: white} .cyrek-modernization .social-box {width: 150px} .cyrek-modernization .top-side {position: relative; border-bottom: 1px solid #595C64;} .cyrek-modernization .top-side__label {padding-bottom: 30px; position: relative; display: block; text-align: left; font-size: 11px; font-weight: 700} .cyrek-modernization .list-of-social-media {margin: 0; padding: 0; padding-top: 30px;} .cyrek-modernization .list-of-social-media .social {margin: 0} .cyrek-modernization .list-of-social-media .social a {text-decoration: none !important;} .cyrek-modernization .list-of-social-media .social:not(:last-child) {margin-right: 22px;} .cyrek-modernization .list-of-social-media .social-icon::before {font-size: 26px; color: white; margin: 0} .top-btn {display: none !important;} /*---------new---------*/ [class^="icon-"]:before, [class*=" icon-"]:before{font-family: 'icomoon', sans-serif !important;} .cyrek-modernization .pcg-header{ -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; top: 0;} .cyrek-modernization .pcg-header.fixed{position: fixed; width: 100%; z-index: 99;} .cyrek-modernization .pcg-header.go-down-menu{top: -70px;} .cyrek-modernization .pcg-main-content.header-fixed{margin-top: 70px;} /*.cyrek-modernization .pcg-sidebar.header-fixed{margin-top: 70px;}*/ /*.cyrek-modernization .pcg-sidebar-wrapper .pcg-sidebar {padding-top: initial}*/ .cyrek-modernization .pcg-sidebar{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .cyrek-modernization .pcg-content-page {margin: 20px 0} /*--EndHeader-footer.css--*/ /*--edu-cloud.css--*/ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ /*#educloud-main * {*/ /* margin: 0;*/ /* padding: 0;*/ /* border: 0;*/ /* outline: 0;*/ /* font-size: 100%;*/ /* vertical-align: baseline;*/ /*}*/ #educloud-main ul, #educloud-main ol { -webkit-padding-start: 0 !important; } #educloud-main article, #educloud-main aside, #educloud-main details, #educloud-main figcaption, #educloud-main figure, #educloud-main footer, #educloud-main header, #educloud-main hgroup { display: block; } #educloud-main nav ul { list-style: none; } #educloud-main blockquote, #educloud-main q { quotes: none; } #educloud-main blockquote:before, #educloud-main blockquote:after, #educloud-main q:before, #educloud-main q:after { /*content: '';*/ content: none; } /*#educloud-main a {*/ /*margin: 0;*/ /*padding: 0;*/ /*text-decoration: none;*/ /*vertical-align: baseline;*/ /*background: transparent;*/ /*}*/ /* change colours to suit your needs */ #educloud-main ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ #educloud-main mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } #educloud-main del { text-decoration: line-through; } #educloud-main abbr[title], #educloud-main dfn[title] { border-bottom: 1px dotted; cursor: help; } #educloud-main table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ #educloud-main hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } #educloud-main input, #educloud-main select { vertical-align: middle; } /* educloud-main */ /* main */ body#educloud-main * { font-family: Roboto, sans-serif; } body#educloud-main .btn-font { font-family: Montserrat, sans-serif; } /*#educloud-main ul, #educloud-main ol {*/ /* -moz-padding-start: 0;*/ /* -webkit-padding-start: 0;*/ /*}*/ #educloud-main .content { margin: 0 auto; position: relative; overflow: hidden; } #educloud-main .btn-wide { display: block; position: relative; height: 50px; width: 250px; border-radius: 25px; background-color: #053A6E; border-color: #053A6E; -webkit-box-shadow: 10px 10px 24px #192D8133; box-shadow: 10px 10px 24px #192D8133; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding-left: 26px; padding-right: 40px; margin: 0; line-height: 50px; font-size: 15px; text-decoration: none; color: #ffffff; text-transform: uppercase; } #educloud-main .btn-wide:hover { -webkit-box-shadow: 10px 10px 24px #192D817e; box-shadow: 10px 10px 24px #192D817e; } #educloud-main .btn-wide:after { content: '\E902'; font-family: 'icomoon', sans-serif !important; position: absolute; font-size: 12px; top: 0; right: 20px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; bottom: 0; color: #ffffff; } #educloud-main .btn-wide:hover:after { right: 18px; } #educloud-main .btn-wrapper { width: 276px; height: 134px; -ms-flex-line-pack: center; align-content: center; display: grid; display: -ms-grid; position: relative; } #educloud-main .btn-wrapper img { z-index: -1; position: absolute; top: 14px; right: -5px; } #educloud-main .h-line { height: 1px; } #educloud-main .btn-text { position: relative; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 0; font-size: 15px; line-height: 19px; text-decoration: none; color: #000; text-transform: uppercase; } #educloud-main .btn-text:after { content: '\E902'; font-family: 'icomoon', sans-serif !important; position: absolute; font-size: 12px; padding-left: 20px; top: 0; right: -20px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; bottom: 0; color: #000; } #educloud-main .btn-text:hover:after { right: -22px; } /* top */ #educloud-main h1, #educloud-main h2, #educloud-main h3 { color: #000; } #educloud-main .list-group-title { color: #fff; } #educloud-main #top { display: block; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin-bottom: 50px; } #educloud-main #top .wide { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; } #educloud-main #top .bg { height: 445px; background: #E9F5FE; } #educloud-main #top img { height: 90px; } .cyrek-modernization #top .chooser { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 0; margin-left: 0; line-height: 50px; font-weight: 500; font-size: 14px; color: #595C64; } .cyrek-modernization #top .chooser a { font-weight: normal; position: relative; text-decoration: underline; margin-right: 30px; color: #595C64; } .cyrek-modernization #top .chooser:after { content: '\E902'; font-family: 'icomoon', sans-serif !important; position: absolute; font-size: 8px; left: 50px; color: #595C64; } #educloud-main #top img.logo { display: block; margin: -10px auto 0; } #educloud-main #top img.campus { margin-top: 60px; padding-bottom: 80px; position: relative; width: 200%; height: 200%; left: 50%; max-width: 1280px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } #educloud-main #top img.icons { width: 1000px; height: auto; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); top: 260px; } #educloud-main .btn-educloud-circle { display: block; width: 40px; height: 40px; -webkit-box-shadow: 0 10px 24px #00000014; box-shadow: 0 10px 24px #00000014; -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; border-radius: 2em; margin: 0 auto; text-decoration: none; position: absolute; bottom: 0; margin-bottom: 30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #educloud-main .btn-educloud-circle:hover { bottom: calc(0% - 4px); } #educloud-main .btn-educloud-circle:hover:after { top: calc(50% + 2px); } #educloud-main .btn-educloud-circle:after { content: '\E900'; font-family: 'icomoon', sans-serif !important; position: absolute; top: 50%; left: 50%; -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; font-size: 11px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #053A6E; } #educloud-main .btn-educloud-circle:hover { margin-top: 5px; } /* banner */ #educloud-main #banner .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: unset; } #educloud-main #banner h1 { padding: 0 70px; margin: 0 auto 18px; font-weight: 600; font-size: 30px; line-height: 42px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; } #educloud-main #banner .h-line { margin: auto 0; background-color: #E7E8F0; } #educloud-main #banner .h-line:first-of-type { width: 37%; } #educloud-main #banner .h-line:last-of-type { width: 35%; } #educloud-main #banner { position: relative; margin-bottom: 89px; } #educloud-main #banner .l-circles { position: absolute; width: 135px; height: 200px; } #educloud-main #banner .l-circles div:first-of-type:before { content: '\E907'; font-family: 'icomoon', sans-serif !important; position: absolute; font-size: 67px; top: -10px; right: 0; color: #692DFF22; } #educloud-main #banner .l-circles div:last-of-type:before { content: '\E906'; font-family: 'icomoon', sans-serif !important; position: absolute; font-size: 133px; left: -33px; bottom: -20px; color: #00C09922; } #educloud-main #banner .r-circle { position: absolute; overflow: hidden; top: 0; right: 0; width: 129px; height: 259px; } #educloud-main #banner .r-circle:before { content: '\E906'; font-family: 'icomoon', sans-serif !important; position: absolute; font-size: 259px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: -1; top: -40px; right: -66px; color: #FF007722; } /* categories */ #educloud-main #categories { margin-bottom: 60px; } #educloud-main #categories h2 { font-weight: bold; font-size: 22px; line-height: 32px; margin-bottom: 25px; } #educloud-main #categories .h-line { width: 100%; background-color: #00C09955; margin-bottom: 40px; } #educloud-main #categories .h-line:first-of-type { background-color: #692DFF55; } #educloud-main #categories .h-line:last-of-type { background-color: #FF007755; } #educloud-main #categories ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } #educloud-main #categories ul li { margin-right: 32px; margin-bottom: 60px; width: calc(25% - 24px); list-style-type: none; } #educloud-main #categories ul li img { margin-bottom: 40px; height: 36px; } #educloud-main #categories ul:last-child img { margin-bottom: 47px; height: 30px; } #educloud-main #categories ul p { font-size: 14px; line-height: 28px; margin-bottom: 30px; color: #000; } /* form-bg */ #educloud-main #form-bg { padding: 120px 0; background-color: #F5F6FA; } #educloud-main #form-bg .form { background-color: #fff; border-radius: 40px; padding: 100px; -webkit-box-shadow: 0 0 30px #00000014; box-shadow: 0 0 30px #00000014; } /*pato form */ /*.educloud .standard-button {*/ /* background: #00C099;*/ /* box-shadow: 10px 10px 24px #00C09933;*/ /* border: none;*/ /*}*/ /*.educloud .subtitle {*/ /* font-size: 22px;*/ /* line-height: 32px;*/ /*}*/ /*.form-section--to-left::after {*/ /* z-index: 0 !important;*/ /*}*/ /*.is-relation.educloud .subtitle:before {*/ /* color: #E5E8ED !important;*/ /* z-index: 1 !important;*/ /*}*/ #educloud-main .educloud .standard-button { height: 50px; width: 246px; text-align: left; vertical-align: middle; border-radius: 25px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; position: relative; text-decoration: none; } #educloud-main .is-relation .standard-button { background: #053A6E; -webkit-box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.2); box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.2); border: none; padding: 0; } #educloud-main .educloud .standard-button p { color: white; font-family: 'Montserrat', sans-serif; line-height: 50px; text-transform: uppercase; font-weight: 600; font-size: 15px; padding-left: 30px; } #educloud-main .educloud .standard-button:after { content: '\e902'; position: absolute; right: 20px; font-family: 'icomoon'; top: 0; color: white; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: 12px; line-height: 50px; } #educloud-main .educloud .standard-button:hover { -webkit-box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.5); box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.5); } #educloud-main .educloud .standard-button:hover:after { right: 18px; } #educloud-main .form-section--to-right .form__agreement-text, #educloud-main .form__agreement-text a, #educloud-main .detail-item a{font-size: 14px;color: #000;} #educloud-main .form__agreement-text a{text-decoration: underline;} #educloud-main ul.details-list{padding: 0;} #educloud-main .custom-checkbox{padding-left: 0;} /*#educloud-main .form-section--to-right .form__agreement-text{max-width: 280px;}*/ #educloud-main .form-section--to-left .label{padding: 0} #educloud-main .is-relation .subtitle:before {content: '';background: rgba(245, 246, 250, 1);height: 66px;width: 66px;border-radius: 33px;position: absolute;z-index: -1;left: -25px;top: -17px;} #educloud-main .educloud .form-section h2{z-index: 1;position: relative;} #educloud-main .pcg-main-content{margin-bottom: 0;} #educloud-main .pcg-footer-copyright {background-color: #222;} #educloud-main .pcg-footer-copyright-links li a {font-size: 14px;} #educloud-main .pcg-footer-copyright-links li {font-size: 10px;} #educloud-main .pcg-main-content.header-fixed{margin-top: 0;padding-top: 70px;} #educloud-main .form-section--to-left .form-details-container__main-label{color: #000;} /*#educloud-main .form-section--to-left::after {content: url(/img/02_img/illustration/illu-airplane-contact.png);display: block;position: absolute;bottom: 80px;right: 30px;width: 130px;height: 180px;z-index: -1;}*/ #educloud-main .form-section--to-left{z-index: 1;position: relative;} #educloud-main .custom-checkbox input:checked ~ .checkmark {background-color: #053A6E;border-color: #053A6E;} /*-end-edu-cloud.css--*/ /*---main-page.css--*/ #main-page .slick-loading .slick-list { background: #fff url("icons/ajax-loader.gif") center center no-repeat; } @font-face { font-family: 'fontello'; src: url("icons/fontello.eot"); src: url("icons/fontello.eot#iefix") format('embedded-opentype'), url("icons/fontello.woff2") format('woff2'), url("icons/fontello.woff") format('woff'), url("icons/fontello.ttf") format('truetype'), url("icons/fontello.svg#fontello") format('svg'); font-weight: normal; font-style: normal; } #main-page .thumbnail .caption .thumbnail-image { height: 142px; width: auto; } #main-page .carousel-caption { color: #000; text-shadow: 0 0 0 rgba(255, 255, 255, 0); } #main-page h1, #main-page h2, #main-page p, #main-page div { font-family: 'Roboto', sans-serif; } #main-page h2:not(.list-group-title) { color: #000; } /*.icon-search:before {*/ /* content: url("images/search.svg");*/ /*}*/ #main-page .pcg-section-title { font-size: 22px; line-height: 32px; font-weight: bold; } #main-page .btn-default:hover, #main-page .btn-default:active, #main-page .btn-default:focus, #main-page .btn-default:active:focus { background-color: #0A3B6C; border-color: #0A3B6C; } #main-page .btn-primary { width: 250px; background-color: #0A3B6C; border-color: #0A3B6C; -webkit-box-shadow: 10px 10px 24px #0A3B6C22; box-shadow: 10px 10px 24px #0A3B6C22; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding-left: 26px; } #main-page .btn-primary:hover, #main-page .btn-primary:active, #main-page .btn-primary:focus { background-color: #0A3B6C; border-color: #0A3B6C; -webkit-box-shadow: 10px 10px 24px #0A3B6C7e; box-shadow: 10px 10px 24px #0A3B6C7e; } #main-page .pcg-landing-carousel .btn-primary { padding-right: 42px; } #main-page .pcg-landing-carousel .btn-primary:after { right: 20px; } #main-page .pcg-categories-wrapper { margin: 80px 0 0; } #main-page .pcg-carousel .carousel-caption { background-color: rgba(255, 255, 255, 1); } #main-page .pcg-header .pcg-navbar-container { height: 70px; } #main-page .pcg-header .navbar-brand { height: auto; padding: 0; margin: 0px; } #main-page .pcg-landing-carousel .carousel-indicators { bottom: 30px; } #main-page #pcg-landing-carousel .carousel-indicators { padding-left: 14px; left: 50%; margin-left: 0; text-align: left; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } #main-page .pcg-landing-carousel .carousel-control { display: none; } #main-page .pcg-landing-carousel .carousel-caption { background-color: rgba(255, 255, 255, 0); } #main-page #pcg-landing-carousel .item:after { /*display: block;*/ position: absolute; background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent)); background-image: -o-linear-gradient(left, #fff, transparent); background-image: linear-gradient(to right, #fff, transparent); width: 60%; height: 100%; content: ''; top: 0; } #main-page .pcg-landing-carousel .carousel-title { font-size: 1.9em; color: #000; font-weight: bold; line-height: 42px; /* des fix */ max-width: 400px; } /*#pcg-landing-carousel .carousel-indicators {*/ /* left: 50%;*/ /* margin-left: 0;*/ /* text-align: left;*/ /* transform: translate(-50%, 0);*/ /*}*/ #main-page .pcg-landing-carousel .carousel-text { /* des fix */ margin: 28px 0 38px; font-size: 0.85em; line-height: 1.5em; } #main-page .pcg-home-page .pcg-thumbnail-list .thumbnail-text > p:first-child { display: none; } #main-page .pcg-home-page .pcg-tiles-wrapper { margin: 80px 0 20px; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block { padding: 40px 40px 85px; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block.pink { padding: 40px 56px 85px 40px; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block:after { display: none; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block:before { border-left: 0 none #ffffff; border-top: 0 none #ffffff; width: 0; height: 0; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block:after { border-right: 0 none #ffffff; border-bottom: 0 none #ffffff; width: 0; height: 0; position: absolute; bottom: 0; visibility: hidden; right: 0; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block.blue { background-color: #fff; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block.pink { background-color: #fff; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block-title { color: #000; font-size: 22px; line-height: 32px; font-weight: bold; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-quote { color: #000; font-size: 0.85em; line-height: 1.5em; margin-bottom: 20px; font-family: 'Roboto', sans-serif; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-quote-author { font-weight: 500; width: 85%; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-content { padding: 0; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-content > p { font-size: 0.85em; line-height: 1.5em; width: 85%; color: #000; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tiles-blocks .pcg-tile-block-content .slick-slider:last-child { /*background: #0A3B6C;*/ /*background: url("images/quote.svg");*/ } #main-page .slick-slider { border-radius: 24px; -webkit-box-shadow: 0 0 30px #00000014; box-shadow: 0 0 30px #00000014; } #main-page .pcg-home-page .slick-list { border-radius: 24px; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-link { color: #000; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-link--main { display: none; } #main-page .pcg-home-page .pcg-tiles-wrapper button { background: #D3D5E0; } #main-page .pcg-home-page .pcg-tiles-wrapper .slick-dots { margin-left: 36px; bottom: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #main-page .pcg-home-page .pcg-tiles-wrapper .slick-active button { background: #053A6E; } #main-page .pcg-home-page .pcg-promo-wrapper { background-color: #168CCB; /* des fix */ padding: 60px 0 0; } #main-page .pcg-home-page .pcg-promo-wrapper .btn-primary { padding-right: 32px; } #main-page .pcg-home-page .pcg-promo-wrapper h1 { color: #fff; font-size: 22px; line-height: 32px; font-weight: bold; margin-bottom: 25px; } #main-page .pcg-action-text { color: #fff; font-size: 1.1em; font-weight: bold; } #main-page .pcg-home-page .pcg-promo-wrapper .pcg-action-text { margin-bottom: 35px; } #main-page .pcg-home-page .pcg-tile-title { text-align: left; font-size: 22px; font-weight: bold; min-height: 0; margin-bottom: 30px; } #main-page .pcg-home-page > .pcg-promo-wrapper { background-color: #fff; /*des fix*/ padding: 40px 0 80px; } /* des fix */ #main-page #main-page button { font-family: Montserrat, sans-serif; } #main-page .pcg-home-page > .pcg-promo-wrapper .row { display: -webkit-box; display: -ms-flexbox; display: flex; } #main-page .pcg-home-page > .pcg-promo-wrapper .col-sm-6 { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } /* des fix */ #main-page .pcg-home-page .pcg-categories-wrapper > .pcg-promo-wrapper .col-sm-6:first-child { margin-top: 7px; } #main-page .pcg-home-page > .pcg-promo-wrapper .pcg-action-image { margin: auto 0; width: 500px; height: auto; } #main-page .pcg-home-page > .pcg-promo-wrapper h1 { color: #000; font-size: 22px; line-height: 32px; font-weight: bold; margin-bottom: 30px; } #main-page .pcg-home-page > .pcg-promo-wrapper .pcg-action-text { color: #000; font-size: 14px; font-weight: normal; margin-bottom: 50px; } #main-page .pcg-home-page > .pcg-promo-wrapper .btn-primary { color: transparent; background-color: transparent; border-color: transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border-radius: 0; background-repeat: no-repeat; padding: 0; line-height: 0; /*des fix */ width: auto; } /* des fix */ /*.pcg-home-page > .pcg-promo-wrapper .btn-primary:before {*/ /* content: url(/images/logo-instytut-rozwoju-szkolnictwa@2x.png);*/ /* position: relative;*/ /*}*/ #main-page .pcg-home-page > .pcg-promo-wrapper .btn-primary img { max-width: 330px; width: 100% } #main-page .pcg-home-page > .pcg-promo-wrapper .btn-primary:after { display: none; } #main-page .btn { text-align: left; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 0.9em; font-weight: 600; line-height: 2.25em; border-radius: 2.25em; } #main-page h2.thumbnail-title { display: none; } #main-page .pcg-rte-wrapper .pcg-action-btn { background-color: #0A3B6C; border-color: #0A3B6C; -webkit-box-shadow: 10px 10px 24px #0A3B6C22; box-shadow: 10px 10px 24px #0A3B6C22; margin-top: 15px; width: 250px; padding-right: 40px; text-align: left; text-transform: uppercase; font-size: 0.9em; font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 2.25em; border-radius: 2.25em; } #main-page .pcg-rte-wrapper .pcg-action-btn:hover, #main-page .pcg-rte-wrapper .pcg-action-btn:active, #main-page .pcg-rte-wrapper .pcg-action-btn:focus { background-color: #0A3B6C; border-color: #0A3B6C; } #main-page .pcg-rte-wrapper .pcg-action-btn a { padding-left: 12px; padding-right: 32px; } #main-page .pcg-landing-carousel .btn-primary:after, #main-page .pcg-rte-wrapper .pcg-action-btn:after, .pcg-home-page .pcg-promo-wrapper .btn-primary:after, #main-page .pcg-wide-banner .btn-primary:after { content: '\E902'; font-family: "icomoon", sans-serif; font-size: 12px; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 20px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; bottom: 0; vertical-align: middle; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; } #main-page .pcg-landing-carousel .btn-primary:hover:after, #main-page .pcg-rte-wrapper .pcg-action-btn:hover:after, #main-page .pcg-home-page .pcg-promo-wrapper .btn-primary:hover:after, #main-page .pcg-wide-banner .btn-primary:hover:after { right: 18px; } #main-page .pcg-action-image { /* des fix */ height: 253px; width: auto; } #main-page #pcg-customers-carousel { background-color: rgb(3, 46, 88); } #main-page #pcg-customers-carousel .pcg-section-title { color: #fff; padding-top: 80px; margin-bottom: 30px; } #main-page #pcg-customers-carousel .carousel-indicators { padding-left: 0; width: 60%; } #main-page .pcg-main-content { margin-bottom: 0; } /* des fix */ #main-page img.thumbnail-image { height: auto; /* max-width: 85%;*/ } #main-page .pcg-wide-banner { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; padding: 30px 0; position: relative; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main-page .pcg-wide-banner:before { position: absolute; top: 0; left: 0; background-color: rgba(0, 45, 89, 0.9); height: 100%; width: 100%; content: ''; } #main-page .pcg-wide-banner .description { color: #fff; font-size: 22px; line-height: 32px; font-weight: bold; /* des fix */ margin: auto 40px auto !important; width: 50%; text-shadow: 0 0 0 transparent; z-index: 0; } #main-page .pcg-wide-banner .btn { margin: 80px 319px 80px 16px; border: 2px solid #fff; } #main-page .pcg-wide-banner .btn-primary { background-color: transparent; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } /* des fix */ #main-page .pcg-wide-banner .btn-primary:hover { border-color: #0A3B6C; color: #0A3B6C; background-color: #fff; } #main-page .pcg-wide-banner .btn-primary:hover:after { color: #0A3B6C; } #main-page .pcg-footer-content, #main-page .pcg-footer-content .pcg-footer-container, #main-page .pcg-footer-content .pcg-footer-container .row { background-color: #2e2e2e; } /*.pcg-footer-content img.img-responsive {*/ /*padding: 15px;*/ /*margin-right: 70px;*/ /*height: 70px !important;*/ /*}*/ /*.pcg-footer-content img {*/ /* top: 0 !important;*/ /* height: 100px !important;*/ /* vertical-align: unset !important;*/ /*}*/ #main-page .pcg-info { font-size: 11px !important; } /* des fixes */ #main-page .pcg-landing-carousel .carousel-caption .row { margin-left: 0; margin-right: 0; } /* des fixes */ #main-page .pcg-landing-carousel .carousel-indicators li { background-color: #D3D5E0; } /* des fixes */ #main-page .pcg-landing-carousel .carousel-indicators li.active { background-color: #053A6E; } /* des fixes */ #main-page .pcg-home-page .pcg-thumbnail-list .thumbnail { background-color: transparent; } /* des fix */ #main-page .pcg-home-page .pcg-clients-list-item { margin-bottom: 30px;} #main-page .pcg-categories-wrapper .pcg-thumbnail-list {margin-top: 45px;} #main-page .flip--enabled .flip__side.flip__side--front {position: relative;} #main-page .pcg-sidebar.header-fixed{margin-top: 70px;} /*#main-page .pcg-sidebar-wrapper .pcg-sidebar {padding-top: initial}*/ #main-page .pcg-sidebar{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} /*--------------------------------sidebar--------------------------------*/ #educloud-sidebar {width: 262px; padding-top: 28px; padding-bottom: 20px; color: white; border-radius: 24px; -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.08); -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; background: white; } #educloud-sidebar .pcg-sidebar-block {-webkit-box-shadow: none;box-shadow: none; padding: 0; border-radius: 0; margin: 0} #educloud-sidebar .list-group-title {color: black; border: none; font-size: 18px;margin-bottom: 30px; padding: 0;font-family: 'Roboto', sans-serif; font-weight: 700} #educloud-sidebar .list-group-item {padding: 0; position: relative;} #educloud-sidebar .list-group-item.list-group-item--is-management .icon-circle::before {color: #692DFF} #educloud-sidebar .list-group-item.list-group-item--is-relations .icon-circle::before {color: #00C099} #educloud-sidebar .list-group-item.list-group-item--is-education .icon-circle::before {color: #FF0077} #educloud-sidebar .list-group-item:not(:last-child) {margin-bottom: 20px;} #educloud-sidebar .list-group-item:not(.list-group-item--is-active) .list-group__internal {display: none} #educloud-sidebar .list-group-item__label-content {position: relative; margin-bottom: 20px; cursor: pointer;} #educloud-sidebar .list-group-item__label-content .label {font-size: 14px; font-weight: 700; color: black; text-align: left; padding: 0} #educloud-sidebar .list-group-item__label-content .icon-circle {position: absolute; top: 50%; left: 30px} #educloud-sidebar .list-group-item__label-content .icon-circle::before {font-family: icomoon;position: relative;} #educloud-sidebar .list-group__internal {padding: 0; position: relative;} #educloud-sidebar .list-group-title, #educloud-sidebar .list-group-item__label-content, #educloud-sidebar .internal-pos {padding-left: 30px; padding-right: 30px} #educloud-sidebar .list-group-item__label-content, #educloud-sidebar .internal-pos {padding-left: 70px; position: relative} #educloud-sidebar .internal-pos {height: 30px; cursor: pointer} #educloud-sidebar .internal-pos .internal-pos-link { color: #595C64;font-family: 'Roboto', sans-serif;font-size: 14px;} #educloud-sidebar .internal-pos:hover {background: #F5F6FA;} #educloud-sidebar .internal-pos:hover .internal-pos-link { color: black; font-weight: 500;text-decoration: none} #educloud-sidebar .internal-pos:not(:last-child) {margin-bottom: 5px;} #educloud-sidebar .icon-arrow-up {position: absolute; right: 30px;top: 50%; display: block; cursor: pointer; } #educloud-sidebar .icon-arrow-up::before {font-family: icomoon; color: black;margin: 0; font-size: 12px;} /*--------------------------------main page--------------------------------*/ /* des fix: Removed 'active' from a class name */ #main-page .pcg-landing-carousel .item .carousel-caption { padding-top: 0; /* des fix */ top: 40px; padding-left: 0; } #main-page .pcg-landing-carousel .carousel-logo {max-width: 190px; /* des fix: */ margin-bottom: 35px} #main-page .pcg-landing-carousel .carousel-text {font-size: 14px; max-width: 385px} #main-page .pcg-home-page .pcg-categories-text {font-size: 14px; text-align: center; max-width: 786px; margin: 0 auto; margin-top: 30px; line-height: 22px;} #main-page .pcg-home-page .flip__container--is-management .pcg-action-btn {background: #692DFF; border-color: #692DFF; -webkit-box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.2); box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.2)} /* des fix */ /*#main-page .pcg-home-page .flip__container .pcg-action-btn:hover {opacity: 0.9}*/ #main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn {background: #00C099; border-color: #00C099; -webkit-box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.2); box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.2)} #main-page .pcg-home-page .flip__container--is-education .pcg-action-btn {background: #FF0077; border-color: #FF0077; -webkit-box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.2); box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.2)} #main-page .pcg-promo-wrapper .logo-lumen {position: relative; margin-top: -180px} #main-page .pcg-home-page .pcg-promo-wrapper h1 {font-size: 22px; display: block; /* des fix */ margin-bottom: 25px;} #main-page .pcg-home-page .pcg-promo-wrapper h1.main-label {margin-bottom: 30px;} #main-page .pcg-home-page .pcg-promo-wrapper .pcg-action-text {font-size: 18px; margin-bottom: 40px;} #main-page .pcg-home-page .pcg-promo-wrapper .pcg-action-text--is-small {font-size: 14px; margin-bottom: 50px;} #main-page .pcg-home-page .pcg-tile-block-wrapper {display: block; background: white} #main-page .pcg-home-page .pcg-tile-block-wrapper--without-image .pcg-tile-block {height: 100%} #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-content {height: 100%; position: relative; z-index: 2} #main-page .pcg-home-page .pcg-tile-block-wrapper--without-image .pcg-tile-block .pcg-tile-content::before {content: '\e90b'; font-family: icomoon; position: absolute; right: -10px; top: -30px; color: #F5F6FA; font-size: 250px; display: block; z-index: -1} #main-page .pcg-home-page .pcg-background-wrapper {width: 100%;padding-top: 41%;background-size: cover !important;background-repeat: no-repeat !important;background-position: center !important;position: relative;cursor: pointer;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #main-page .pcg-home-page .pcg-tile-text {font-size: 14px; /* des fix */ line-height: 22px; color: black; max-width: 385px; width: calc(100% - 50px - 30px); margin-bottom: 0} #main-page .pcg-home-page .btn-round {width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; position: relative; background: white; padding: 0; margin: 0; border-radius: 50%; -webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.08);box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.08);} #main-page .pcg-home-page .btn-round::before {font-family: icomoon; color: #053A6E; /* des fix */ width: auto; font-size: 12px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-quote {font-size: 14px;} #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-quote-author {margin-bottom: 0; position: relative; padding-top: 38px;} #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-quote-author::before {content: ''; display: block; position: absolute;top: 0; width: 70px; height: 1px; background: #E7E8F0} #main-page #pcg-customers-carousel .carousel-indicators {bottom: 0} #main-page #pcg-customers-carousel .pcg-customers-carousel-text {font-family: 'Roboto', sans-serif; font-size: 14px; text-align: center; max-width: 570px; color: white; margin: 0 auto; line-height: 22px; margin-bottom: 40px;} #main-page #pcg-customers-carousel .tablinks {background: none; text-align: center;padding: 0;border: none;color: inherit;background-color: transparent;cursor: pointer; color: white; font-weight: 700; font-size: 15px; line-height: 22px; padding-bottom: 5px; /* des fix letter-spacing: .1em */ position: relative; font-family: Montserrat} #main-page #pcg-customers-carousel .tablinks.is-active:before, #main-page #pcg-customers-carousel .tablinks:hover:before /* des fix */{width: 100%;height: 2px;background-color: #fff;position: absolute;bottom: 0;left: 0;} /*des fix */ #main-page #pcg-customers-carousel .tablinks:before {content: "";-webkit-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;} #main-page #pcg-customers-carousel .tablinks:not(:last-child) {margin-right: 55px;} #main-page #pcg-customers-carousel .tab-container {padding-top: 70px; /* des fix */padding-bottom: 55px;} #main-page #pcg-customers-carousel .tab-container-list {padding-left: 0; /* des fix */ -ms-flex-flow: wrap; flex-flow: wrap;} #main-page #pcg-customers-carousel .tab-container:not(.is-active) {display: none} /* des fix */ /*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-lazarski {height: 90px;}*/ /* des fix */ /*#main-page #pcg-customers-carousel .tab-container .thumbnail-logo-cc {height: 60px;}*/ /*#main-page #pcg-customers-carousel .tab-container .thumbnail-image {height: 50px; width: auto}*/ #main-page .pcg-wide-banner {padding: 0; height: 210px;} #main-page .pcg-wide-banner .description, #main-page /*des fix*/ .btn-primary, #main-page .pcg-wide-banner .btn{margin: 0;} #main-page .pcg-wide-banner .description {font-family: 'Roboto', sans-serif; position: relative; z-index: 2; font-size: 22px; font-weight: 700;} #main-page .pcg-footer-copyright {background-color: #222;} #main-page .pcg-footer-copyright .row {margin: 0;} /*--------------------------------Daniel--------------------------------*/ #main-page .pcg-home-page .flip__container--is-management .pcg-action-btn, #main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn, #main-page .pcg-home-page .flip__container--is-education .pcg-action-btn, #main-page .pcg-home-page .btn-round, #main-page .pcg-home-page .btn-round:before { -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #main-page .pcg-home-page .flip__container--is-management .pcg-action-btn:hover, #main-page .pcg-home-page .flip__container--is-management .pcg-action-btn:active, #main-page .pcg-home-page .flip__container--is-management .pcg-action-btn:focus { -webkit-box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.5); box-shadow: 10px 10px 24px rgba(25, 45, 129, 0.5); } #main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn:hover, #main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn:active, #main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn:focus { -webkit-box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.5); box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.5); } #main-page .pcg-home-page .flip__container--is-education .pcg-action-btn:hover, #main-page .pcg-home-page .flip__container--is-education .pcg-action-btn:active, #main-page .pcg-home-page .flip__container--is-education .pcg-action-btn:focus { -webkit-box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.5); box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.5); } #main-page .pcg-home-page .flip__container--is-management .pcg-action-btn a, #main-page .pcg-home-page .flip__container--is-relations .pcg-action-btn a, #main-page .pcg-home-page .flip__container--is-education .pcg-action-btn a { font-family: 'Montserrat', sans-serif; } #main-page .pcg-home-page .btn-round:hover {-webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.12);box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.12); } #main-page .pcg-home-page .btn-round:hover:before { /* des fix */ -webkit-transform: translateX(1px) translate(-50%, -50%);-ms-transform: translateX(1px) translate(-50%, -50%);transform: translateX(1px) translate(-50%, -50%);} /*---main-page.css--*/ /*--products-page.css--*/ body#product-page {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;height:100%;margin:0;padding: 0;position: relative;} #product-page .educloud html, #product-page .educloud body, #product-page .educloud span:not(.checkmark), #product-page .educloud applet, #product-page .educloud object, #product-page .educloud iframe, #product-page .educloud h1, #product-page .educloud h2, #product-page .educloud h3, #product-page .educloud h4, #product-page .educloud h5, #product-page .educloud h6, #product-page .educloud blockquote, #product-page .educloud pre, #product-page .educloud a, #product-page .educloud abbr, #product-page .educloud acronym, #product-page .educloud address, #product-page .educloud big, #product-page .educloud cite, #product-page .educloud code, #product-page .educloud del, #product-page .educloud dfn, #product-page .educloud em, #product-page .educloud img, #product-page .educloud ins, #product-page .educloud kbd, #product-page .educloud q, #product-page .educloud s, #product-page .educloud samp, #product-page .educloud small, #product-page .educloud strike, #product-page .educloud strong, #product-page .educloud sub, #product-page .educloud sup, #product-page .educloud tt, #product-page .educloud var, #product-page .educloud b, #product-page .educloud u, #product-page .educloud i, #product-page .educloud center, #product-page .educloud dl, #product-page .educloud dt, #product-page .educloud dd, #product-page .educloud ol, #product-page .educloud ul, #product-page .educloud li, #product-page .educloud fieldset, #product-page .educloud form, #product-page .educloud label:not(.form-field__label), #product-page .educloud legend, #product-page .educloud table, #product-page .educloud caption, #product-page .educloud tbody, #product-page .educloud tfoot, #product-page .educloud thead, #product-page .educloud tr, #product-page .educloud th, #product-page .educloud td, #product-page .educloud article, #product-page .educloud aside, #product-page .educloud canvas, #product-page .educloud details, #product-page .educloud embed, #product-page .educloud figure, #product-page .educloud figcaption, #product-page .educloud footer, #product-page .educloud header, #product-page .educloud hgroup, #product-page .educloud menu, #product-page .educloud nav, #product-page .educloud output, #product-page .educloud ruby, #product-page .educloud section, #product-page .educloud summary, #product-page .educloud time, #product-page .educloud mark, #product-page .educloud audio, #product-page .educloud video { padding: 0; border: 0; vertical-align: baseline; font-family: 'Roboto', sans-serif !important; color: #000000; } body#product-page { font-size: 14px; } .cyrek-modernization h1, .cyrek-modernization h2 {font-weight: 700 !important;font-family: 'Roboto', sans-serif !important;} #product-page #educloud-sidebar .list-group-item__label-content .icon-circle::before{font-size: 16px;} /*#product-page *{margin: 0;}*/ #product-page .form-control{color:#000;} #product-page .pcg-footer-copyright-links li a{font-size: 14px;} #product-page .pcg-footer-copyright-links li {font-size: 10px;} #product-page .pcg-footer-copyright{background-color: #222;} /*CATEGORY SWITCHER*/ /*is-relation #00C099*/ #product-page .standard-button{border: none;} #product-page .is-relation .standard-button{background: #00C099;-webkit-box-shadow: 10px 10px 24px #00C09933;box-shadow: 10px 10px 24px #00C09933; border: none;} #product-page .is-relation .standard-button:hover{-webkit-box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.51);box-shadow: 10px 10px 24px rgba(0, 192, 153, 0.51);} #product-page .is-relation .default-list li:before{color: #09BE97;} #product-page .is-relation .fifth-section .list-title:before{color: #00C099;} #product-page .is-relation .fifth-section .default-list li:before{ color: #00C099;} #product-page .is-relation .subtitle:before{background: #E0F9F4;} #product-page .is-relation .first-section .standard-button:before{ content: url("/img/02_img/buttons_bg/bg-button-green.svg");} /*is-management #692DFF*/ #product-page .is-management .standard-button{background: #692DFF;-webkit-box-shadow: 10px 10px 24px #692DFF33;box-shadow: 10px 10px 24px #692DFF33;} #product-page .is-management .standard-button:hover{-webkit-box-shadow: 10px 10px 24px rgba(105, 45, 255, 0.31);box-shadow: 10px 10px 24px rgba(105, 45, 255, 0.31)} #product-page .is-management .default-list li:before{color: #692DFF;} #product-page .is-management .fifth-section .list-title:before{color: #692DFF;} #product-page .is-management .fifth-section .default-list li:before{ color: #692DFF;} #product-page .is-management .subtitle:before{background: #F1ECFF;} #product-page .is-management .first-section .standard-button:before{ content: url("/img/02_img/buttons_bg/bg-button-violet.png");} /*is-education #FF0077*/ #product-page .is-education .standard-button{background: #FF0077;-webkit-box-shadow: 10px 10px 24px #FF007733;box-shadow: 10px 10px 24px #FF007733;} #product-page .is-education .standard-button:hover{-webkit-box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.31);box-shadow: 10px 10px 24px rgba(255, 0, 119, 0.31)} #product-page .is-education .default-list li:before{color: #FF0077;} #product-page .is-education .fifth-section .list-title:before{color: #FF0077;} #product-page .is-education .fifth-section .default-list li:before{ color: #FF0077;} #product-page .is-education .subtitle:before{background: #FFE5F1;} #product-page .is-education .first-section .standard-button:before{ content: url("/img/02_img/buttons_bg/bg-button-pink.png");} /*.educloud .container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; height: 100%}*/ #product-page .educloud .header-wrapper{height: 70px; background: #A71D33;} #product-page .educloud .header-logo-wrapper {height: 100%;white-space: nowrap;text-align: left; float: left;} #product-page .educloud .helper {display: inline-block;height: 100%;vertical-align: middle;} #product-page .educloud .header-logo-wrapper img {vertical-align: middle;max-height: 35px;max-width: 160px;} /*NAVIGATION BAR*/ #product-page .pcg-news-wrapper .pcg-sidebar-block, .pcg-content-wrapper .pcg-sidebar-block{background: white;-webkit-box-shadow: 0 5px 20px #00000014;box-shadow: 0 5px 20px #00000014;border-radius: 24px;opacity: 1;} #product-page .educloud .content-wrapper{width: 100%; float: left; } #product-page .educloud .description{font-size: 14px; font-weight: initial; line-height: 24px;} /* des fix: sidebar */ #product-page #educloud-sidebar .internal-pos:hover .internal-pos-link {color: black;font-weight: 400;text-decoration: none;} #product-page #educloud-sidebar .internal-pos:hover{background-color: transparent;} #product-page #educloud-sidebar .internal-pos.active {background: #F5F6FA;} #product-page #educloud-sidebar .internal-pos.active .internal-pos-link {color: black;font-weight: 500;text-decoration: none;} /*BUTTON*/ #product-page .educloud .standard-button{height: 50px; width: 246px;text-align: left;vertical-align: middle;border-radius: 25px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; position: relative; text-decoration: none;padding: 0;} #product-page .educloud .standard-button:after{content: '\e902';position: absolute; width: 7px;height: 11px;right: 26px; font-family: 'icomoon';top: 17px;color: white; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: 13px;} #product-page .educloud .standard-button:hover:after{right: 24px;} #product-page .educloud .standard-button p{color: white; font-family: 'Montserrat', sans-serif; line-height: 50px; text-transform: uppercase; font-weight: 600; font-size: 15px; padding-left: 30px;} #product-page .educloud .standard-button a{text-decoration: none;} #product-page .educloud .standard-button-wrapper{width: 100%; position: relative;} #product-page .educloud .list-wrapper{position: relative;} /*FIRST SECTION*/ #product-page .educloud .first-section{position: relative;} #product-page .educloud .first-section .title{font-size: 30px; font-weight: bold; margin-top: 50px; color: black; line-height: 42px; max-width: 350px;} #product-page .educloud .title-img-wrapper { padding-top: 20px;} #product-page .educloud .title-img-wrapper img{ height: 50px;} #product-page .educloud .ornament-img-wrapper{width: 250px; position: absolute; right: 55px; top: 150px} #product-page .educloud .first-section .description{ max-width: 460px; margin-top: 40px; margin-bottom: 60px;} #product-page .educloud .first-section .standard-button:before{ right: -30px; position: absolute; top:-30px;} /*SUB TITLE*/ #product-page .educloud .subtitle{position: relative; z-index: 2; padding-top: 25px;} #product-page .educloud .subtitle:before{content:''; height: 66px; width: 66px; border-radius: 33px; position: absolute;z-index: -1; left: -25px; top:8px;} /*LIST*/ #product-page .educloud .default-list{list-style-type: none; line-height: 24px; margin-left: 0; position: relative; margin-top: 10px; margin-bottom: 50px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;padding-right: 20px;} #product-page .educloud .default-list li{max-width: 336px; padding-left: 32px; padding-top: 25px;} #product-page .educloud .default-list li:before{ font-family: 'icomoon'; content: '\e907';position: absolute;left: 0;width: 12px;height: 12px;} /*LIST IMG*/ #product-page .educloud .list-image-right{right: -30px;max-width: 458px;z-index: 2;position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #product-page .list-image-right:after{content: url("/img/02_img/screen/screen-replace-ornament-right.png"); position: absolute; right: 30px; top:-90px; width: 127px; height: 255px; z-index: -1;} #product-page .educloud .list-image-left{left: -30px;max-width: 458px;z-index: 2;position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);} #product-page .list-image-left:after{content: url("/img/02_img/screen/screen-replace-ornament-left.png");position: absolute; left: 30px; top:-50px; width: 127px; height: 255px; z-index: -1;} #product-page .list-image--no-ornament::after {display: none !important;} /* SECOND SECTION */ #product-page .educloud .second-section{margin-top: 70px;} #product-page .educloud .second-section h2{ font-size: 22px; font-weight: bold; max-width: 340px; line-height: 32px;margin-bottom: 0;} #product-page .educloud .second-section .standard-button-wrapper:before{ content: ''; right: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 270px); background: #E7E8F0;} /*THIRD SECTION*/ #product-page .educloud .third-section{margin-top: 70px;} #product-page .educloud .third-section h2{ font-size: 22px; font-weight: bold; max-width: 360px; line-height: 32px;margin-bottom: 0;} #product-page .educloud .third-section .subtitle{margin-left: auto;} #product-page .educloud .third-section .default-list{margin-left: auto;} #product-page .educloud .third-section .standard-button{margin-left: auto;margin-right: 110px;} #product-page .educloud .third-section .standard-button-wrapper:before{ content: ''; left: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 380px); background: #E7E8F0;} /*FORTH_SECTION*/ #product-page .educloud .fourth-section{margin-top: 70px;} #product-page .educloud .fourth-section h2{ font-size: 22px; font-weight: bold; max-width: 340px; line-height: 32px;margin-bottom: 0;} #product-page .educloud .fourth-section .standard-button-wrapper:before{ content: ''; right: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 270px); background: #E7E8F0;} /*FIFTH SECTION*/ #product-page .educloud .fifth-section{margin-top: 100px;} #product-page .educloud .fifth-section h2{ font-size: 22px; font-weight: bold; line-height: 32px;} #product-page .educloud .fifth-section h2:after{content: ''; right: 0; position: absolute; bottom:15px; height: 1px; width: calc(100% - 220px); background: #E7E8F0;} #product-page .educloud .everyone-profits-column{width: calc(100%/3); float: left;} #product-page .educloud .fifth-section .everyone-profits-lists-wrapper{margin-top: 36px;display: -webkit-box;display: -ms-flexbox;display: flex;} #product-page .educloud .fifth-section h3{ font-size: 18px; font-weight: bold; line-height: 32px; padding-left: 24px; position: relative;margin-bottom: 0;} #product-page .educloud .fifth-section .list-title:before{font-family: 'icomoon'; content: '\e906';position: absolute;left: -4px;width: 14px;height: 28px; } #product-page .educloud .fifth-section .default-list li:before{ font-family: 'icomoon'; content: '\e906';position: absolute;left: -3px;width: 6px;height: 12px; } #product-page .educloud .fifth-section .default-list li{ padding-left:25px; padding-top: 30px; max-width: 232px;} #product-page .educloud .first-section .default-list{ margin-left: 0;} /*SIXTH SECTION*/ #product-page .educloud .sixth-section{margin-top: 50px;} #product-page .educloud .sixth-section h2{ font-size: 22px; font-weight: bold; line-height: 32px;} #product-page .educloud .sixth-section h2:after{content: ''; right: 0; position: absolute; bottom:15px; height: 1px; width: calc(100% - 380px); background: #E7E8F0;} #product-page .educloud .sixth-section .switch-wrapper{margin-top: 50px;} #product-page .educloud .sixth-section .switch-list{display: -webkit-box;display: -ms-flexbox;display: flex; cursor: pointer;} #product-page .educloud .sixth-section .switch-list li{width: calc(100%/3);float:left; text-align: left; position: relative;list-style-type: none; line-height: 24px; padding-left: 52px; font-weight: bold; font-size: 20px; opacity: 0.4; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #product-page .educloud .sixth-section .switch-list li:before{ font-family: 'icomoon'; content: '\e907';position: absolute;left: 0;width: 32px;height: 32px; font-size: 30px; font-weight: initial;} #product-page .educloud .sixth-section .switch-list li.active{opacity: 1;} #product-page .educloud .sixth-section .switch-list li:hover{opacity: 1;} #product-page .educloud .sixth-section .switch-wrapper li:nth-child(1):before{color: #692DFF;} #product-page .educloud .sixth-section .switch-wrapper li:nth-child(2):before{color: #00C099;} #product-page .educloud .sixth-section .switch-wrapper li:nth-child(3):before{color: #FF0077;} #product-page .educloud .sixth-section .switch-list-indicator-wrapper {height: 4px; background: #E7E8F0; margin-top: 36px; padding-top: 2px; padding-bottom: 2px; position: relative; border-radius: 25px;} #product-page .educloud .sixth-section .switch-list-indicator-wrapper .active-indicator{width: calc(100%/3); height: 6px; border-radius: 25px;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%); -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #product-page .educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case1{ left:0; background: #692DFF} #product-page .educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case2{ left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);background: #00C099;} #product-page .educloud .sixth-section .switch-list-indicator-wrapper .active-indicator.case3{ left: initial; right: 0;background: #FF0077;} /* categories */ #product-page .educloud .category-wrapper{margin-top: 60px;} #product-page .educloud .category-wrapper ul{ list-style: none; display: none; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #product-page .educloud .category-wrapper ul.active{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap} #product-page .educloud .category-wrapper li {width: 211px;} #product-page .educloud .category-wrapper li:nth-child(5) {margin-top: 140px;} /*#product-page .educloud #category1 .category-wrapper li {width: calc(100%/5);}*/ #product-page .educloud .category-wrapper li img{height: 60px; max-width: 120px;} #product-page .educloud .category-wrapper li .category-item-wrapper{max-width: 180px; height: calc(100% + 80px); position: relative;} #product-page .educloud .category-wrapper h3{margin-top: 40px; font-size: 18px; font-weight: bold;} #product-page .educloud .category-wrapper p{line-height: 24px; margin-top: 30px;} #product-page .educloud .product-button{height: 40px; width: 160px;text-align: left;vertical-align: middle;border-radius: 25px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; position: absolute; text-decoration: none; bottom: 0;} #product-page .educloud .product-button p{ font-family: 'Montserrat', sans-serif; line-height: 36px; text-transform: uppercase; font-weight: 600; font-size: 13px; text-align: center; margin-top: 0;} #product-page .educloud .product-button a{text-decoration: none;} #product-page .educloud .standard-button-wrapper{width: 100%; position: relative;} #product-page .educloud .category-wrapper #category1 .product-button{border: solid 2px #692DFF;} #product-page .educloud .category-wrapper #category2 .product-button{border: solid 2px #00C099;} #product-page .educloud .category-wrapper #category3 .product-button{border: solid 2px #FF0077;} #product-page .educloud #category1 .product-button p{color: #692DFF;} #product-page .educloud #category2 .product-button p{color: #00C099;} #product-page .educloud #category3 .product-button p{color: #FF0077;} #product-page .educloud .category-wrapper #category1 .product-button:not(.current-page):hover{background: #692DFF;} #product-page .educloud .category-wrapper #category2 .product-button:not(.current-page):hover{background: #00C099;} #product-page .educloud .category-wrapper #category3 .product-button:not(.current-page):hover{background: #FF0077;} #product-page .educloud .product-button:not(.current-page):hover p{color: white !important;} #product-page .educloud .category-wrapper .product-button.current-page:after{content: '\e904';position: absolute; width: 13px;height: 10px;right: 16px; font-family: 'icomoon';top: 10px; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #product-page .educloud .category-wrapper .product-button.current-page{border: none !important; text-align: left} #product-page .educloud .category-wrapper .product-button.current-page p {padding-left: 21px; text-align: left; line-height: 40px;} #product-page .educloud .category-wrapper #category1 .product-button.current-page:after{color: #692DFF;} #product-page .educloud .category-wrapper #category1 .product-button.current-page{background: #F1ECFF;} #product-page .educloud .category-wrapper #category2 .product-button.current-page:after{color: #00C099;} #product-page .educloud .category-wrapper #category2 .product-button.current-page{background: #E0F9F4;} #product-page .educloud .category-wrapper #category3 .product-button.current-page:after{color: #FF0077;} #product-page .educloud .category-wrapper #category3 .product-button.current-page{background: #FFE5F1;} #product-page .educloud .form-section{margin-top: 180px;} #product-page .educloud .form-section--to-right{margin-top: 30px;} #product-page .form-section--to-right .form__agreement-text{margin: 0;} #product-page .hamburger{height: 40px; width: 40px;} #product-page .hamburger:hover{opacity: 1;} #product-page .hamburger:hover .hamburger-inner:before{background: #FF8888;} #product-page .hamburger:hover .hamburger-inner:after{background: #FF8888;} #product-page .hamburger:hover .hamburger-inner{background: #FF8888;} #product-page .hamburger .hamburger-inner:before{-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} #product-page .hamburger .hamburger-inner:after{-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} #product-page .hamburger .hamburger-inner{-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} /*--end-products-page.css--*/ @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi){ /*--edu-cloud.css--*/ #educloud-main .form-section--to-left::after { background: url(/img/02_img/illustration/illu-airplane-contact@2x.png); background-size: cover; } /*-end-edu-cloud.css--*/ } @media (min-width: 768px) { /*--main-page.css--*/ #main-page .carousel-indicators { width: 750px; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-time { color: #000; font-size: 14px; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block-title { width: 55%; } #main-page .flip--enabled .flip__container:hover .flip__side--back { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #main-page .flip--enabled .flip__container:hover .flip__side--front { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #main-page .flip--enabled .flip__side--front { z-index: 0; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } #main-page .flip--enabled .flip__side--back { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } #main-page .pcg-home-page .pcg-promo-wrapper { margin-top: 85px; } #main-page .pcg-home-page > .pcg-promo-wrapper { margin-top: 40px; } /* des fix */ #main-page .flip--enabled .flip__side { position: relative; } /*--end-main-page.css--*/ } @media (min-width: 992px) { /*--main-page.css--*/ #main-page .carousel-indicators { width: 970px; } #main-page .flex-max-col-4 > * { width: 33.33333333%; } #main-page .flex-max-col-0 > * { width: inherit; } #main-page .pcg-home-page .pcg-promo-wrapper h1 { /* des fix */ /*width: 475px;*/ max-width: 440px; } #main-page .pcg-home-page .pcg-tile-block-content { width: calc(50% - 30px); } #main-page .badges-cont { margin-top: 16px !important; } /*--end-main-page.css--*/ } @media all and (min-width: 1049px) { /*--edu-cloud.css--*/ /* categories */ #educloud-main #categories ul li:last-child { margin-right: 0; } /* form-bg */ #educloud-main #form-bg .content { width: 948px; margin: 0 auto; } /*-end-edu-cloud.css--*/ } @media all and (min-width: 1140px) { /*--edu-cloud.css--*/ /* top */ #educloud-main #top .content { width: 1140px; } /*-end-edu-cloud.css--*/ } @media (min-width: 1220px) { /*--main-page.css--*/ #main-page .carousel-indicators { width: 1170px; } #main-page .pcg-home-page .pcg-tile-block-content { width: 560px; } /*--end-main-page.css--*/ } @media all and (min-width: 1280px) { /*--edu-cloud.css--*/ /* main */ #educloud-main .content { width: 1140px; } /*-end-edu-cloud.css--*/ } @media all and (max-width: 1280px) { /*--edu-cloud.css--*/ /* banner */ #educloud-main #banner .h-line:first-of-type { width: 35%; } #educloud-main #banner .h-line:last-of-type { width: 33%; } /*-end-edu-cloud.css--*/ } @media all and (max-width: 1240px) { /*--edu-cloud.css--*/ /* main */ #educloud-main .content { width: calc(100% - 80px); margin: 0 40px; } /* top */ #educloud-main #top .content { width: 100%; margin: 0 auto; } #educloud-main #top .chooser { margin-left: 40px; margin-right: 40px; } /* banner */ #educloud-main #banner h1 { padding: 0 40px; } /*-end-edu-cloud.css--*/ } @media screen and (max-width: 1220px) { /*--edu-cloud.css--*/ .cyrek-modernization .container { width: 100%; padding-left: 40px; padding-right: 40px; } /*--end-edu-cloud.css--*/ /*--main-page.css--*/ #main-page .pcg-info {margin-right: 0} #main-page .pcg-wide-banner .container {height: 100%;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap;} #main-page .container {width: 100%;padding-left: 40px;padding-right: 40px;} #main-page #pcg-landing-carousel .carousel-indicators {width: 100%;padding-left: 40px;} /*--end-main-page.css--*/ /*--products-page.css--*/ #product-page .container{width: 100%;padding-left: 40px; padding-right: 40px;} #product-page .list-image-right:after{display: none;} #product-page .list-image-left:after{display: none;} #product-page .educloud .ornament-img-wrapper{display: none;} #product-page .educloud .list-image-right,#product-page .educloud .list-image-left{left: -40px;max-width: 458px;z-index: 2; position: relative; top: initial; -webkit-transform: initial; -ms-transform: initial; transform: initial;} #product-page .educloud .third-section .subtitle{margin-left: 0;} #product-page .educloud .third-section .default-list{margin-left: 0;} #product-page .educloud .default-list li{max-width: 100%;} #product-page .educloud .everyone-profits-column{float: initial; width: initial;} #product-page .educloud .fifth-section .everyone-profits-lists-wrapper{display: block;} #product-page .educloud .category-wrapper ul.active{-ms-flex-wrap: wrap;flex-wrap: wrap;} #product-page .educloud .category-wrapper{margin-top: 20px;} #product-page .educloud .category-wrapper li:nth-child(5) {margin-top: 0;} #product-page .educloud .category-wrapper li{width: calc(100%/2); margin-top: 40px !important;} #product-page .educloud .category-wrapper li .category-item-wrapper{max-width: calc(100% - 20px);} #product-page .educloud .fifth-section .default-list li,#product-page .educloud .default-list li{max-width: 100%; padding-top: 16px;} #product-page .educloud .category-wrapper li{margin-bottom: 80px;} #product-page .educloud .form-section{margin-top: 100px;} #product-page .educloud .third-section .standard-button{margin-right: initial; margin-left: 0;} #product-page .educloud .third-section .standard-button-wrapper:before{ content: ''; right: 0; position: absolute; top:25px; height: 1px; width: calc(100% - 270px); background: #E7E8F0; left: initial;} #product-page .col-md-9{width: calc(100%/3 * 2)} #product-page .col-md-3{width: calc(100%/3); max-width: 292px;} /*--end-products-page.css--*/ } @media (max-width: 1219px) { /*--edu-cloud.css--*/ #main-page .pcg-wide-banner { display: block; text-align: left; height: auto; padding: 30px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: unset; flex-flow: unset; -webkit-box-pack: normal; -ms-flex-pack: normal; justify-content: normal; } /*--end-edu-cloud.css--*/ } @media all and (max-width: 1048px) { /*--edu-cloud.css--*/ /* categories */ #educloud-main #categories ul li { width: calc(50% - 16px); } /* banner */ #educloud-main #banner .h-line:first-of-type { width: 33%; } #educloud-main #banner .h-line:last-of-type { width: 31%; } /* categories */ #educloud-main #categories ul li img { margin-bottom: 30px; } #educloud-main #categories ul p { margin-bottom: 20px; } /* form-bg */ #educloud-main #form-bg .form { padding: 75px; } /*--end-edu-cloud.css--*/ } @media screen and (max-width: 1000px) { /*--Header-footer.css--*/ .cyrek-modernization .logo-pcg-academia {width: 160px; margin-top: 60px;} .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {width: 80px; margin-top: 0;} .cyrek-modernization .logo-pcg-polska {width: 100px; margin-top: 0;} .cyrek-modernization .social-box {width: 100px;} /*--End-header-footer.css--*/ /*educloud*/ #educloud-main #form-bg {padding: 0; background: transparent} #educloud-main #categories {margin-bottom: 0;} #educloud-main #form-bg .form {-webkit-box-shadow: none;box-shadow: none; background: transparent; border-radius: 0; padding: 40px; margin: 0; width: 100%} /*--main-page.css--*/ #main-page .pcg-promo-wrapper .logo-lumen {display: none} #main-page #pcg-customers-carousel .tab-container {padding-top: 40px;padding-bottom: 40px;} /* des fix*/ #main-page .pcg-promo-wrapper .col-sm-6:first-child {width: 300px} #main-page .pcg-promo-wrapper .col-sm-6:last-child {width: calc(100% - 300px)} /*--End-main-page.css--*/ } @media all and (max-width: 999px) { /*--edu-cloud.css--*/ /* top */ #educloud-main #top img.icons { width: 100%; /*top: 40%;*/ /*top: 280px;*/ } #educloud-main #top img.campus { width: 128%; height: 128%; } /* banner */ #educloud-main #banner .h-line:first-of-type { width: 31%; } #educloud-main #banner .h-line:last-of-type { width: 29%; } /* form-bg */ #educloud-main #form-bg .form { padding: 50px; } /*--end-edu-cloud.css--*/ } @media (max-width: 992px) { /*--edu-cloud.css--*/ #educloud-main .educloud .form-section--to-left { width: 100%; max-width: 100%; } #educloud-main .educloud .form-section {-ms-flex-wrap: wrap;flex-wrap: wrap;} #educloud-main .educloud .form-section--to-right {margin-top: 30px;} #educloud-main .pcg-navbar-container .container {width: 100%;padding-left: 40px;padding-right: 40px;} /*--end-edu-cloud.css--*/ /*--main-page.css--*/ #main-page #pcg-landing-carousel .item:after { width: 100%; background-image: none; background-color: rgba(255, 255, 255, 0.2); } #main-page .pcg-home-page .pcg-thumbnail-list .thumbnail { margin-top: 17px; } /* des fixes */ #main-page .pcg-home-page .pcg-tile-title { margin: 0px 0 30px 10px; } /* des fixes */ #main-page .pcg-home-page .pcg-tile-block-content:nth-child(2) { margin-top: 50px; } #main-page .slick-slider { /*width: 90%;*/ display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin: 0 10px !important; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block, #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block.pink {padding-left: 20px; padding-right: 20px; padding-top: 20px;} #main-page .pcg-home-page .pcg-tiles-wrapper .slick-dots {margin-left: 20px;} #main-page .flex-max-col-0 > * { width: inherit; } #main-page .pcg-footer-content img.img-responsive { margin-right: 15px; } #main-page .pcg-home-page .pcg-thumbnail-list.flex-max-col-4 > * { width: 50%; } /*--end-main-page.css--*/ /*--products-page.css--*/ #product-page .educloud .form-section{-ms-flex-wrap: wrap;flex-wrap: wrap;} #product-page .educloud .form-section--to-left{width: 100%; max-width: 100%;} /*--end-products-page.css--*/ } @media all and (max-width: 984px) { /*--edu-cloud.css--*/ /* top */ #educloud-main #top img.logo { margin: 20px auto 0; } #educloud-main #top img.campus { margin-top: 30px; } /* banner */ #educloud-main #banner .h-line:first-of-type { width: 29%; } #educloud-main #banner .h-line:last-of-type { width: 27%; } /* form-bg */ #educloud-main #form-bg .form { padding: 40px; } /*--end-edu-cloud.css--*/ } @media all and (max-width: 920px) { /*--edu-cloud.css--*/ /* top */ /*#educloud-main #top img.icons {*/ /*top: 300px;*/ /*}*/ /*--end-edu-cloud.css--*/ /*--products-page.css--*/ #product-page .pcg-news-wrapper .pcg-sidebar, .pcg-content-wrapper .pcg-sidebar {display: none;} #product-page .col-md-9{width: 100%;} /*--end-products-page.css--*/ } @media all and (max-width: 844px) { /*--edu-cloud.css--*/ /* top */ #educloud-main #top img.icons { display: none; } /*--end-edu-cloud.css--*/ } @media screen and (max-width: 800px) { /*--main-page.css--*/ #main-page #pcg-customers-carousel .tab-container-list .pcg-clients-list-item { width: calc(100% / 3); margin: 0 0 30px; } /* des fix */ #main-page #pcg-customers-carousel .tab-container .tab-container-list { -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; -khtml-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #main-page .pcg-home-page .pcg-clients-list-item img { max-width: 100%; } /*--end-main-page.css--*/ } @media all and (max-width: 768px) { /*--edu-cloud.css--*/ /* banner */ #educloud-main #banner .h-line:first-of-type { width: 25%; } #educloud-main #banner .h-line:last-of-type { width: 23%; } /*#educloud-main .pcg-header .navbar-nav-wrapper {display: block !important;}*/ .cyrek-modernization .pcg-footer-copyright-links {float: right;} /*--end-edu-cloud.css--*/ .cyrek-modernization .pcg-landing-carousel .carousel-inner .item > img {-o-object-position: 60% center;object-position: 60% center} /*main page*/ #main-page .pcg-promo-wrapper .col-sm-6:first-child {width: 100%} #main-page .pcg-promo-wrapper .col-sm-6:last-child {width: 100%} /*--products-page.css--*/ #product-page .pcg-content-page{margin-top: 20px !important;} #product-page .educloud .category-wrapper{margin-top: 0;} #product-page .educloud .default-list li{padding-left: 26px;} /*--end-products-page.css--*/ /*header-footer*/ .cyrek-modernization .pcg-header .navbar-nav-wrapper {display: block !important;} /*--end-header-footer--*/ } @media screen and (max-width: 767px) { /*--Header-footer.css--*/ .cyrek-modernization .pcg-footer-content {height: auto;} .cyrek-modernization .pcg-footer-container {-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap;} .cyrek-modernization .logo-pcg-academia {width: 220px; margin-top: 45px; margin-bottom: 50px} .cyrek-modernization .pcg-info {width: calc(100% - 220px); padding-left: 50px;} .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {width: 100px} .cyrek-modernization .logo-pcg-polska {width: 140px} .cyrek-modernization .social-box {width: calc(100% - 340px); min-width: 100px; max-width: 200px;} .cyrek-modernization .pcg-sidebar-wrapper .pcg-sidebar {padding-top: 70px;} /*--End-header-footer.css--*/ /*--main-page.css--*/ #main-page .pcg-sidebar-wrapper .pcg-sidebar {padding-top: 70px} #main-page #pcg-customers-carousel .tablinks:not(:last-child) {margin-right: 20px;} #main-page #pcg-customers-carousel .tab-container-list {-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-khtml-justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} /* des fix */ /*#main-page #pcg-customers-carousel .tab-container-list .pcg-clients-list-item {width: calc(100% / 3); !*des fix margin-bottom: 30px; *!}*/ #main-page #pcg-customers-carousel .tablinks {font-size: 13px;} /* des fix (content copied from Daniel's media query) */ #main-page .pcg-landing-carousel .carousel-indicators { padding-left: 0; } #main-page .pcg-landing-carousel .carousel-title { line-height: 1.3em; font-size: 1.5em; } #main-page .flex-max-col-0 > * { width: inherit; } #main-page .flex-max-col-4 > * { width: 100%; } /* des fix */ #main-page .pcg-home-page .pcg-thumbnail-list.flex-max-col-4 > *{width: 100%;} #main-page .pcg-landing-carousel .btn-primary { width: 250px; } #main-page .pcg-landing-carousel .carousel-text { margin-bottom: 56px; } /* des fix */ #main-page #pcg-landing-carousel .carousel-indicators { padding-left: 0; left: 0; text-align: center; -webkit-transform: none; -ms-transform: none; transform: none; width: auto; margin-left: 40px; } /* des fix */ #main-page .pcg-home-page .pcg-thumbnail-list .thumbnail .caption, #main-page .pcg-home-page .pcg-thumbnail-list .thumbnail-text { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } #main-page .pcg-home-page .pcg-categories-text { text-align: left; } #main-page .pcg-section-title { text-align: left; } /*des fix*/ #main-page .pcg-home-page .pcg-promo-wrapper h1 { text-align: left; } /*des fix*/ #main-page .pcg-home-page .pcg-promo-wrapper .pcg-action-text { text-align: left; } #main-page .pcg-home-page .pcg-promo-wrapper { /*des fix*/ padding: 50px 0 100px; /*des fix*/ margin-top: 25px; } #main-page .pcg-home-page > .pcg-promo-wrapper .row { display: block; } #main-page .pcg-home-page > .pcg-promo-wrapper .pcg-action-image { width: 100%; margin-bottom: 30px; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block:after { right: 0; } #main-page .pcg-home-page .pcg-tiles-wrapper .pcg-tile-block .pcg-tile-time { color: #000; font-size: 14px; } /* des fix */ #main-page .pcg-landing-carousel .item .carousel-caption {padding-right: 0;} /* des fix */ #main-page .pcg-wide-banner .description { margin: 30px 0 !important; text-align: left; width: 100%; } /* des fix */ #main-page .pcg-wide-banner .btn { /*display: block;*/ margin-bottom: 30px !important; } /* des fix */ #main-page .pcg-landing-carousel .carousel-caption { text-align: left; } /* des fix */ #main-page #pcg-customers-carousel .pcg-customers-carousel-text { text-align: left; margin-left: 0; } /* des fix */ #main-page #pcg-customers-carousel .tab.container { -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; -khtml-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* des fix */ #main-page .pcg-footer-copyright-links {float: left;} /* des fix */ #main-page .pcg-home-page .pcg-tile-text-parent { -ms-flex-flow: wrap; flex-flow: wrap; } /* des fix */ #main-page .pcg-home-page .btn-round { margin-top: 15px; } /* des fix */ #main-page .pcg-wide-banner .container { height: auto; } /* des fix */ #main-page .pcg-categories-wrapper { margin-top: 60px; } /*--end-main-page.css--*/ } @media all and (max-width: 658px) { /*--edu-cloud.css--*/ /* banner */ #educloud-main #banner .h-line:first-of-type { width: 21%; } #educloud-main #banner .h-line:last-of-type { width: 19%; } /* form-bg */ /*#educloud-main #form-bg .form {*/ /*padding: 35px;*/ /*}*/ /*--end-edu-cloud.css--*/ } @media (max-width: 640px){ /*--products-page.css--*/ #product-page .hamburger:hover .hamburger-inner:before{background: #FFF;} #product-page .hamburger:hover .hamburger-inner:after{background: #FFF;} #product-page .hamburger:hover .hamburger-inner{background: #FFF;} #product-page .educloud .sixth-section .switch-wrapper li:before{display: none;} #product-page .educloud .sixth-section .switch-list li{padding-left: 0;text-align: center;} #product-page .educloud .sixth-section .switch-list-indicator-wrapper {margin-top: 15px;} /*--end-products-page.css--*/ } @media screen and (max-width: 600px) { /*--Header-footer.css--*/ .cyrek-modernization .pcg-info {padding-left: 40px; margin: 0} .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {width: 60px} .cyrek-modernization .logo-pcg-polska {width: 80px} .cyrek-modernization .social-box {width: calc(100% - 200px); min-width: 100px; max-width: 200px;} /*--End-header-footer.css--*/ /*--main-page.css--*/ #main-page #pcg-customers-carousel .tab-container-list .pcg-clients-list-item {width: calc(100% / 2);} /*--end-main-page.css--*/ } @media all and (max-width: 594px) { /*--edu-cloud.css--*/ /* banner */ #educloud-main #banner .h-line:first-of-type { width: 15%; } #educloud-main #banner .h-line:last-of-type { width: 13%; } /*--end-edu-cloud.css--*/ } @media all and (max-width: 557px) { /*--edu-cloud.css--*/ /* categories */ #educloud-main #categories ul li { width: 100%; margin-right: 0; } /*--end-edu-cloud.css--*/ } @media all and (max-width: 540px) { /*--edu-cloud.css--*/ #educloud-main #form-bg .form { padding: 30px; } /*--end-edu-cloud.css--*/ } @media screen and (max-width: 500px) { /*--Header-footer.css--*/ .cyrek-modernization .pcg-footer-container {-moz-align-items: flex-start;-ms-align-items: flex-start;-o-align-items: flex-start;-khtml-align-items: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .cyrek-modernization .logo-pcg-academia {width: 160px; margin-bottom: 0; margin-top: 0} /*.cyrek-modernization .pcg-info {padding-left: 40px; width: calc(100% - 160px); text-align: left; margin-bottom: 40px;}*/ .cyrek-modernization .pcg-info {padding-left: 0; width: 100%; text-align: left; margin-bottom: 40px; margin-top: 30px;} .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {width: 80px} /*.cyrek-modernization .logo-pcg-polska {width: 60px}*/ .cyrek-modernization .top-side{ margin-bottom: 10px;line-height: 30px;} .cyrek-modernization .social-box {width: 100px; min-width: 100px; } .cyrek-modernization .top-side__label {padding-bottom: 10px;} .cyrek-modernization .list-of-social-media {padding-top: 10px;} /*--End-header-footer.css--*/ /*--edu-cloud.css--*/ /* main */ #educloud-main .btn-wrapper { margin-left: 24px; } /* banner */ #educloud-main #banner .h-line:first-of-type { width: 0; } #educloud-main #banner .h-line:last-of-type { width: 0; } /*--end-edu-cloud.css--*/ } @media all and (max-width: 480px) { /*--edu-cloud.css--*/ /* main */ #educloud-main .content { width: calc(100% - 40px); margin: 0 20px; } /* top */ #educloud-main #top .chooser { margin-left: 20px; margin-right: 20px; } /* banner */ #educloud-main #banner h1 { padding: 0 20px; } /* form-bg */ #educloud-main #form-bg .content { width: calc(100% - 20px); margin: 0 auto; } #educloud-main #form-bg .form { padding: 30px 20px; } /*--end-edu-cloud.css--*/ /*--products-page.css--*/ #product-page .educloud .category-wrapper li{width: 100%;} #product-page .educloud .category-wrapper li .category-item-wrapper{max-width: 100%;} #product-page .educloud .list-image-right{left: 0;} #product-page .educloud .list-image-left{left: 0;} #product-page .container, #main-page .container, #educloud-main .container {padding-left: 20px; padding-right: 20px;} .cyrek-modernization .pcg-footer-copyright .row {margin: 0} #product-page .educloud .fourth-section .standard-button-wrapper:before{display: none;} #product-page .educloud .second-section .standard-button-wrapper:before{display: none;} #product-page .educloud .third-section .standard-button-wrapper:before{display: none;} #product-page .educloud .fifth-section h2:after{display: none;} #product-page .educloud .sixth-section h2:after{display: none;} #product-page .educloud .sixth-section .switch-list li{font-size: 14px;} /*--end-products-page.css--*/ } @media all and (max-width: 410px) { /*--edu-cloud.css--*/ /* main */ #educloud-main .btn-wrapper { margin: 0 auto; } #educloud-main .btn-wrapper img { display: none; } #educloud-main .btn-wide { margin: 0 auto; } /*--end-edu-cloud.css--*/ } @media screen and (max-width: 400px) { /*--Header-footer.css--*/ .cyrek-modernization .pcg-footer-container {-moz-justify-content: flex-start;-ms-justify-content: flex-start;-o-justify-content: flex-start;-khtml-justify-content: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;} .cyrek-modernization .social-box {width: 100%; display: block; max-width: 100%} .cyrek-modernization .logo-lumen-footer, .cyrek-modernization .logo-frp {margin-right: 20px;} .cyrek-modernization .social-box {margin-top: 40px;} /*.pcg-header .navbar-nav-wrapper {color: white}*/ .pcg-header .navbar-nav-wrapper {margin-bottom: 30px; margin-top: 20px;} .navbar-nav-wrapper li > a {margin: 0; padding: 0; color: white; text-decoration: none} .navbar-nav-wrapper li:not(:last-child) > a {margin-right: 20px;} .cyrek-modernization .icon-search::before {color: white} .navbar-nav-wrapper .nav > li > a:hover, .navbar-nav-wrapper .nav > li > a:focus {background: transparent} .cyrek-modernization .pcg-footer-copyright-links li {margin: 0; padding: 0; width: 100%; display: block; border: none;} .cyrek-modernization .pcg-footer-copyright-links li:not(:last-child) {margin-bottom: 10px;} .cyrek-modernization .pcg-footer-copyright-links {width: 100%; float: none;} /*--End-header-footer.css--*/ /*--main-page.css--*/ #main-page .pcg-home-page .pcg-promo-wrapper .btn-primary {overflow: hidden;} #main-page #pcg-customers-carousel .tab-container-list .pcg-clients-list-item {width: 100%;} #main-page #pcg-customers-carousel .tab {-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-khtml-flex-wrap: wrap;flex-wrap: wrap;} #main-page #pcg-customers-carousel .tablinks:not(:last-child) {margin-bottom: 10px;} #main-page #pcg-customers-carousel .tablinks:nth-child(even) {margin-right: 0;} #main-page .pcg-landing-carousel .carousel-title {text-align: center} .cyrek-modernization .pcg-landing-carousel .carousel-inner .item > img {-o-object-position: 70% center;object-position: 70% center} /*--end-main-page.css--*/ } @media (max-width: 344px) { /*--main-page.css--*/ #main-page .pcg-home-page > .pcg-promo-wrapper .btn-primary:before { position: absolute; left: -25px; } /*--end-main-page.css--*/ } @media all and (min-width: 558px) and (max-width: 1048px) { /*--edu-cloud.css--*/ /* categories */ #educloud-main #categories ul li:nth-child(2n+2) { margin-right: 0; } /*--end-edu-cloud.css--*/ } @media all and (min-width: 1241px) and (max-width: 1407px) { /*--edu-cloud.css--*/ /* main */ #educloud-main .content { width: 1140px; } /*--end-edu-cloud.css--*/ }