.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*# sourceMappingURL=slick.min.css.map */ @charset 'UTF-8';.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /*# sourceMappingURL=slick-theme.min.css.map */ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /*! * 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;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,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;transition-timing-function:ease;transition-duration:.15s;transition-property: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{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;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;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{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{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;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;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;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{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;transform:rotate(-90deg)} @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} @keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0} *, :after, :before { box-sizing: border-box; -webkit-box-sizing: border-box; border: 0 solid #e2e8f0 /* 2; */; } /* Responsive Grid */ .atmc-container { float: none; width: 100%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; max-width: 1440px; /* Adds 40px for padding right + left */ } @media(min-width: 1600px){ .atmc-container { padding-left: 0px; padding-right: 0px; } } .atmc-container-xs { max-width: 670px; } .atmc-container-s { max-width: 1120.0px; } .atmc-container-m { max-width: 1400px; } .atmc-container-l { max-width: 1680.0px; } .atmc-container-xl { max-width: 1959.9999999999998px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.127659574%; *margin-left: 2.0744680846382977%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.99999998999999%; *width: 99.94680850063828%; } .row-fluid .span11 { width: 91.489361693%; *width: 91.4361702036383%; } .row-fluid .span10 { width: 82.97872339599999%; *width: 82.92553190663828%; } .row-fluid .span9 { width: 74.468085099%; *width: 74.4148936096383%; } .row-fluid .span8 { width: 65.95744680199999%; *width: 65.90425531263828%; } .row-fluid .span7 { width: 57.446808505%; *width: 57.3936170156383%; } .row-fluid .span6 { width: 48.93617020799999%; *width: 48.88297871863829%; } .row-fluid .span5 { width: 40.425531911%; *width: 40.3723404216383%; } .row-fluid .span4 { width: 31.914893614%; *width: 31.8617021246383%; } .row-fluid .span3 { width: 23.404255317%; *width: 23.3510638276383%; } .row-fluid .span2 { width: 14.89361702%; *width: 14.8404255306383%; } .row-fluid .span1 { width: 6.382978723%; *width: 6.329787233638298%; } .container-fluid { *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; } .container-fluid:after { clear: both; } @media (max-width: 767px) { .row-fluid { width: 100%; } .row-fluid [class*="span"] { display: block; float: none; width: auto; margin-left: 0; } } .justify-content-center { justify-content: center; } @media (min-width: 768px) and (max-width: 1139px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.762430939%; *margin-left: 2.709239449638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 99.999999993%; *width: 99.9468085036383%; } .row-fluid .span11 { width: 91.436464082%; *width: 91.38327259263829%; } .row-fluid .span10 { width: 82.87292817100001%; *width: 82.8197366816383%; } .row-fluid .span9 { width: 74.30939226%; *width: 74.25620077063829%; } .row-fluid .span8 { width: 65.74585634900001%; *width: 65.6926648596383%; } .row-fluid .span7 { width: 57.182320438000005%; *width: 57.129128948638304%; } .row-fluid .span6 { width: 48.618784527%; *width: 48.5655930376383%; } .row-fluid .span5 { width: 40.055248616%; *width: 40.0020571266383%; } .row-fluid .span4 { width: 31.491712705%; *width: 31.4385212156383%; } .row-fluid .span3 { width: 22.928176794%; *width: 22.874985304638297%; } .row-fluid .span2 { width: 14.364640883%; *width: 14.311449393638298%; } .row-fluid .span1 { width: 5.801104972%; *width: 5.747913482638298%; } } @media (min-width: 1280px) { .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 1px; margin-left: 2.564102564%; *margin-left: 2.510911074638298%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145300001%; *width: 91.3997999636383%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166383%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.30578286963829%; } .row-fluid .span8 { width: 65.81196581200001%; *width: 65.7587743226383%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756383%; } .row-fluid .span6 { width: 48.717948718%; *width: 48.6647572286383%; } .row-fluid .span5 { width: 40.170940171000005%; *width: 40.117748681638304%; } .row-fluid .span4 { width: 31.623931624%; *width: 31.5707401346383%; } .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; } .row-fluid .span2 { width: 14.529914530000001%; *width: 14.4767230406383%; } .row-fluid .span1 { width: 5.982905983%; *width: 5.929714493638298%; } } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } /* Visibilty Classes */ .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .hidden { display: none; visibility: hidden; } /* Display */ .atmc-display-none { display: none!important; } @media (min-width:768px) { .atmc-desktop-display-none { display: none!important; } } @media (max-width:767px) { .atmc-mb-display-none { display: none!important; } } /* Additional Layout using Flex */ .atmc-grid { margin: -1rem; } .atmc-grid .atmc-grid-col { padding: 1rem; } @media (min-width:768px) { .atmc-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atmc-grid-1col .atmc-grid-col { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } .atmc-grid-2col .atmc-grid-col { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; } .atmc-grid-3col .atmc-grid-col { -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; width: 33.33%; } .atmc-grid-4col .atmc-grid-col { -ms-flex-preferred-size: 25%; flex-basis: 25%; width: 25%; } .atmc-grid-5col .atmc-grid-col { -ms-flex-preferred-size: 20%; flex-basis: 20%; width: 20%; } .atmc-grid-6col .atmc-grid-col { -ms-flex-preferred-size: 16.666%; flex-basis: 16.666%; width: 16.666%; } } @media (max-width:768px) and (max-width:991px) { .atmc-grid-4col .atmc-grid-col, .atmc-grid-5col .atmc-grid-col, .atmc-grid-6col .atmc-grid-col{ -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%; width: 33.33%; } } @media (min-width:576px) and (max-width:767px) { .atmc-grid-2col .atmc-grid-col { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; } .atmc-grid-3col .atmc-grid-col { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; } } /* Grid */ @supports ((display: -ms-grid) or (display: grid)) { .atmc-grid .atmc-grid-col { width: auto; padding: 0; } .atmc-grid { display: -ms-grid; display: grid; grid-row-gap: 2rem; grid-column-gap: 2rem; margin: 0; } @media (min-width: 768px) { .atmc-grid-1col { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .atmc-grid-2col { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .atmc-grid-3col { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .atmc-grid-4col { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .atmc-grid-4col, .atmc-grid-5col, .atmc-grid-6col { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (min-width:992px) { .atmc-grid-4col { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .atmc-grid-5col { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .atmc-grid-6col { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } } @media (min-width:576px) and (max-width:767px) { .atmc-grid-2col { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .atmc-grid-4col, .atmc-grid-5col, .atmc-grid-6col { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } } /* ---- * Flex * ========== */ @media (min-width:768px) { .atmc-flex > .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; } .atmc-align-center > .row-fluid { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } /* ---- * Pagination * ========== */ .blog-pagination .active, .blog-pagination .number { position: relative; color: #2E5559; font-family: "Sharp Sans Medium", "Source Sans Pro", Arial, sans-serif; padding: 0 10px; cursor: pointer; margin: 0 5px; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; } .blog-pagination .active:hover, .blog-pagination .number:hover { border-radius: 50%; border: 1px solid #eee; } .blog-pagination .active { background: #eee; border-radius: 50%; } .blog-pagination .elipses { color: #2E5559; font-family: "Sharp Sans Medium", "Source Sans Pro", Arial, sans-serif; } .blog-pagination .blog-pagination-left { color: #2E5559; display: flex; align-items: center; } .blog-pagination .blog-pagination-center { display: flex; align-items: center; } .blog-pagination .blog-pagination-right { display: flex; align-items: center; } .blog-pagination .prev-link, .blog-pagination .next-link { color: #2E5559; font-size: 18px; display: flex; justify-content: center; align-items: center; } .blog-pagination .prev-link i, .blog-pagination .next-link i { font-size: 12px; } .blog-pagination .prev-link { margin-right: 8px; } .blog-pagination .prev-link i { margin-right: 5px; padding-top: 3px; } .blog-pagination .next-link { margin-left: 8px; } .blog-pagination .next-link i { margin-left: 5px; padding-top: 3px; } *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { max-width: 100%; border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } html { font-size: 14px; } @media (min-width: 768px) { html { font-size: 16px; } } body { font-family: Lato; font-size: 1rem; color: #2E5559; line-height: 1.7; } p { margin-top: 0; margin-bottom: 1em; } .atmc-intro { font-size: 1.2rem; line-height: 1.5; margin-bottom: 1rem; } .atmc-dropcap *:first-child::first-letter { font-size: 6rem; line-height: 1; padding-right: 1rem; float: left; font-weight: bold; color: #539DA6; } /* Anchor Links */ a { color: #539DA6; text-decoration: none; transition: all ease 200ms; } /* a:hover, a:visited { color: #c54a40; } a:focus, a:active { color: #c54a40; } a:visited, a:visited * { color: #c54a40; } */ a.atmc-link-default:not(:hover) * { color: inherit; transition: 0.2s ease; } a.atmc-link-default:not(:hover) h1 { color: #333; } a.atmc-link-default:not(:hover) h2 { color: #333; } a.atmc-link-default:not(:hover) h3 { color: #333; } a.atmc-link-default:not(:hover) h4 { color: #333; } a.atmc-link-default:not(:hover) h5 { color: #333; } a.atmc-link-default:not(:hover) h6 { color: #2E5559; } a:hover * { color: inherit; } .atmc-link { font-weight: bold; color: #539DA6; position: relative; text-transform: uppercase; letter-spacing: 2px; font-size: .9rem; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } /* Headings */ h1, .atmc-h1, h2, .atmc-h2, h3, .atmc-h3, h4, .atmc-h4, h5, .atmc-h5, h6, .atmc-h6 { margin-top: 0; margin-bottom: 0.75rem; line-height: 1.1; word-break: break-word; } .widget-type-rich_text * + h1, .widget-type-rich_text * + h2, .widget-type-rich_text * + h3, .widget-type-rich_text * + h4, .widget-type-rich_text * + h5, .widget-type-rich_text * + h6 { margin-top: 2.25rem; } h1, .atmc-h1 { font-size: 3.0rem; font-style: normal; font-weight: 700; font-family: Lato; color: #333; text-decoration: none; } h2, .atmc-h2 { font-size: 2.25rem; font-style: normal; font-weight: 700; font-family: Lato; color: #333; text-decoration: none; } h3, .atmc-h3 { font-size: 1.875rem; font-style: normal; font-weight: 700; font-family: Lato; color: #333; text-decoration: none; } h4, .atmc-h4 { font-size: 1.5rem; font-style: normal; font-weight: 700; font-family: Lato; color: #333; text-decoration: none; } h5, .atmc-h5 { font-size: 1.25rem; font-style: normal; font-weight: 700; font-family: Lato; color: #333; text-decoration: none; } h6, .atmc-h6 { font-size: 1.125rem; font-style: normal; font-weight: 700; font-family: Lato; color: #2E5559; text-decoration: none; } .text-base *:not(a), .text-primary *:not(a), .text-secondary *:not(a), .text-warning *:not(a), .text-danger *:not(a), .text-success *:not(a), .text-white *:not(a), .text-dark *:not(a), .text-gray *:not(a), .text-lightgray *:not(a), .text-light *:not(a) { color: inherit; } .text-white a:visited { color: inherit; } .tx-white { color: #fff; } .atmc-l { font-size: 3rem; line-height: 1; } .atmc-xl { font-size: 4rem; line-height: 1; } .atmc-xxl { font-size: 6rem; line-height: 1; } @media (max-width: 767px) { h1, .atmc-h1 { font-size: 24px; } h2, .atmc-h2 { font-size: 22px; } h3, .atmc-h3 { font-size: 20px; } h4, .atmc-h4 { font-size: 18px; } h5, .atmc-h5 { font-size: 16px; } .atmc-l { font-size: 1.5rem; } .atmc-xl { font-size: 2rem; } .atmc-xxl { font-size: 3rem; } } strong { font-weight: bolder; } code { vertical-align: bottom; } .widget-type-rich_text ul, .widget-type-rich_text ol { margin-top: 1.5rem; margin-bottom: 1.5rem; list-style: none; padding: 0; } .widget-type-rich_text ul { } .widget-type-rich_text ol { counter-reset: item; } .widget-type-rich_text ul li, .widget-type-rich_text ol li { line-height: 1.5rem; position: relative; padding-left: 1.5rem; } .widget-type-rich_text ul li:before { content: ""; position: absolute; top: .45rem; left: 0; width: .75rem; height: .75rem; background: #9BBFBF; border-radius: 50%; } .widget-type-rich_text ol li { counter-increment: item; } .widget-type-rich_text ol li:before { content: counter(item); position: absolute; top: 0; left: 0; line-height: 1.5rem; color: #9BBFBF; font-weight: bold; } .widget-type-rich_text ul li + li, .widget-type-rich_text ol li + li { margin-top: .75rem; } .widget-type-rich_text ul ul, .widget-type-rich_text ol ul, .widget-type-rich_text ul ol, .widget-type-rich_text ol ol { margin-top: 0; margin-bottom: 0; } blockquote { line-height: 1.5rem; margin-top: 1.5rem; margin-bottom: 1.5rem; border-left: 2px solid #A9A9A9; padding-left: 15px; } .atmc-cap { text-transform: uppercase; letter-spacing: 1px; line-height: 1; font-size: .75rem; opacity: .8; } .atmc-dropcap:first-letter { font-size: 3.5rem; margin-right: .35rem; float: left; margin-top: 0; line-height: 1; font-weight: bold; } .text-default { color: inherit; } /* ------- * Headline Styles * ------------------- */ /* Headline 01 */ /* .atmc-headline-01 strong { background: linear-gradient(transparent calc(100% - .4em),#539DA6 .4em); } .atmc-headline-01-primary strong { background: linear-gradient(transparent calc(100% - .4em),#539DA6 .4em); } .atmc-headline-01-secondary strong { background: linear-gradient(transparent calc(100% - .4em),#9BBFBF .4em); } .atmc-headline-01-base strong { background: linear-gradient(transparent calc(100% - .4em),#2E5559 .4em); } .atmc-headline-01-danger strong { background: linear-gradient(transparent calc(100% - .4em),#E73845 .4em); } .atmc-headline-01-warning strong { background: linear-gradient(transparent calc(100% - .4em),#FFBE4F .4em); } .atmc-headline-01-success strong { background: linear-gradient(transparent calc(100% - .4em),#3DCC79 .4em); } .atmc-headline-01-gray strong { background: linear-gradient(transparent calc(100% - .4em),#8D8D94 .4em); } .atmc-headline-01-lightgray strong { background: linear-gradient(transparent calc(100% - .4em),#dfdbd2 .4em); } .atmc-headline-01-light strong { background: linear-gradient(transparent calc(100% - .4em),#fafafa .4em); } .atmc-headline-01-white strong { background: linear-gradient(transparent calc(100% - .4em), .4em); } .atmc-headline-01-dark strong { background: linear-gradient(transparent calc(100% - .4em),#4A5278 .4em); } /* Headline 02 */ /* .atmc-headline-02 { position: relative; } .atmc-headline-02:before { content: ""; width: 3rem; height: .25em; background: #539DA6; position: absolute; top: .5em; right: calc(100% + .5rem); } .atmc-headline-02-primary:before { background: #539DA6; } .atmc-headline-02-secondary:before { background: #9BBFBF; } .atmc-headline-02-base:before { background: #2E5559; } .atmc-headline-02-danger:before { background: #E73845; } .atmc-headline-02-success:before { background: #3DCC79; } .atmc-headline-02-warning:before { background: #FFBE4F; } .atmc-headline-02-gray:before { background: #8D8D94; } .atmc-headline-02-lightgray:before { background: #dfdbd2; } .atmc-headline-02-light:before { background: #fafafa; } .atmc-headline-02-white:before { background: ; } .atmc-headline-02-dark:before { background: #4A5278; } .atmc-headline-02.text-right:before { left: calc(100% + .5rem); right: auto; } */ /* Headline 03 */ .atmc-headline-03 { position: relative; padding-bottom: 1rem; } .atmc-headline-03:after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 80px; height: 6px; background-color: #539DA6; margin: 0; } .atmc-headline-03-primary:after { background-color: #539DA6; } .atmc-headline-03-secondary:after { background-color: #9BBFBF; } .atmc-headline-03-base:after { background-color: #2E5559; } .atmc-headline-03-danger:after { background-color: #E73845; } .atmc-headline-03-warning:after { background-color: #FFBE4F; } .atmc-headline-03-success:after { background-color: #3DCC79; } .atmc-headline-03-gray:after { background-color: #8D8D94; } .atmc-headline-03-lightgray:after { background-color: #dfdbd2; } .atmc-headline-03-light:after { background-color: #fafafa; } .atmc-headline-03-white:after { background-color: ; } .atmc-headline-03-dark:after { background-color: #4A5278; } .atmc-headline-03.text-center:after { left: 0; right: 0; margin: auto; } .atmc-headline-03.text-right:after { left: auto; right: 0; margin: 0; } /* Headline 04 */ /* .atmc-headline-04 strong { background: linear-gradient(transparent calc(100% - .1em), #539DA6 .4em); } .atmc-headline-04-primary strong { background: linear-gradient(transparent calc(100% - .1em),#539DA6 .4em); } .atmc-headline-04-secondary strong { background: linear-gradient(transparent calc(100% - .1em),#9BBFBF .4em); } .atmc-headline-04-base strong { background: linear-gradient(transparent calc(100% - .1em),#2E5559 .4em); } .atmc-headline-04-danger strong { background: linear-gradient(transparent calc(100% - .1em),#E73845 .4em); } .atmc-headline-04-warning strong { background: linear-gradient(transparent calc(100% - .1em),#FFBE4F .4em); } .atmc-headline-04-success strong { background: linear-gradient(transparent calc(100% - .1em),#3DCC79 .4em); } .atmc-headline-04-gray strong { background: linear-gradient(transparent calc(100% - .1em),#8D8D94 .4em); } .atmc-headline-04-lightgray strong { background: linear-gradient(transparent calc(100% - .1em),#dfdbd2 .4em); } .atmc-headline-04-light strong { background: linear-gradient(transparent calc(100% - .1em),#fafafa .4em); } .atmc-headline-04-white strong { background: linear-gradient(transparent calc(100% - .1em), .4em); } .atmc-headline-04-dark strong { background: linear-gradient(transparent calc(100% - .1em),#4A5278 .4em); } .atmc-headline-05 { padding-left: .75rem; border-left: .75rem solid #539DA6; } .atmc-headline-05.text-right { padding-right: .75rem; border-left: 0; padding-left: 0; border-right: .75rem solid #539DA6; } .atmc-headline-05-primary { border-color: #539DA6; } .atmc-headline-05-secondary { border-color: #9BBFBF; } .atmc-headline-05-base: { border-color: #2E5559; } .atmc-headline-05-danger { border-color: #E73845; } .atmc-headline-05-warning { border-color: #FFBE4F; } .atmc-headline-05-success { border-color: #3DCC79; } .atmc-headline-05-gray { border-color: #8D8D94; } .atmc-headline-05-lightgray { border-color: #dfdbd2; } .atmc-headline-05-light { border-color: #fafafa; } .atmc-headline-05-white { border-color: ; } .atmc-headline-05-dark { border-color: #4A5278; } */ */ /* Horizontal Rules */ hr { color: #ccc; background-color: #ccc; height: 1px; border: none; } /* TODO */ small { } /* TODO */ mark { } sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } :focus { outline: none; } .disable-focus-styles :focus { outline: none; } /* Quotes */ .atmc-quote-01 { position: relative; } .atmc-quote-01:before { content: "\f10d"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; position: absolute; font-size: 5rem; color: inherit; opacity: .2; z-index: inherit; top: -3rem; left: -3rem; } .atmc-quote-01 > div { position: relative; } .atmc-quote-02 { position: relative; } .atmc-quote-02:before { content: "\f10d"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; position: absolute; font-size: 5rem; color: inherit; opacity: .2; z-index: inherit; top: -3rem; left: -3rem; } .atmc-quote-02:after { content: "\f10e"; font-family: "Font Awesome 5 Free" !important; font-weight: 900; position: absolute; font-size: 5rem; color: inherit; opacity: .2; z-index: inherit; bottom: -3rem; right: -1rem; } .atmc-quote-01 > div { position: relative; } .h1-homepage { font-family: Lato; font-style: normal; font-weight: bold !important; font-size: 100px !important; line-height: 120px !important; color: #539DA6 !important; } .content-intro h1, .content-intro h2 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: #2E5559; } .content-intro p { padding: 0 15px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 1.5 !important; max-width: 1130px; margin-left: auto; margin-right: auto; /* identical to box height */ text-align: center; color: #539DA6; } h2.atmc-hero-06_heading, .h1-subpage { font-family: Lato; font-style: normal; font-weight: normal; font-size: 72px; line-height: 86px; color: #539DA6 } .h1-subpage-blog { font-family: Lato; font-style: normal; font-weight: normal; font-size: 48px; line-height: 58px; } .h1-small { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; letter-spacing: 0.12em; text-transform: capitalize; color: #2E5559 } .hero-small-text { font-weight: normal; font-size: 18px; line-height: 22px; letter-spacing: 0.12em; color: #2E5559; } h2 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 66px; } h2.cta { font-style: normal; font-weight: bold; font-size: 48px; line-height: 54px; } h3 { font-family: Lato; font-style: normal; font-weight: bold; font-size: 26px; line-height: 39px; line-height: 1.25; margin-bottom: .5rem } h3.featured-post { font-family: Lato; font-style: normal; font-weight: bold; font-size: 38px; line-height: 57px; } h3.tabs { font-family: Lato; font-style: normal; font-weight: normal; font-size: 32px; line-height: 48px; } h4 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 36px; } h5 { font-family: Lato; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; } h5.blog { font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; } h6 { font-family: Lato; font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; text-align: center; } p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; } .bg-blue { background: #2E5559 } .bg-light_blue { background: #539DA6 } .bg-grey_blue { background: #9BBFBF } .bg-red { background: #E73845 } .bg-gray { background: #8D8D94 } .color-blue { color: #2E5559 } .color-light_blue { color: #539DA6 } .color-grey_blue { color: #9BBFBF } .color-red { color: #E73845 } .color-gray { color: #8D8D94 } .color-white { color: #fff } p:empty { display: none; } .atmc-color-base, .atmc-color-base *:not(.atmc-btn) { color: #2E5559; } .atmc-color-primary, .atmc-color-primary *:not(.atmc-btn) { color: #539DA6; } .atmc-color-secondary, .atmc-color-secondary *:not(.atmc-btn) { color: #9BBFBF; } .atmc-color-warning, .atmc-color-warning *:not(.atmc-btn) { color: #FFBE4F; } .atmc-color-danger, .atmc-color-danger *:not(.atmc-btn) { color: #E73845; } .atmc-color-success, .atmc-color-success *:not(.atmc-btn) { color: #3DCC79; } .atmc-color-gray, .atmc-color-gray *:not(.atmc-btn) { color: #8D8D94; } .atmc-color-lightgray, .atmc-color-lightgray *:not(.atmc-btn) { color: #dfdbd2; } .atmc-color-light, .atmc-color-light *:not(.atmc-btn) { color: #fafafa; } .atmc-color-dark, .atmc-color-dark *:not(.atmc-btn) { color: #4A5278; } .atmc-color-white, .atmc-color-white *:not(.atmc-btn) { color: #fff; } .atmc-color-primary200 { color: #e9ffff; } .atmc-color-primary300 { color: #b7ffff; } .atmc-color-primary400 { color: #85cfd8; } .atmc-color-primary500 { color: #539DA6; } .atmc-color-primary600 { color: #216b74; } .atmc-color-primary700 { color: #003942; } .atmc-color-primary800 { color: #000710; } .atmc-color-primary900 { color: #000000; } .atmc-color-secondary200 { color: #ffffff; } .atmc-color-secondary300 { color: #ffffff; } .atmc-color-secondary400 { color: #cdf1f1; } .atmc-color-secondary500 { color: #9BBFBF; } .atmc-color-secondary600 { color: #698d8d; } .atmc-color-secondary700 { color: #375b5b; } .atmc-color-secondary800 { color: #052929; } .atmc-color-secondary900 { color: #000000; } .atmc-color-gray200 { color: #ffffff; } .atmc-color-gray300 { color: #f1f1f8; } .atmc-color-gray400 { color: #bfbfc6; } .atmc-color-gray500 { color: #8D8D94; } .atmc-color-gray600 { color: #5b5b62; } .atmc-color-gray700 { color: #292930; } .atmc-color-gray800 { color: #000000; } .atmc-color-gray900 { color: #000000; } /* Icon Fill Colors */ .atmc-icon-base svg { fill: #2E5559; } .atmc-icon-primary svg { fill: #539DA6; } .atmc-icon-secondary svg { fill: #9BBFBF; } .atmc-icon-danger svg { fill: #E73845; } .atmc-icon-warning svg { fill: #FFBE4F; } .atmc-icon-success svg { fill: #3DCC79; } .atmc-icon-gray svg { fill: #8D8D94; } .atmc-icon-lightgray svg { fill: #dfdbd2; } .atmc-icon-light svg { fill: #fafafa; } .atmc-icon-dark svg { fill: #4A5278; } .atmc-icon-white svg { fill: #fff; } .atmc-bg-primary200 { background-color: #e9ffff; } .atmc-bg-primary300 { background-color: #b7ffff; } .atmc-bg-primary400 { background-color: #85cfd8; } .atmc-bg-primary500 { background-color: #539DA6; } .atmc-bg-primary600 { background-color: #216b74; } .atmc-bg-primary700 { background-color: #003942; } .atmc-bg-primary800 { background-color: #000710; } .atmc-bg-primary900 { background-color: #000000; } .atmc-bg-secondary200 { background-color: #ffffff; } .atmc-bg-secondary300 { background-color: #ffffff; } .atmc-bg-secondary400 { background-color: #cdf1f1; } .atmc-bg-secondary500 { background-color: #9BBFBF; } .atmc-bg-secondary600 { background-color: #698d8d; } .atmc-bg-secondary700 { background-color: #375b5b; } .atmc-bg-secondary800 { background-color: #052929; } .atmc-bg-secondary900 { background-color: #000000; } .atmc-bg-gray200 { background-color: #ffffff; } .atmc-bg-gray300 { background-color: #f1f1f8; } .atmc-bg-gray400 { background-color: #bfbfc6; } .atmc-bg-gray500 { background-color: #8D8D94; } .atmc-bg-gray600 { background-color: #5b5b62; } .atmc-bg-gray700 { background-color: #292930; } .atmc-bg-gray800 { background-color: #000000; } .atmc-bg-gray900 { background-color: #000000; } /* Background Gradients */ .bg-gradient { background: linear-gradient(210.53deg, #4A5278 0%, #539DA6 100%), #539DA6; } /* Background Patterns */ .atmc-bg-pattern { background-image: url(https://5712527.fs1.hubspotusercontent-na1.net/hubfs/5712527/Atomic/pattern.png); background-repeat: repeat; } /* Hero */ .atmc-hero { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 6rem 0; } /* ----------- Decoration ---------- */ .atmc-decoration-01 { position: relative; } .atmc-decoration-01 > * { position: relative; } .atmc-decoration-01:before { content: ""; width: 100%; height: 100%; background-color: #539DA6; background-image: url(https://5712527.fs1.hubspotusercontent-na1.net/hubfs/5712527/Atomic/pattern.png); background-repeat: repeat; position: absolute; bottom: -2em; left: -2em; opacity: 1; } .dnd-section { padding: 2.9166666666666665rem 20px; position: relative; } @media (min-width: 768px) { .dnd-section { padding: 4.375rem 20px; } } @media (min-width:992px) { .dnd-section { padding: 6.3rem 60px; } } @media (min-width: 1440px) { .dnd-section { padding: 6.3rem 60px; } } @media (min-width: 1680px) { .dnd-section { padding: 8.75rem 60px; } } .dnd-section > .row-fluid { max-width: 1400px; margin-left: auto; margin-right: auto; } .dnd-section .dnd-row + .dnd-row { margin-top: 1.5rem; } .dnd-section .widget-type-cell { padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .dnd-section .widget-type-cell { padding-left: 0px; padding-right: 0px; } .dnd-section .dnd-row + .dnd-row, .dnd-section .dnd-module + .dnd-module, .dnd-section .dnd-column + .dnd-column, .dnd-section .dnd-column + .dnd-module, .dnd-section .dnd-module + .dnd-column { margin-top: 1.5rem; } } /* form_header_background form_header_text_color form_background_color form_border_color form_label_color form_field_background_color form_field_border_color form_field_focus_border_color form_button_text_color form_button_background_color */ .widget-type-form .form-title { background: #4A5278; padding: 2rem; border-radius: 4px; margin-bottom: 0; color: #2E5559; } .widget-type-form form { padding: 2rem; background: #fff; border: 1px solid #2E5559; } .hs-form label { font-size: .75rem; display: block; float: none; width: auto; text-align: left; padding-top: 0; margin-bottom: .625rem; font-family: Lato; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #2E5559; } .hs-error-msgs label { margin-top: .5rem; color: #E73845; } input:not([type=checkbox]):not([type=radio]):not([type=submit]), .hs-input, .hs-search-field__input { -webkit-appearance: none; display: inline-block; width: 100%!important; height: auto!important; padding: 8px 8px 8px 20px; color: #2E5559; background-color: #fafafa; border: 1px solid #2E5559; box-sizing: border-box; border-radius: 0px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px; } input[type=checkbox], input[type=radio] { -webkit-appearance: none; cursor: pointer; width: 1rem!important; height: 1rem!important; padding: 0!important; margin: 3px 5px 3px 0px; line-height: normal; border: none; background-color: #fafafa; border-radius: 4px; border: 1px solid #8D8D94; outline: none; } input[type=radio] { border-radius: 50%; } input[type=checkbox]:checked, input[type=radio]:checked { background-color: #539DA6!important; } .hs-input[type=file] { background-color: #fff; padding: initial; border: initial; line-height: initial; box-shadow: none; } .hs-input:-moz-placeholder { color: ; } .hs-input::-webkit-input-placeholder { color: ; } .hs-input input, .hs-input textarea { transition: border 0.2s linear; } .hs-form select option { color: #2E5559!important; } input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .hs-input:focus, .hs-search-field__input:focus { outline: none; border-color: #9BBFBF; } textarea.hs-input { height: auto; } select[multiple].hs-input { height: inherit; } input[type="submit"] { background: #E73845!important; color: #fff!important; border: none!important; } fieldset { max-width: none!important; } /* Force single column fields to full width inside of fieldsets */ fieldset.form-columns-1 .hs-input:not([type=radio]):not([type=checkbox]) { width: 100% !important; } input.hs-input.error, div.field.error input, div.field.error textarea, div.field.error .chzn-choices, textarea.hs-input.error, select.hs-input.error { border-color: #E73845; } input.hs-input.error:focus, div.field.error input:focus, div.field.error textarea:focus, div.field.error .chzn-choices:focus, textarea.hs-input.error:focus, select.hs-input.error:focus { border-color: #E73845; } .actions { padding: 0; } .actions input { font-family: Lato; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; padding: 17px 34px; } .inputs-list { margin: 0 0 5px; width: 100%; padding-left: 0; } .inputs-list > li { display: block; padding: 0; width: 100%; padding-top: 0; } .inputs-list label { display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; font-weight: normal; } .inputs-list:first-child { padding-top: 6px; } .inputs-list > li + li { padding-top: 2px; } .inputs-list label > input, .inputs-list label > span { vertical-align: middle; } ul.no-list { list-style: none; } .field { margin-bottom: 1.25rem; } .hs-field-desc { color: #8D8D94; margin: 0px 0px 6px; font-size: 14px; } .hs-form-required { color: #E73845; } .hs-richtext { margin-bottom: 3px; line-height: 1.2; font-size: ; color: ; } .hs-richtext hr { text-align: left; margin-left: 0; width: 91%; } .grecaptcha-badge { margin: 0 auto; } .email-correction, .email-validation { padding-top: 3px; font-size: 12px; } .email-correction a, .email-validation a { cursor: pointer; } @media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) { .email-correction form .form-columns-2 .hs-form-field, .email-correction form .form-columns-3 .hs-form-field, .email-validation form .form-columns-2 .hs-form-field, .email-validation form .form-columns-3 .hs-form-field { float: none; width: 100%; } .email-correction form .form-columns-2 .hs-form-field .hs-input, .email-correction form .form-columns-3 .hs-form-field .hs-input, .email-validation form .form-columns-2 .hs-form-field .hs-input, .email-validation form .form-columns-3 .hs-form-field .hs-input { width: 90%; } .email-correction form .form-columns-2 .hs-form-field input[type=checkbox], .email-correction form .form-columns-2 .hs-form-field input[type=radio], .email-correction form .form-columns-3 .hs-form-field input[type=checkbox], .email-correction form .form-columns-3 .hs-form-field input[type=radio], .email-validation form .form-columns-2 .hs-form-field input[type=checkbox], .email-validation form .form-columns-2 .hs-form-field input[type=radio], .email-validation form .form-columns-3 .hs-form-field input[type=checkbox], .email-validation form .form-columns-3 .hs-form-field input[type=radio] { width: 24px; } } .hs-button, .hs-form-field input[type=text], .hs-form-field input[type=email], .hs-form-field input[type=phone], .hs-form-field input[type=number], .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field textarea { -webkit-appearance: none; -moz-appearance: none; } .hs-default-font-element, .hs-main-font-element { } .hubspot-link__container { display: none; } .grecaptcha-badge { margin: 0; } /* GDPR */ .legal-consent-container label { font-size: initial; } .legal-consent-container .hs-form-booleancheckbox-display { display: flex; align-items: center; justify-content: flex-start; } .legal-consent-container .hs-form-booleancheckbox-display > span { margin-left: 0.25rem!important; } /* Form No Labels */ .form-no-labels form.hs-form .hs-fieldtype-text > label, .form-no-labels form.hs-form .hs-fieldtype-textarea > label, .form-no-labels form.hs-form .hs-fieldtype-selec > label { display: none!important; } /* Fullwidth Button */ .atmc-form-btn-fullwidth form .hs_submit input { width: 100%; } /* ========================================================================== Multi column ========================================================================== */ form.hs-form fieldset { margin-left: -.5rem; margin-right: -.5rem; } form.hs-form fieldset .field { padding-left: .5rem; padding-right: .5rem; } form.hs-form fieldset .input { margin-right: 0!important; } /* Columns */ form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.333333%; } /* ========================================================================== White Form ========================================================================== */ .atmc-form-white .hs-form label { color: #fff; } .atmc-form-white .hs-form .hs-richtext, .atmc-form-white .hs-form .hs-richtext * { color: #fff; } .atmc-form-white .hs-error-msgs label { color: #FFBE4F; } .atmc-form-white .hs-input, .atmc-form-white .hs-search-field__input { box-sizing: border-box; border-radius: 0!important; background-color: rgba(255, 255, 255, 0.1)!important; border: 0!important; border-bottom: 2px solid #fff!important; color: #fff!important; } .atmc-form-white .hs-form input[type="submit"] { background: #539DA6!important; color: #fff!important; } /* Buttons */ .atmc-btn, .hs-button { display: inline-block; text-align: center; text-decoration: none!important; font-weight: bold; font-size: 1rem; padding: .75rem 1rem; letter-spacing: 0.05px; line-height: 1; white-space: initial; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border-radius: 4px; border: 2px solid; user-select: none; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .atmc-btn:hover, .hs-button:hover { transform: translateY(-3px); -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); } @media (min-width: 768px) { .hs_cos_wrapper_type_cta + .hs_cos_wrapper_type_cta { margin-left: .75rem; } } /* ------------- Button Sizes -------------- */ .atmc-btn-s { font-size: .875rem; padding: .5rem .625rem; } .atmc-btn-m { font-size: 1rem; padding: .75rem 1rem; } .atmc-btn-l { font-size: 1.25rem; padding: .9375rem 1.875rem; } /* ------------- Button Styles -------------- */ /* Button Primary */ .atmc-btn-primary, .hs-button { color: #fff!important; background: #539DA6!important; border-color: #539DA6; } .atmc-btn-primary:hover, .hs-button:hover { background: #539DA6!important; border-color: #539DA6; } /* Button Outline Primary */ .atmc-btn-outline-primary { color: #539DA6!important; background: none!important; border-color: #539DA6; } .atmc-btn-outline-primary:hover { color: #fff!important; background: #539DA6!important; } .atmc-btn-outline-primary.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #fff; } .atmc-btn-outline-primary.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #fff; } /* Button Secondary */ .atmc-btn-secondary { color: #fff!important; background: #9BBFBF!important; border-color: #9BBFBF; } .atmc-btn-secondary:hover { background: #539DA6!important; border-color: #539DA6; } /* Button Outline Secondary */ .atmc-btn-outline-secondary { color: #9BBFBF!important; background: none!important; border-color: #9BBFBF; } .atmc-btn-outline-secondary:hover { color: #fff!important; background: #9BBFBF!important; } .atmc-btn-outline-secondary.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #fff; } .atmc-btn-outline-secondary.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #fff; } /* Button White */ .atmc-btn-white { color: #539DA6!important; background: #fff!important; border-color: #fff; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .atmc-btn-white:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline White */ .atmc-btn-outline-white { color: #fff!important; background: none!important; border-color: #fff; } .atmc-btn-outline-white:hover { color: #2E5559!important; background: #fff!important; } .atmc-btn-outline-white.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #2E5559; } .atmc-btn-outline-white.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #2E5559; } /* Button White */ .atmc-btn-dark { color: #fff!important; background: #4A5278!important; border-color: #4A5278; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } .atmc-btn-dark:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline White */ .atmc-btn-outline-dark { color: #4A5278!important; background: none!important; border-color: #4A5278; } .atmc-btn-outline-dark:hover { color: #fff!important; background: #4A5278!important; } .atmc-btn-outline-dark.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #fff; } .atmc-btn-outline-dark.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #fff; } /* Button Base */ .atmc-btn-base { color: #fff!important; background: #2E5559!important; border-color: #2E5559; } .atmc-btn-base:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline Base */ .atmc-btn-outline-base { color: #2E5559!important; background: none!important; border-color: #2E5559; } .atmc-btn-outline-base:hover { color: #fff!important; background: #2E5559!important; } .atmc-btn-outline-base.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #fff; } .atmc-btn-outline-base.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #fff; } /* Button Danger */ .atmc-btn-danger { color: #fff!important; background: #E73845!important; border-color: #E73845; } .atmc-btn-danger:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline Base */ .atmc-btn-outline-danger { color: #E73845!important; background: none!important; border-color: #E73845; } .atmc-btn-outline-danger:hover { color: #fff!important; background: #E73845!important; } .atmc-btn-outline-danger.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #fff; } .atmc-btn-outline-danger.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #fff; } /* Button Warning */ .atmc-btn-warning { color: #fff!important; background: #FFBE4F!important; border-color: #FFBE4F; } .atmc-btn-warning:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline Warning */ .atmc-btn-outline-warning { color: #FFBE4F!important; background: none!important; border-color: #FFBE4F; } .atmc-btn-outline-warning:hover { color: #fff!important; background: #FFBE4F!important; } .atmc-btn-outline-warning.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #fff; } .atmc-btn-outline-warning.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #fff; } /* Button Success */ .atmc-btn-success { color: #fff!important; background: #3DCC79!important; border-color: #3DCC79; } .atmc-btn-success:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline Success */ .atmc-btn-outline-success { color: #3DCC79!important; background: none!important; border-color: #3DCC79; } .atmc-btn-outline-success:hover { color: #fff!important; background: #3DCC79!important; } .atmc-btn-outline-success.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #fff; } .atmc-btn-outline-success.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #fff; } /* Button Gray */ .atmc-btn-gray { color: #fff!important; background: #8D8D94!important; border-color: #8D8D94; } .atmc-btn-gray:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline Gray */ .atmc-btn-outline-gray { color: #8D8D94!important; background: none!important; border-color: #8D8D94; } .atmc-btn-outline-gray:hover { color: #fff!important; background: #8D8D94!important; } .atmc-btn-outline-gray.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #fff; } .atmc-btn-outline-gray.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #fff; } /* Button Light Gray */ .atmc-btn-lightgray { color: #2E5559!important; background: #dfdbd2!important; border-color: #dfdbd2; } .atmc-btn-lightgray:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline Light Gray */ .atmc-btn-outline-lightgray { color: #dfdbd2!important; background: none!important; border-color: #dfdbd2; } .atmc-btn-outline-lightgray:hover { color: #2E5559!important; background: #dfdbd2!important; } .atmc-btn-outline-lightgray.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #2E5559; } .atmc-btn-outline-lightgray.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #2E5559; } /* Button Light */ .atmc-btn-light { color: #2E5559!important; background: #fafafa!important; border-color: #fafafa; } .atmc-btn-light:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); } /* Button Outline Light */ .atmc-btn-outline-light { color: #fafafa!important; background: none!important; border-color: #fafafa; } .atmc-btn-outline-light:hover { color: #2E5559!important; background: #fafafa!important; } .atmc-btn-outline-light.atmc-btn-icon:hover .atmc-btn-icon_icon { border-color: #2E5559; } .atmc-btn-outline-light.atmc-btn-icon:hover .atmc-btn-icon_icon svg { fill: #2E5559; } /* ---- * Button Icon * ---------------- */ .atmc-btn.atmc-btn-icon { position: relative; } .atmc-btn.atmc-btn-icon .atmc-btn-icon_icon { position: absolute; right: 0; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; } /* Position */ .atmc-btn-icon_front .atmc-btn-icon_icon { right: auto; left: 0; } /* Width */ .atmc-btn.atmc-btn-icon .atmc-btn-icon_icon { width: 3rem; } .atmc-btn.atmc-btn-icon.atmc-btn-s .atmc-btn-icon_icon { width: 2.5rem; } .atmc-btn.atmc-btn-icon.atmc-btn-l .atmc-btn-icon_icon { width: 4rem; } /* Padding */ .atmc-btn.atmc-btn-icon_front { padding-left: 4rem; } .atmc-btn.atmc-btn-icon_back { padding-right: 4rem; } .atmc-btn-l.atmc-btn-icon_front { padding-left: 5.875rem; } .atmc-btn-l.atmc-btn-icon_back { padding-right: 5.875rem; } .atmc-btn-s.atmc-btn-icon_front { padding-left: 3.1125rem; } .atmc-btn-s.atmc-btn-icon_back { padding-right: 3.1125rem; } .atmc-btn.atmc-btn-icon .atmc-btn-icon_icon svg { height: 1.5rem; } .atmc-btn.atmc-btn-s.atmc-btn-icon { padding-top: 0.75rem; padding-bottom: 0.75rem; } .atmc-btn.atmc-btn-s.atmc-btn-icon svg { height: 1rem; } .atmc-btn.atmc-btn-l.atmc-btn-icon { padding-top: 1.25rem; padding-bottom: 1.25rem; } .atmc-btn.atmc-btn-l.atmc-btn-icon svg { height: 2rem; } .btn-red, .btn-danger { border-radius: 7px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 16px !important; line-height: 19px !important; color: #fff !important; background-color: #E73845; padding: 12px 33px !important; border: 1px solid #E73845 !important; vertical-align: unset !important; } .btn-red-outline, .btn-danger-outline { border-radius: 7px !important; font-family: Lato !important; font-style: normal; font-weight: normal !important; font-size: 16px !important; line-height: 19px !important; color: #E73845 !important; border: 1px solid #E73845 !important; padding: 12px 33px !important; background-color : transparent !important; vertical-align: unset !important; } .btn-red-outline-white, .btn-danger-outline-white { border-radius: 7px !important; font-family: Lato !important; font-style: normal; font-weight: normal !important; font-size: 16px !important; line-height: 19px !important; color: #E73845 !important; border: 1px solid #E73845 !important; padding: 12px 33px !important; background-color : #fff !important; vertical-align: unset !important; } .download-link { font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; color: #2E5559; } .hs-menu-wrapper ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .hs-menu-item a { display: block; padding: 0.5rem 1rem; text-decoration: none; } .hs-menu-item:hover > a, .hs-menu-item:focus > a { text-decoration: none; color: rgba(0, 0, 0, 0.7); } .hs-menu-item.active a { color: rgba(0, 0, 0, 0.9); } .atmc-inline-menu { } .atmc-inline-menu .hs-menu-item a { padding: 0; color: inherit; } .atmc-inline-menu .hs-menu-item a:hover { color: #539DA6; } .atmc-inline-menu .hs-menu-item + .hs-menu-item { margin-left: 1rem; } table { margin-bottom: 1rem; border: 1px solid #dee2e6; } th, td { padding: 0.75rem; vertical-align: top; border: 1px solid #dee2e6; } thead th, thead td { color: #fff; background-color: #343a40; border-color: #454d55; border-bottom-width: 2px; } thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } tbody + tbody { border-top: 2px solid #dee2e6; } /* Shadows */ .atmc-shadow { box-shadow: 0px 30px 2.2rem rgba(0,0,0, .09); box-shadow: 0px 20px 20px rgba(0,0,0,.15) } .atmc-hover-shadow:hover { transition: all ease-in-out 200ms; box-shadow: 0px 30px 2.2rem rgba(0,0,0, .09); } /* Radius */ .atmc-border-radius { border-radius: 4px; overflow: hidden; } .atmc-alert-base { background: #2E5559; color: #fff; padding: 1rem; } .atmc-alert-primary { background: #539DA6; color: #fff; padding: 1rem; } .atmc-alert-secondary { background: #9BBFBF; color: #fff; padding: 1rem; } .atmc-alert-danger { background: #E73845; color: #fff; padding: 1rem; } .atmc-alert-warning { background: #FFBE4F; color: #fff; padding: 1rem; } .atmc-alert-success { background: #3DCC79; color: #fff; padding: 1rem; } .atmc-alert-light { background: #fafafa; color: #2E5559; padding: 1rem; } .atmc-alert-lightgray { background: #dfdbd2; color: #2E5559; padding: 1rem; } .atmc-alert-gray { background: #8D8D94; color: #fff; padding: 1rem; } .atmc-alert-dark { background: #4A5278; color: #fff; padding: 1rem; } .atmc-alert-white { background: #fff; color: #2E5559; padding: 1rem; } .stretched-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; } /* ----------------- Full Height ----------------- */ @media (min-width:768px) { .atmc-full-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } } /* ----------------- Cards ----------------- */ .atmc-card { border-radius: 4px; box-shadow: 0px 20px 20px rgba(0,0,0,.15); background-color: #fff; padding: 3rem; margin: .75rem 0; } .atmc-card_header { margin: -3rem -3rem 3rem; padding: 3rem; border-bottom: 1px solid #dfdbd2; border-top-left-radius: 4px; border-top-right-radius: 4px; } .atmc-card_footer { margin: 3rem -3rem -3rem; padding: 3rem; background-color: #fafafa; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } @media (min-width: 768px) { .atmc-card { margin: 0; } } /* ----------------- Video Background ----------------- */ .atmc-video-parent { z-index: 2; } .atmc-video-parent > .row-fluid { position: relative; z-index: 5; } .atmc-hero-video { z-index: 1!important; } .atmc-section-video { z-index: 0!important; } .atmc-section-video video { z-index: inherit!important; min-width: 100%; } /* Video background with overlay */ .atmc-overlay-parent .atmc-section-video { z-index: -3!important; } /* Safari media query */ _::-webkit-full-page-media, _:future, :root .atmc-section-video video { opacity: 1!important; visibility: visible!important; } /* ----------------- Images + Iframes ---------------- */ img { height: auto; } .atmc-ratio-1-1:before { content: ""; display: block; padding-bottom: 100%; position: relative; } .atmc-ratio-3-2:before { content: ""; display: block; padding-bottom: 67.67%; position: relative; } .atmc-ratio-4-3:before { content: ""; display: block; padding-bottom: 75%; position: relative; } .atmc-ratio-16-9:before { content: ""; display: block; padding-bottom: 62.5%; position: relative; } .atmc-ratio-19-10:before { content: ""; display: block; padding-bottom: 56.25%; position: relative; } /* ----------------- Magnific Popup ---------------- */ /** * Fade-zoom animation for first dialog */ .white-popup { position: relative; background: #FFF; width: auto; max-width: 800px; margin: 1.5rem auto; } /* start state */ .my-mfp-zoom-in .atmc-popup-wrapper { opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .atmc-popup-wrapper { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .atmc-popup-wrapper { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* Overwrite */ .mfp-close-btn-in .mfp-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: var(--primary); width: 44px!important; padding: 0!important; opacity: 1; color: #fff!important; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; } .mfp-image-holder .mfp-close { top: 40px!important; right: 0!important; } .mfp-close-btn-in .mfp-close:hover { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); } .atmc-popup-shadow { box-shadow: 2px 10px 60px rgba(0, 0, 0, 0.35); } .mfp-bg { background-color: #fff!important; opacity: 0.5!important; } body.magnific-popup-open .body-container-wrapper { filter: blur(2px); -webkit-filter: blur(2px); } /* ----------------- Scroll to ----------------- */ .atmc-scroll-to { position: absolute; bottom: 2rem; left: 0; right: 0; width: 20px; height: 35px; margin: auto; text-align: center; border: 2px solid #4A5278; border-radius: 30px; cursor: pointer; opacity: 0.8; z-index: 5; transition: 0.2s ease; } .atmc-scroll-to:hover { opacity: 1; transform: scale(1.02); } .atmc-scroll-to:before { content: ""; position: absolute; left: 0; right: 0; top: 7px; width: 4px; height: 4px; background-color: #4A5278; border-radius: 100%; margin: auto; animation: atmcScrollToAnimation 2s infinite; } .atmc-scroll-to:after { content: ""; position: absolute; left: 0; right: 0; top: -17px; margin: auto; width: 2px; height: 12px; opacity: .5; background-color: #4A5278; } /* White */ .atmc-scroll-to-white { border: 2px solid #fff; } .atmc-scroll-to-white:before { background-color: #fff; } .atmc-scroll-to-white:after { background-color: #fff; } /* Animation */ @keyframes atmcScrollToAnimation { 0% { top: 7px; } 50% { top: 20px; } 100% { top: 7px; } } /* ----------------- Decorations ----------------- */ .atmc-decoration-01-left { position: relative; } .atmc-decoration-01-left:before { content: ""; width: 50vw; position: absolute; background: #539DA6; opacity: .4; height: 100%; right: 50%; left: auto; top: 0; margin: auto; } .atmc-decoration-01-left > * { position: relative; } .atmc-decoration-01-right { position: relative; } .atmc-decoration-01-right:before { content: ""; width: calc(50vw - 50%); position: absolute; background: #539DA6; opacity: .4; height: 100%; left: 50%; right: auto; top: 0; z-index: 0; } .atmc-decoration-01-right > * { position: relative; } /* ----------------- Social Icons ---------------- */ /* * Social Sizes */ .atmc-social-links-01 { margin: -.5rem; } .atmc-social { height: 2.5rem; width: 2.5rem; margin: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-social svg { height: 1rem; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } /* @media (min-width: 768px) { .ds\:flex-col .atmc-social-01-wrapper + .atmc-social-01-wrapper { margin-top: 1rem; margin-left: 0; } } */ /* * Social Colors */ .atmc-social-facebook svg { fill: #3b5998!important; } .atmc-social-twitter svg { fill: #00acee!important; } .atmc-social-linkedin svg { fill: #0e76a8!important; } .atmc-social-pinterest svg { fill: #c8232c!important; } /* * Social Styles */ /* Social 01 */ .atmc-social-01 { background: none!important; width: auto; height: auto; } /* Social Icons 02 */ .atmc-social-02 { border-radius: 4px; box-shadow: 0px 20px 20px rgba(0,0,0, .15); } /* Social Icons 03 */ .atmc-social-03 { border-radius: 100%; box-shadow: 0px 20px 20px rgba(0,0,0, .15); } /* ----------------- Language Switcher ----------------- */ .atmc-header_language-switcher-label-current { display: none; } /* ----------------- Animation on Mobile ----------------- */ @media (max-width:767px) { .sr-invisible { visibility: visible!important; opacity: 1!important; transform: initial!important; } } /* ----------------- Slick Styling ----------------- */ .atmc-slick, .atmc-slider { opacity: 0; transition: opacity 200ms ease; } .atmc-slider { margin: 0 -.75rem; } .atmc-slider .slick-slide { padding: 0 .75rem; } .atmc-slider:not([data-slider-item]) { margin: 0; } .atmc-slider:not([data-slider-item]) .slick-slide { padding: 0; } .slick-slide { outline: none!important; } .atmc-slider-white { } .atmc-slider-center .slick-track { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 3rem!important; } .slick-slider .slick-dots { bottom: -3rem; } .slick-slider .slick-dots button:before { display: none; } .slick-slider .slick-dots li { width: 10px; height: 10px; margin: 0 5px; padding: 0; } .slick-slider .slick-dots li button { width: 10px; height: 10px; border-radius: 100%; background-color: #fff; transform: rotateZ(45deg) scale(0.9); -webkit-transform: rotateZ(45deg) scale(0.9); opacity: 1; transition: 0.3s ease; background: #2E5559; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06); opacity: .7; } .slick-slider .slick-dots li.slick-active button { opacity: 1; transform: rotateZ(45deg) scale(1.15); -webkit-transform: rotateZ(45deg) scale(1.15); position: relative; } .slick-slider .slick-dots li.slick-active button::after { content: ""; width: 30%; height: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; display: block; border-radius: 50%; background: #fff; } .text-white .slick-dots li button { background-color: #fff; } .text-white .slick-dots li.slick-active button::after { background: #539DA6; } /* Arrows .atmc-slider-arrow-inside */ .slick-next, .slick-prev { width: auto!important; height: auto!important; } .slick-slider .slick-arrow:before { font-family: "Font Awesome 5 Free"!important; font-weight: 900; font-size: 2rem; background: #539DA6; color: #fff; width: 3rem; height: 3rem; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06); box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06); opacity: 1; } .slick-slider .slick-arrow:hover:before { background: #539DA6; color: #fff; } .slick-slider .slick-arrow.slick-prev { right: calc(100% - 5px); left: auto; z-index: 1; } .slick-slider .slick-arrow.slick-next { left: calc(100% - 5px); right: auto; } .slick-slider .slick-arrow.slick-prev:before { content: '\f104'!important; } .slick-slider .slick-arrow.slick-next:before { content: '\f105'!important; } @media (max-width: 767px) { .slick-next, .slick-prev { display: none } } @media (min-width:1440px) { .slick-slider .slick-arrow.slick-prev { right: calc(100%); } .slick-slider .slick-arrow.slick-next { left: calc(100%); } } .slick-slider .slick-arrow.slick-prev:before { border-radius: 0px !important; } @media (min-width: 1440px){ .slick-slider .slick-arrow.slick-next { left: calc(103%); } } @media (max-width: 600px){ .blog-pagination { flex-direction: column; align-items: center; } } .no-results { width: 100%; text-align: center; } .no-results h2,.no-results a {color: #2E5559} .no-results p {color: #539DA6} .atmc-grid-col { transform: none !important } @media (max-width: 400px){ .image-holder { flex-direction: column; } } /* Hero Banner */ .atmc-hero-banner { background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-overlay:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, .6); } .atmc-overlay .atmc-container { position: relative; z-index: 5; } .atmc-parallax { background-attachment: inital; } @media (hover:hover) { .atmc-parallax { background-attachment: fixed; } } .atmc-hover-scaleup, .atmc-hover-scaledown, .atmc-hover-translateY { transition: all ease 200ms; } .atmc-hover-scaleup:hover { transform: scale(1.1); } .atmc-hover-scaledown:hover { transform: scale(.95); } .atmc-hover-translateY:hover { transform: translateY(-.27rem); } /* Disable animations in page editor */ body.hubspot-disable-focus-styles .sr-invisible { visibility: visible!important; } /* SR Animation */ img { max-width: 100%; } /* Image Decoration 01 */ .atmc-image-decoration-01 { position: relative; display: inline-block; } .atmc-image-decoration-01:before { content: ""; position: absolute; left: -1rem; top: -1rem; width: 100%; height: 100%; background-color: #539DA6; z-index: 2; } .atmc-image-decoration-01 img { position: relative; z-index: 3; } /* Image Decoration 02 */ .atmc-image-decoration-02 { position: relative; display: inline-block; } .atmc-image-decoration-02:before { content: ""; position: absolute; left: -1rem; top: -1rem; width: 100%; height: 100%; border: 2px solid #539DA6; z-index: 2; } .atmc-image-decoration-02 img { position: relative; z-index: 3; } /* Image Decoration 03 */ .atmc-image-decoration-03 { position: relative; display: inline-block; } .atmc-image-decoration-03:before { content: ""; position: absolute; left: -1rem; top: -1rem; width: 100%; height: 100%; border: 1px solid #539DA6; transform: rotateZ(-5deg); z-index: 2; } .atmc-image-decoration-03 img { position: relative; z-index: 3; } @media (min-width:992px) { .atmc-header_menu li.has-mega-menu > .hs-menu-children-wrapper { display: none!important; } } @media (max-width: 991px) { .atmc-mega-menu { display: none; } } .atmc-mega-menu_col a, .atmc-mega-menu_col a:hover :not(.atmc-btn), .atmc-mega-menu_col a *:not(.atmc-btn) { color: inherit!important; } /* Layout */ .atmc-mega-menu { display: none; } .atmc-mega-menu_box { position: absolute; left: 20px; top: 110%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% - 40px); height: 0px!important; opacity: 0; transition: 0.15s ease; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); visibility: hidden; overflow: hidden; z-index: 6; } .atmc-header_menu li.has-mega-menu:hover .atmc-mega-menu_box { height: auto!important; opacity: 1; top: 100%; transition: 0.15s ease; visibility: visible; overflow: initial; } .atmc-header_menu li.has-mega-menu .atmc-mega-menu_box:before { content: ""; position: absolute; left: 0; bottom: 100%; width: 100%; height: 0; z-index: 5; } .atmc-header_menu li.has-mega-menu:hover .atmc-mega-menu_box:before { height: 2rem; } /* .atmc-mega-menu_box .atmc-mega-menu_links { -ms-flex-preferred-size: 20%; flex-basis: 20%; width: 20%; } */ .atmc-mega-menu_item + .atmc-mega-menu_item { margin-top: 1rem; } @media (max-width:991px) { .atmc-mega-menu_box { display: none!important; } } /* Menu */ /* .atmc-header_menu .atmc-mega-menu_links { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } */ .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper a { padding: 0; font-size: .9rem; font-weight: light; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper a:before { display: none; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper a:hover { color: #fff; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul { display: inline-block; width: 100%; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul li { display: block; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li.hs-item-has-children + li, .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li.hs-item-has-children + li.hs-item-has-children { margin-top: 1rem; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li > ul { position: relative; left: 0; top: 0; opacity: 1; visibility: visible; display: block; background: transparent!important; padding: 0; border: 0px; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li > ul a { opacity: 0.8; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li > ul a:hover { opacity: 1; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li > a { font-weight: bold; margin-bottom: 0.25rem; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li:hover > a, .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li > a:hover { color: var(--primary)!important; } .atmc-header.sticky .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper > ul > li > a:hover { color: var(--primary)!important; } /* Active */ .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper li.active > a { color: var(--primary)!important; } /* Label sup sub */ .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper a sup { color: var(--danger)!important; } .atmc-header_menu .atmc-mega-menu_links .hs-menu-wrapper a span { position: relative; font-size: 75%; line-height: 0; top: -0.5em; vertical-align: baseline; color: var(--success)!important; } /* Image */ .atmc-mega-menu_image { position: relative; /* -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; */ height: initial!important; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 300px; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-mega-menu_image:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--gray700); opacity: 0.75; text-align: center; transition: 0.3s ease; } .atmc-mega-menu_image:hover:before { opacity: 0.5; } .atmc-mega-menu_image p { position: relative; margin: 0; z-index: 10; color: #fff; } /* Builder */ .atmc-mega-menu_col { padding: 3rem; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-mega-menu_col-border { border-right: 1px solid rgba(10, 10, 10, 0.1); } .atmc-mega-menu_col-border.text-white { border-right: 1px solid rgba(255, 255, 255, 0.1); } .atmc-mega-menu_box-simple .atmc-mega-menu_col-border { border-right: 1px solid rgba(255, 255, 255, 0.1); } .atmc-mega-menu_col:last-child { border-right: 0px; } .atmc-mega-menu_col-overlay { position: relative; } .atmc-mega-menu_col-overlay:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .atmc-mega-menu_col-overlay > div { position: relative; z-index: 2; } .atmc-mega-menu_col .atmc-mega-menu_links { padding: 0; } /* Content Type - CTAS 01 */ .atmc-mega-menu_ctas > div { } /* Content Type - Posts 01 */ .atmc-mega-menu_post-image { background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-mega-menu_post-title { padding: 0!important; line-height: 1.4; } /* Content Type - Logos 01 */ .atmc-mega-menu_logos { grid-row-gap: 1rem; grid-column-gap: 1rem; } /* Content Type - Feature 01 */ .atmc-mega-menu_feature_01 { display: block!important; } .atmc-mega-menu_feature_01 svg { height: 60px; transition: 0.2s ease; } .atmc-mega-menu_feature_01 img { max-height: 60px; width: auto!important; transition: 0.2s ease; } .atmc-mega-menu_feature_01:hover svg, .atmc-mega-menu_feature_01:hover img { transform: translateY(-5px); } .atmc-header_menu>.hs-menu-wrapper>ul>li>.hs-menu-children-wrapper>li.hs-item-has-children a[href="javascript:;"] { pointer-events: none; } .footer { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; } .footer.footer-overlay:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#e6000000', GradientType=0); /* IE6-9 */ } /* ------- * Site Footer * ------------------- */ .atmc-site-footer { position: relative; z-index: 3; padding: 4rem 0; display: none; } .atmc-site-footer .atmc-site-footer_heading { letter-spacing: 2px; text-transform: uppercase; font-size: 1rem; } @media (min-width: 992px) { .atmc-site-footer { padding: 6rem 0; } } @media (max-width: 767px) { .atmc-site-footer { text-align: center; } } /* Site Footer Logo */ .atmc-site-footer_logo img { display: inline-block; width: auto!important; height: 50px; max-height: 50px; } /* Site Footer About */ .atmc-sitefooter_about p { font-size: 0.9rem; } @media (max-width:767px) { .atmc-sitefooter_about p { text-align: center; } } /* Site Footer Menu */ .atmc-sitefooter_menu a { position: relative; padding: 0; } .atmc-sitefooter_menu a:hover, .atmc-sitefooter_menu a:focus { color: { { primary } } !important; } .atmc-sitefooter_menu a:before { content: ""; position: absolute; left: -0.5rem; bottom: 0; width: 2px; height: 0; background-color: { { primary } } ; transition: 0.3s ease; } .atmc-sitefooter_menu a:hover:before { height: 100%; } .atmc-sitefooter_menu li { display: block; width: 100%; } .atmc-sitefooter_menu li.hs-menu-item a { color: inherit; line-height: 1.4; } .atmc-sitefooter_menu li.active>a { color: { { primary } } !important; } .atmc-sitefooter_menu .hs-menu-wrapper>ul { margin: 0; } .atmc-sitefooter_menu .hs-menu-wrapper>ul>li+li { margin-top: .5rem; } .atmc-sitefooter_menu .hs-menu-wrapper>ul>li>a {} /* Lv 2 */ .atmc-sitefooter_menu .hs-menu-wrapper>ul>li>.hs-menu-children-wrapper { margin-bottom: .75rem; } .atmc-sitefooter_menu .hs-menu-wrapper>ul>li>.hs-menu-children-wrapper a { margin-top: .5rem; font-size: .85rem; text-decoration: underline; } @media (max-width:480px) { .atmc-sitefooter_menu .hs-menu-wrapper>ul>li { margin-top: 1rem; } } /* Site Footer - Recent Posts 01 */ .atmc-sitefooter_post-01 { color: inherit; } .atmc-sitefooter_post-01-image { background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-sitefooter_post-01-image:before { content: ""; display: block; padding-bottom: 62.5%; } .atmc-sitefooter_post-01 p { margin: 0; font-size: 0.9rem; color: inherit; } .atmc-sitefooter_post-01:hover { color: { { primary } } ; } /* Site Footer - Recent Posts 02 */ .atmc-sitefooter_post-02 { position: relative; } .atmc-sitefooter_post-02 { color: inherit; } .atmc-sitefooter_post-02-image { background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-sitefooter_post-02-image:before { content: ""; display: block; padding-bottom: 62.5%; } .atmc-sitefooter_post-02 p { color: inherit; } .atmc-sitefooter_post-02:hover { color: { { primary } } ; } /* Logos 01 */ .atmc-sitefooter_logos-01 img {} /* ------- * Footer * ------------------- */ .atmc-footer { position: relative; z-index: 3; border-top: 1px solid rgba( { { base|convert_rgb } } , 0.19); } .footer.text-white .atmc-footer { border-top: 1px solid rgba(255, 255, 255, 0.19); } .atmc-footer>.dnd-section { padding: 0 20px; } @media (max-width:767px) { .atmc-footer { text-align: center; } } /* Footer Menu */ .atmc-footer_menu a { padding: 0 0.5rem; line-height: 1; font-size: 0.8rem; color: inherit!important; opacity: 0.75!important; } .atmc-footer_menu a:hover { opacity: 1!important; color: inherit!important; } .atmc-footer_menu .hs-menu-wrapper>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; } .atmc-footer_menu .hs-menu-wrapper>ul>li { border-right: 1px solid { { gray } } ; } .footer.text-white .atmc-footer_menu .hs-menu-wrapper>ul>li { border-right: 1px solid { { light } } ; } .footer .atmc-footer_menu .hs-menu-wrapper>ul>li:last-child { border-right: 0px; } @media (max-width:767px) { .atmc-footer_menu { margin-top: 1rem; } .atmc-footer_menu .hs-menu-wrapper>ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /* Copyright */ .footer__copyright { font-family: { { theme.typography.body_font.font } } ; line-height: 1; font-size: 0.8rem; } /* ------- * Scroll To Top * ------------------- */ .atmc-scroll-top { position: fixed; bottom: 1rem; right: 1rem; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid { { primary } } ; z-index: 9; opacity: 0.4; border-radius: { { border_radius } } px; transition: 0.4s ease; overflow: hidden; } .atmc-scroll-top:hover { opacity: 1; } .atmc-scroll-top svg { height: 20px; fill: { { primary } } ; } /* Mobile CODE */ .atmc-footer { height: 150px; } @media (min-width: 768px) { .atmc-footer { height: 83px; } } .atmc-footer .atmc-container { display: flex; justify-content: center; align-items: center; height: 100%; } .atmc-footer .atmc-container > .row-fluid { display: flex; align-items: center; flex-direction: column; } @media (min-width: 768px) { .atmc-footer .atmc-container > .row-fluid { flex-direction: row; } } .atmc-footer .atmc-container .icon-holder { display: flex; } .atmc-footer .atmc-container .icon-holder div { background: #E73845; border-radius: 50%; height: 46px; width: 46px; display: flex; justify-content: center; align-items: center; margin-right: 8px; } .atmc-footer .atmc-container .icon-holder div img { width: 23px; } .atmc-footer .atmc-container .icon-holder div a { line-height: 1; } .atmc-footer .atmc-container .icon-holder div.facebook img { width: 13px; height: 23px; } .atmc-footer .atmc-container .icon-holder div:nth-of-type(3) img { width: 13px; } @media (max-width: 768px) { .atmc-footer .atmc-container .span5 { padding: 10px 0 10px 0; display: flex; } } @media (min-width: 768px) { .atmc-footer .atmc-container .span5 { display: flex; justify-content: flex-end; } } .atmc-footer .atmc-container .span7 { flex-direction: column; } @media (min-width: 768px) { .atmc-footer .atmc-container .span7 { flex-direction: row; } } .atmc-footer .atmc-container .span7 .footer__copyright { font-family: Lato; font-style: normal; font-weight: normal; font-size: 16px; color: #bbbdbf; margin-right: 0px; } @media (min-width: 768px) { .atmc-footer .atmc-container .span7 .footer__copyright { margin-right: 66px; } } .atmc-footer .atmc-container .span7 .atmc-footer_menu ul li a { font-family: Lato; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #539DA6 !important; } .atmc-footer .atmc-container .span7 .atmc-footer_menu ul li:first-child { border-right: 1px solid #539DA6; } .atmc-site-footer .social-link-footer { line-height: 1} /* ====== * Accordion 01 * ============ */ .atmc-accordion-01 { position: relative; } .atmc-accordion-01_trigger { position: relative; margin: 0; padding: 2rem; cursor: pointer; transition: 0.1s ease; } .atmc-accordion-01_icon { position: absolute; right: 2rem; top: 2rem; height: 20px; transition: 0.2s ease; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); } .atmc-accordion-01_icon svg { height: 20px; } .atmc-accordion-01_trigger_active .atmc-accordion-01_icon { transform: rotateZ(0); -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -ms-transform: rotateZ(0); } .atmc-accordion-01_answer { padding: 0 2rem 2rem; } .atmc-accordion-01_answer > *:last-child { margin-bottom: 0; } @media (max-width:575px) { .atmc-accordion-01_trigger { padding: 1.5rem; } .atmc-accordion-01_icon { right: 1.5rem; top: 1.5rem; height: 20px; } .atmc-accordion-01_answer { padding: 0 1.5rem 1.5rem; } } /* ====== * Accordion 02 * ============ */ .atmc-accordion-02 { position: relative; padding: 0; } .atmc-accordion-02_trigger { margin: 0; padding: 2rem; cursor: pointer; } .atmc-accordion-02_answer { padding: 2rem; margin: 0; } @media (max-width:575px) { .atmc-accordion-02_trigger { padding: 1.5rem; } .atmc-accordion-02_answer { padding: 1.5rem; margin: 0; } } /* ====== * Accordion 03 * ============ */ .atmc-accordion-03 { position: relative; } .atmc-accordion-03_trigger { position: relative; margin: 0; padding-left: 2rem; cursor: pointer; transition: 0.1s ease; } .atmc-accordion-03_icon { position: absolute; left: 0; top: 0.5rem; display: flex; align-items: center; justify-content: center; height: 1rem; transition: 0.2s ease; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); } .atmc-accordion-03_icon svg { height: 1rem; line-height: 1; } .atmc-accordion-03_trigger_active .atmc-accordion-03_icon { transform: rotateZ(0); -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -ms-transform: rotateZ(0); } .atmc-accordion-03_answer { padding: 1rem 0 0 2rem; } .atmc-accordion-03_answer > *:last-child { margin-bottom: 0; } /* ====== * Accordion 04 * ============ */ .atmc-accordion-04 { position: relative; } .atmc-accordion-04_trigger { position: relative; margin: 0; cursor: pointer; transition: 0.1s ease; } .atmc-accordion-04_icon { position: relative; display: inline-block; margin-left: 0.5rem; transition: 0.2s ease; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); } .atmc-accordion-04_icon svg { height: 1rem; line-height: 1; } .atmc-accordion-04_trigger_active .atmc-accordion-04_icon { transform: rotateZ(0); -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -ms-transform: rotateZ(0); } .atmc-accordion-04_answer { padding: 1rem 0 0 0; } .atmc-accordion-04_answer > *:last-child { margin-bottom: 0; } .content-image .content .content-intro h2 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: #2E5559; margin-bottom: 22px; } .content-image .shape-image { position: absolute; top: 0px; width: 100%; } .content-image .extra-info .item { max-width: 339px; border-bottom-right-radius: 97px; background: rgba(83, 157, 166, 0.25); padding: 35px 15px 34px 42px; margin-bottom: 15px; } .content-image .extra-info { align-items: center; } .content-image { position: relative; } .content-image .content { position: inherit; z-index: 1; } .content-image .content .content-intro .description { font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; color: #2E5559; margin-bottom: 22px; } .content-image .content .image-holder { display: flex; justify-content: center; } .content-image .content .btn-holder { display: flex; justify-content: center; margin: 10px 0; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 767px) { .content-image .content .btn-holder > span { margin-bottom: 35px; } } @media (min-width: 768px) { .content-image .content .btn-holder { flex-direction: row; } .content-image .extra-info .item:not(:last-of-type) { margin-right: 63px; } } /* ====== * Alert 01 * ============ */ .atmc-alert-01_text { margin: 0; } .atmc-alert-01_icon { display: block; } .atmc-alert-01_icon svg { height: 1rem; margin-right: .8rem; } /* ====== * Alert 02 * ============ */ .atmc-alert-02 { padding: 2rem; } .atmc-alert-02_text { margin: 0; } .atmc-alert-02_icon svg { height: 2rem; margin: 0 auto 0.5rem; } /* ====== * Alert 03 * ============ */ .atmc-alert-03 { position: relative; padding-left: 4rem; } .atmc-alert-03_icon { position: absolute; left: 0; top: 0; width: 4rem; height: 100%; } .atmc-alert-03_icon svg { height: 18px; } .atmc-alert-03_text { padding: 1rem 5rem 1rem 1rem; margin: 0; } .atmc-alert-03_close { position: absolute; right: 1rem; top: 1.2rem; width: 20px; height: 20px; cursor: pointer; } .atmc-alert-03_close svg { height: 20px; } /* ====== * Blog 01 * ============ */ .atmc-blog-01_box { display: inline-block; width: 100%; } .atmc-blog-01_img_wrapper { position: relative; display: inline-block; width: 100%; margin-bottom: 0.5rem; } .atmc-blog-01_img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 2s ease; } .atmc-blog-01_name { margin-bottom: 0; } .atmc-blog-01_info { position: absolute; right: 1rem; top: 0; padding: 20px 15px; text-align: center; line-height: 1; } .atmc-blog-01 .atmc-blog-01_date { display: block; font-size: 1.5rem; font-weight: bold; color: #fff!important; } .atmc-blog-01 .atmc-blog-01_month { display: block; font-size: 0.75rem; color: #fff!important; } /* ====== * Blog 02 * ============ */ .atmc-blog-02_box { width: 100%; } .atmc-blog-02_img_wrapper { position: relative; display: inline-block; -ms-flex-preferred-size: 30%; flex-basis: 30%; width: 30%; overflow: hidden; } .atmc-blog-02_img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .atmc-blog-02_text { -ms-flex-preferred-size: 70%; flex-basis: 70%; width: 70%; padding-left: 1rem; } .atmc-blog-02_detail { margin: 0 0 5px; } .atmc-blog-02_body { margin: 0; } @media (max-width: 768px) { .atmc-blog-02_wrapper { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } /* ====== * Blog 03 * ============ */ .atmc-blog-03_box { display: inline-block; width: 100%; } .atmc-blog-03_img_wrapper { position: relative; display: inline-block; width: 100%; margin: 0 auto 10px; overflow: hidden; } .atmc-blog-03_img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: 0.3s ease; } /* ====== * Blog 04 * ============ */ .atmc-blog-04_wrapper { grid-row-gap: 3rem; } .atmc-blog-04_img_wrapper { position: relative; overflow: hidden; display: block; } .atmc-blog-04_img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: 0.3s ease; } .atmc-blog-04_box:hover .atmc-blog-04_img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .atmc-blog-04_author_icon svg { height: 1rem; margin-right: 5px; } /* Detail */ .atmc-blog-04_info { display: inline-block; padding: 0.5rem; text-align: center; line-height: 1; } /* ====== * Blog 05 * ============ */ /* ====== * Blog 06 * ============ */ .atmc-blog-06_box .atmc-card { position: relative; overflow: hidden; } .atmc-blog-06_img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transition: 0.4s ease; z-index: 1; } .atmc-blog-06_box:hover .atmc-blog-06_img { opacity: 1; transform: scale(1.2) rotateZ(5deg); -webkit-transform: scale(1.2) rotateZ(5deg); -moz-transform: scale(1.2) rotateZ(5deg); -ms-transform: scale(1.2) rotateZ(5deg); -o-transform: scale(1.2) rotateZ(5deg); } .atmc-blog-06_img:before { content: ""; display: block; width: 100%; height: 100%; background-color: var(--dark); opacity: 0.6; } .atmc-blog-06_content { position: relative; z-index: 3; } .atmc-blog-06_box:hover * { color: #fff; } /* ====== * Blog 07 * ============ */ .atmc-blog-07_box { display: block; width: 100%; padding: 0 3rem; } .atmc-blog-07_box_inner { position: relative; padding: 1.5rem; } .atmc-blog-07_box:hover { background: var(--primary); color: #fff; } .atmc-blog-07_box:hover .atmc-blog-07_box_inner:after { display: none; } .atmc-blog-07_topic { text-transforM: uppercase; font-weight: bold; font-size: .75rem; letter-spacing: 1px; } .atmc-blog-07_name { margin: 0; } @media (min-width:768px) { .atmc-blog-07_box_inner { padding: 3rem; } } /* ====== * Blog 08 * ============ */ .atmc-blog-08_box { position: relative; padding: 2rem; height: 15rem; overflow: hidden; display: block; color: #fff!important; } .atmc-blog-08_img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transition: 0.4s ease; } .atmc-blog-08_box:hover .atmc-blog-08_img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .atmc-blog-08_img:before { content: ""; display: block; width: 100%; height: 100%; background-color: var(--dark); opacity: 0.6; transition: all ease-in-out 200ms; } .atmc-blog-08_box:hover .atmc-blog-08_img:before { background-color: var(--primary); } .atmc-blog-08_content { height: 100%; } .atmc-blog-08_date { position: relative; z-index: 3; } .atmc-blog-08_name { width: 100%; margin: 0; position: relative; } @media (min-width: 768px) { .atmc-blog-08_box { height: 25rem; } } /* ====== * Blog 09 * ============ */ /* ====== * Blog 10 * ============ */ .atmc-blog-10_box + .atmc-blog-10_box { margin-top: 4rem; } .atmc-blog-10_img_wrapper { position: relative; display: inline-block; width: 100%; margin: 0; overflow: hidden; } .atmc-blog-10_img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: 0.3s ease; } .atmc-blog-10_box:hover .atmc-blog-10_img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } /* ====== * Breadcrumb 01 * ============ */ .atmc-breadcrumb-01 { position: relative; } .atmc-breadcrumb-01 ul.hs-breadcrumb-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .atmc-breadcrumb-01.text-center ul.hs-breadcrumb-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-breadcrumb-01.text-right ul.hs-breadcrumb-menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .atmc-breadcrumb-01 ul.hs-breadcrumb-menu li { position: relative; display: inline-block; padding: 0 1rem; letter-spacing: 1px; } .atmc-breadcrumb-01 .hs-breadcrumb-menu > li:first-child { padding-left: 0; } .atmc-breadcrumb-01 .hs-breadcrumb-menu > li:after { content: "/"; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; color: var(--lightgray); } .atmc-breadcrumb-01 .hs-breadcrumb-menu > li:last-child { color: var(--primary); text-transform: uppercase; font-weight: bold; padding-right: 0; } .atmc-breadcrumb-01 .hs-breadcrumb-menu > li:last-child:after { display: none; } .atmc-breadcrumb-01 ul.hs-breadcrumb-menu li a { color: var(--lightgray); text-transform: uppercase; font-weight: bold; } .atmc-breadcrumb-01 ul.hs-breadcrumb-menu li a:hover { color: var(--primary); } .atmc-breadcrumb-01_home .atmc-breadcrumb-01_home a { line-height: 1; } .atmc-breadcrumb-01_home .atmc-breadcrumb-01_icon svg { height: 1rem; transition: 0.3s ease; } .atmc-breadcrumb-01_home a:hover svg { fill: var(--primary); } /* Divider */ .atmc-breadcrumb-01 .hs-breadcrumb-menu-divider { display: none!important; } /* White */ .atmc-breadcrumb-01.text-white .hs-breadcrumb-menu > li:after { color: #fff; } .atmc-breadcrumb-01.text-white ul.hs-breadcrumb-menu li a { color: #fff; } /* ====== * Breadcrumb 02 * ============ */ .atmc-breadcrumb-02 ul.hs-breadcrumb-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .atmc-breadcrumb-02.text-center ul.hs-breadcrumb-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-breadcrumb-02.text-right ul.hs-breadcrumb-menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .atmc-breadcrumb-02 ul.hs-breadcrumb-menu li { position: relative; display: inline-block; padding: 0 15px 0 10px; } .atmc-breadcrumb-02 .hs-breadcrumb-menu > li:first-child { padding-left: 0; } .atmc-breadcrumb-02 .hs-breadcrumb-menu > li:after { content: "/"; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; color: var(--lightgray); } .atmc-breadcrumb-02 .hs-breadcrumb-menu > li:last-child { padding-right: 0; font-weight: bold; color: var(--primary); } .atmc-breadcrumb-02 .hs-breadcrumb-menu > li:last-child:after { display: none; } .atmc-breadcrumb-02 ul.hs-breadcrumb-menu li a { color: var(--base); font-size: 16px; } .atmc-breadcrumb-02 ul.hs-breadcrumb-menu li a:hover { color: var(--primary); } .atmc-breadcrumb-02_home .atmc-breadcrumb-02_home a { line-height: 1; } .atmc-breadcrumb-02_home .atmc-breadcrumb-02_icon svg { height: 1rem; transition: 0.3s ease; } .atmc-breadcrumb-02_home a:hover svg { fill: var(--primary); } /* Divider */ .atmc-breadcrumb-02 .hs-breadcrumb-menu-divider { display: none!important; } /* White */ .atmc-breadcrumb-02.text-white .hs-breadcrumb-menu > li:after { color: #fff; } .atmc-breadcrumb-02.text-white ul.hs-breadcrumb-menu li a { color: #fff; } /* ====== * Breadcrumb 03 * ============ */ .atmc-breadcrumb-03 { position: relative; } .atmc-breadcrumb-03 ul.hs-breadcrumb-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .atmc-breadcrumb-03.text-center ul.hs-breadcrumb-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-breadcrumb-03.text-right ul.hs-breadcrumb-menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .atmc-breadcrumb-03 ul.hs-breadcrumb-menu li { position: relative; display: inline-block; padding: 0; border-right: 1px solid var(--lightgray); line-height: 1; } .atmc-breadcrumb-03 ul.hs-breadcrumb-menu li:nth-last-child(2) { border-right: 0; } .atmc-breadcrumb-03 .hs-breadcrumb-menu > li:first-child a { padding-left: 0; } .atmc-breadcrumb-03 .hs-breadcrumb-menu > li:last-child { font-weight: bold; background-color: var(--primary); color: #fff; padding: 0.75rem 1rem; border-right: 0; } .atmc-breadcrumb-03 ul.hs-breadcrumb-menu li a { color: var(--gray); padding: 0.75rem 1rem; } .atmc-breadcrumb-03 ul.hs-breadcrumb-menu li a:hover { color: var(--primary); } .atmc-breadcrumb-03_home .atmc-breadcrumb-03_home a { line-height: 1; } .atmc-breadcrumb-03_home .atmc-breadcrumb-03_icon svg { height: 1rem; transition: 0.3s ease; } .atmc-breadcrumb-03_home a:hover svg { fill: var(--primary); } /* Divider */ .atmc-breadcrumb-03 .hs-breadcrumb-menu-divider { display: none!important; } /* White */ .atmc-breadcrumb-03.text-white .hs-breadcrumb-menu > li:after { color: #fff; } .atmc-breadcrumb-03.text-white ul.hs-breadcrumb-menu li a { color: #fff; } /* ====== * Breadcrumb 04 * ============ */ .atmc-breadcrumb-04 { position: relative; } .atmc-breadcrumb-04 ul.hs-breadcrumb-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .atmc-breadcrumb-04.text-center ul.hs-breadcrumb-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-breadcrumb-04.text-right ul.hs-breadcrumb-menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .atmc-breadcrumb-04 ul.hs-breadcrumb-menu li { position: relative; display: inline-block; padding: 0; line-height: 1; } .atmc-breadcrumb-04 ul.hs-breadcrumb-menu li:after { content: '›'; } .atmc-breadcrumb-04 .hs-breadcrumb-menu > li:first-child a { padding-left: 0; } .atmc-breadcrumb-04 .hs-breadcrumb-menu > li:last-child { position: relative; font-weight: bold; background-color: var(--primary); color: #fff; padding: 0.75rem 1rem;; margin-left: 22px; } .atmc-breadcrumb-04 .hs-breadcrumb-menu > li:last-child:after { content: ""; position: absolute; right: -14px; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border-bottom: 40px solid transparent; border-left: 15px solid var(--primary); z-index: 3; } .atmc-breadcrumb-04 ul.hs-breadcrumb-menu li a { color: var(--gray); padding: 0.75rem 1rem; } .atmc-breadcrumb-04 ul.hs-breadcrumb-menu li a:hover { color: var(--primary); } @media (max-width:767px) { .atmc-breadcrumb-04 .hs-breadcrumb-menu > li:last-child:after { right: -15px; border-bottom: 35px solid transparent; } } /* Home Icon */ .atmc-breadcrumb-04_home a { line-height: 1; } .atmc-breadcrumb-04_home .atmc-breadcrumb-04_icon { float: left; } .atmc-breadcrumb-04_home .atmc-breadcrumb-04_icon svg { height: 1rem; transition: 0.3s ease; } .atmc-breadcrumb-04_home a:hover svg { fill: var(--primary); } /* Divider */ .atmc-breadcrumb-04 .hs-breadcrumb-menu-divider { display: none!important; } /* White */ .atmc-breadcrumb-04.text-white .hs-breadcrumb-menu > li:after { color: #fff; } .atmc-breadcrumb-04.text-white ul.hs-breadcrumb-menu li a { color: #fff; } /* ====== * Breadcrumb 05 * ============ */.atmc-breadcrumb-05 { position: relative; } .atmc-breadcrumb-05 ul.hs-breadcrumb-menu { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; background-color: var(--dark); } .atmc-breadcrumb-05.text-center ul.hs-breadcrumb-menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-breadcrumb-05.text-right ul.hs-breadcrumb-menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .atmc-breadcrumb-05 ul.hs-breadcrumb-menu li { position: relative; display: inline-block; padding: 0; line-height: 1; border-right: 1px solid var(--light); } .atmc-breadcrumb-05 .hs-breadcrumb-menu > li:last-child { font-weight: bold; background-color: var(--primary); color: #fff; padding: 0.75rem 1rem; border-right: 0; } .atmc-breadcrumb-05 .hs-breadcrumb-menu > li:nth-last-child(2) { border-right: 0; } .atmc-breadcrumb-05 .hs-breadcrumb-menu > li:last-child:after { display: none; } .atmc-breadcrumb-05 ul.hs-breadcrumb-menu li a { color: #fff; padding: 0.75rem 1rem; } .atmc-breadcrumb-05 ul.hs-breadcrumb-menu li a:hover { color: var(--primary); } .atmc-breadcrumb-05_home .atmc-breadcrumb-05_home a { line-height: 1; opacity: 0.6; } .atmc-breadcrumb-05_home .atmc-breadcrumb-05_home a:hover { opacity: 1; } .atmc-breadcrumb-05_home .atmc-breadcrumb-05_icon svg { height: 1rem; transition: 0.3s ease; } .atmc-breadcrumb-05_home a:hover svg { fill: var(--primary); } /* Divider */ .atmc-breadcrumb-05 .hs-breadcrumb-menu-divider { display: none!important; } /* ====== * Popup 01 * ============ */ /* Popup */ .atmc-popup-01_content_wrapper { position: relative; max-width: 1100px; margin: 40px auto; } .atmc-popup-01_content .atmc-popup-01_text { width: 100%; padding: 3rem; } .atmc-popup-01_content .atmc-popup-01_img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-popup-01_overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.7; } .atmc-popup-01_content .atmc-popup-01_desc { margin: 1rem auto 0; } @media (min-width:768px) { .atmc-popup-01_content > .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .atmc-popup-01_content > .row-fluid > .span6 { -ms-flex-preferred-size: 50%!important; flex-basis: 50%!important; width: 50%!important; margin: 0!important; } .atmc-popup-01_content .atmc-popup-01_text_wrapper { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-popup-01_content .atmc-popup-01_img img { display: none!important; } } @media (max-width:767px) { .atmc-popup-01_content .atmc-popup-01_img { position: relative; } .atmc-popup-01_content .atmc-popup-01_img:before { content: ""; display: block; padding-bottom: 62.5%; } } /* ====== * Popup 02 * ============ */ /* Popup */ .atmc-popup-02_content_wrapper { position: relative; max-width: 400px; margin: 40px auto; } .atmc-popup-02_content .atmc-popup-02_text_wrapper { padding: 2rem; } .atmc-popup-02_content .atmc-popup-02_img img { display: block; width: 100%; } /* ====== * Popup 03 * ============ */ /* Popup */ .atmc-popup-03_content_wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 350px; min-height: 450px; margin: 40px auto; padding: 3rem 2rem; } .atmc-popup-03_content_wrapper .atmc-popup-03_overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6; z-index: 1; } .atmc-popup-03_content_wrapper .atmc-popup-03_text_wrapper { position: relative; z-index: 3; } .atmc-popup-03_content_wrapper .atmc-popup-03_icon { margin-bottom: 0.8rem; } .atmc-popup-03_content_wrapper .atmc-popup-03_icon svg { height: 100px; } .atmc-popup-03_content_wrapper h2 { margin: 0 auto 1rem; } /* ====== * Popup 04 * ============ */ /* Popup */ .atmc-popup-04_content_wrapper { position: relative; max-width: 400px; margin: 40px auto; } .atmc-popup-04_content_wrapper .atmc-popup-04_img { padding: 4rem 3rem 0; } .atmc-popup-04_content_wrapper .atmc-popup-04_img img { display: block; width: 100%; margin: 0 auto; } .atmc-popup-04_text_wrapper { padding: 2rem; } .atmc-popup-04_content_wrapper .mfp-close { left: 0; right: 0; margin: auto; } /* ====== * Popup 05 * ============ */ /* Popup */ .atmc-popup-05_content_wrapper { position: relative; max-width: 750px; margin: 40px auto; } /* Image */ .atmc-popup-05_overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.7; } .atmc-popup-05_content .atmc-popup-05_img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: cover; background-repeat: no-repeat; background-position: center; } /* Layout */ @media (min-width:768px) { .atmc-popup-05_content > .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .atmc-popup-05_content > .row-fluid > .span7 { -ms-flex-preferred-size: 60%!important; flex-basis: 60%!important; width: 60%!important; margin: 0!important; min-height: 400px; } .atmc-popup-05_content > .row-fluid > .span5 { -ms-flex-preferred-size: 40%!important; flex-basis: 40%!important; width: 40%!important; margin: 0!important; } .atmc-popup-05_content .atmc-popup-05_text_wrapper { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width:767px) { .atmc-popup-05_content .atmc-popup-05_img { position: relative; padding: 5rem 2rem; } } /* CTA */ .atmc-popup-05_cta { position: relative; z-index: 3; } .atmc-popup-05_cta p { margin: 10px 0 0; font-size: 0.8rem; } /* Text */ .atmc-popup-05_content .atmc-popup-05_text { padding: 3rem; } .atmc-popup-05_text h2 { font-size: 2.2rem; line-height: 1.1; } @media (max-width:767px) { .atmc-popup-05_content .atmc-popup-05_text { padding: 3rem 2rem; } } /* Animation */ .atmc-popup-05_content .atmc-popup-05_img:before { content: ""; position: absolute; right: 0; top: 0; width: 4px; height: 0; background-color: var(--primary); animation: atmcPopup05 5s infinite; animation-direction: alternate; z-index: 4; } @media (max-width:768px) { .atmc-popup-05_content .atmc-popup-05_img:before { bottom: 0; left: 0; right: auto; top: auto; width: 0; height: 4px; animation: atmcPopup05_02 5s infinite; animation-direction: alternate; } } @keyframes atmcPopup05 { 0% { height: 0; } 100% { height: 100%; } } @keyframes atmcPopup05_02 { 0% { width: 0; } 100% { width: 100%; } } /* ====== * Career 01 * ============ */ .atmc-career-01_box + .atmc-career-01_box { margin-top: 1rem; } .atmc-career-01_icon svg { height: 2rem; } @media (max-width:767px) { .atmc-career-01_box { padding: 2rem; } } /* ====== * Career 02 * ============ */ .atmc-career-02_icon svg { height: 3rem; } /* ====== * Career 03 * ============ */ .atmc-career-listing-03_box { width: 100%; padding: 1rem; } @media (max-width:575px) { .atmc-career-listing-03_box { display: inline-block; } } @media (min-width:576px) { .atmc-career-listing-03_box { padding: 1rem; } .atmc-career-listing-03_box p { -ms-flex-preferred-size: 20%; flex-basis: 20%; width: 20%; margin: 0; padding: 0.5rem; } } /* ====== * Career 04 * ============ */ .atmc-career-04_icon { width: 3rem; } .atmc-career-04_icon svg { width: 3rem; height: auto; } @media (max-width:767px) { .atmc-career-04_icon, .atmc-career-04_icon svg { width: 2rem; } } /* ====== * Chart 01 * ============ */ .atmc-chart-bar-01 { padding: 1.5rem; overflow: hidden; } .atmc-chart-bar-01 .atmc-card_header { padding: 1.5rem; margin: -1.5rem -1.5rem 1.5rem; } .atmc-chart-bar-01 .atmc-card_header h5 { margin: 0; } /* ====== * Chart 02 * ============ */ .atmc-chart-doughnut-01 { padding: 1.5rem; overflow: hidden; } .atmc-chart-doughnut-01 .atmc-card_header { padding: 1.5rem; margin: -1.5rem -1.5rem 1.5rem; } .atmc-chart-doughnut-01 .atmc-card_header h5 { margin: 0; } /* ====== * Chart 03 * ============ */ .atmc-chart-line-01 { padding: 1.5rem; overflow: hidden; } .atmc-chart-line-01 .atmc-card_header { padding: 1.5rem; margin: -1.5rem -1.5rem 1.5rem; } .atmc-chart-line-01 .atmc-card_header h5 { margin: 0; } /* ====== * Chart 04 * ============ */ .atmc-chart-pie-01 { padding: 1.5rem; overflow: hidden; } .atmc-chart-pie-01 .atmc-card_header { padding: 1.5rem; margin: -1.5rem -1.5rem 1.5rem; } .atmc-chart-pie-01 .atmc-card_header h5 { margin: 0; } /* ====== * Contact 01 * ============ */ .atmc-contact-01 svg { height: 4rem; } .atmc-contact-01 img { width: auto; max-height: 4rem; } /* ====== * Contact 02 * ============ */ /* ====== * Contact 03 * ============ */ .atmc-contact-03 { } .atmc-contact-03 img { display: block; width: 100%; max-width: 100%; margin: 0; } .atmc-contact-03_content { padding-top: 2rem; } .atmc-contact-03 h3 { margin: 0 0 1.5rem; } .atmc-contact-03 p { margin: 0 0 1rem; } /* ====== * Contact 04 * ============ */ .atmc-contact-04 { position: relative; width: 100%; height: 400px; } .atmc-contact-04 iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /* filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); */ } /* ====== * Contact 05 * ============ */ .atmc-contact-05 { position: relative; padding-left: 30px; } .atmc-contact-05_icon { position: absolute; left: 0; top: -5px; } .atmc-contact-05 svg { height: 20px; } /* ====== * Contact 06 * ============ */ .atmc-contact-06 { } .atmc-contact-06 p.atmc-contact-06_text { position: relative; padding-left: 30px; } .atmc-contact-06 svg { position: absolute; left: 0; top: 6px; height: 16px; margin-right: 0.5rem; } /* ====== * Contact 07 * ============ */ .atmc-contact-07 { } .atmc-contact-07_img { -ms-flex-preferred-size: 30%; flex-basis: 30%; width: 30%; } .atmc-contact-07_content { -ms-flex-preferred-size: 70%; flex-basis: 70%; width: 70%; padding-left: 2rem; } .atmc-contact-07_content p { margin: 0; } /* Countdown 01 */ .atmc-countdown-01_inner { margin-left: -.25rem; margin-right: -.25rem; } .atmc-countdown-01_num { padding: 1rem; margin: .25rem; width: 6rem; height: 6rem; color: #fff; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-countdown-01_num span { color: inherit; } .atmc-countdown-01_num .atmc-h3 { line-height: 1.1; } .atmc-countdown-01_num .atmc-cap { display: block; } /* Countdown 02 */ .atmc-countdown-02_num span { color: inherit; } .atmc-countdown-02_num:nth-child(n+2):before { content: ":"; margin: 0 .25rem; display: inline-block; } /* Countdown 03 */ .atmc-countdown-03_inner { margin-left: -.25rem; margin-right: -.25rem; } .atmc-countdown-03_num { margin: 0 .25rem; } .atmc-countdown-03_num span { line-height: .8; } .atmc-countdown-03_num span.atmc-cap { margin-left: .1rem; } .atmc-counter_number { margin: 0; } /* ====== * Counter 01 * ============ */ .atmc-counter-01 { padding: 2rem 3rem; } /* ====== * Counter 02 * ============ */ .atmc-counter-02 { position: relative; } .atmc-counter-02:before { content: ""; padding-bottom: 100%; border-radius: 50%; position: relative; display: block; } .atmc-counter-02_inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } @media (max-width:767px) { .atmc-counter-02 { width: 300px; max-width: 100%; } } /* ====== * Counter 03 * ============ */ .atmc-counter-03_number { line-height: 1; margin: 0; } .atmc-counter-03 svg { width: 2rem; } /* ====== * Counter 04 * ============ */ .atmc-counter-04 .atmc-counter_number { line-height: 1; } /* ====== * Counter 05 * ============ */ .atmc-counter-05 { position: relative; } .atmc-counter-05_stat { position: relative; } .atmc-counter-05_stat label { position: relative; z-index: 1; } .atmc-counter-05_number { line-height: 1; font-size: 8rem; opacity: .25; position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); white-space: nowrap; } /* ====== * Divider 01 * ============ */ .atmc-divider-01 { display: block; padding: 0.5rem 0; } .atmc-divider-01-dotted { border-bottom-style: dotted; } .atmc-divider-01-dashed { border-bottom-style: dashed; } /* ====== * Divider 02 * ============ */ .atmc-divider-02 { position: relative; display: block; width: 100%; text-align: center; overflow: hidden; } .atmc-divider-02 span { position: relative; padding: 0 0.5rem; } .atmc-divider-02 span:before { content: ""; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto; width: 1000px; height: 2px; background-color: var(--lightgray); } .atmc-divider-02 span:after { content: ""; position: absolute; right: 100%; top: 0; bottom: 0; margin: auto; width: 1000px; height: 2px; background-color: var(--lightgray); } /* White */ .atmc-divider-02_white span:before, .atmc-divider-02_white span:after { background-color: #fff; } /* ====== * Divider 03 * ============ */ .atmc-divider-03 svg { width: 120px; display: inline-block; } /* ====== * Divider 04 * ============ */ .atmc-divider-04 { width: 100%; height: 30px; display: block; box-shadow: 0px 16px 17px -12px rgba(0,0,0,0.25); } /* ====== * Divider 05 * ============ */ .atmc-divider-05 { position: relative; display: block; margin-bottom: 6px; padding-top: 10px; } .atmc-divider-05:after { content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 1px; background-color: var(--lightgray); } /* White */ .atmc-divider-05_white:after { background-color: #fff; } /* ====== * Divider 06 * ============ */ .atmc-divider-06 { position: relative; display: block; width: 100%; text-align: center; overflow: hidden; } .atmc-divider-06 span { position: relative; display: inline-block; height: 25px; padding: 0 0.5rem; } .atmc-divider-06 svg { height: 25px; } .atmc-divider-06 span:before { content: ""; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto; width: 1000px; height: 1px; background-color: var(--lightgray); } .atmc-divider-06 span:after { content: ""; position: absolute; right: 100%; top: 0; bottom: 0; margin: auto; width: 1000px; height: 1px; background-color: var(--lightgray); } /* White */ .atmc-divider-06_white span:before, .atmc-divider-06_white span:after { background-color: #fff; } /* ====== * Divider 07 * ============ */ .atmc-divider-07 { overflow: hidden; display: block; width: 100%; } .atmc-divider-07 svg { float: left; width: 100%; } /* ====== * Divider 08 * ============ */ .atmc-divider-08 { overflow: hidden; display: block; width: 100%; } .atmc-divider-08 svg { float: left; width: 100%; } /* ====== * Divider 09 * ============ */ .atmc-divider-09 { overflow: hidden; display: block; width: 100%; } .atmc-divider-09 svg { float: left; width: 100%; } /* ====== * Divider 10 * ============ */ .atmc-divider-10 { position: relative; } .atmc-divider-10:before { content: ""; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 10rem solid transparent; border-left: 100vw solid; display: block; } /* ====== * Divider 11 * ============ */ .atmc-divider-11 { position: relative; } .atmc-divider-11:before { content: ""; width: 0; height: 0; border-top: 10rem solid transparent; border-bottom: 0 solid transparent; border-right: 100vw solid; display: block; } /* ====== * FAQ 01 * ============ */ .atmc-faq-01_repeater.atmc-slider .atmc-faq-01_question { padding-left: 2.5rem; } .atmc-faq-01_repeater.atmc-slider .atmc-faq-01_question:before { left: 0; right: auto; width: 2rem; } /* ====== * FAQ 02 * ============ */ .atmc-faq-02 { position: relative; } .atmc-faq-02_answer > *:last-child { margin-bottom: 0; } /* ====== * FAQ 03 * ============ */ .atmc-faq-03 { position: relative; } /* ====== * FAQ 04 * ============ */ .atmc-faq-04 { position: relative; margin: 0 0 2rem; } .atmc-faq-04_number { width: 35px; height: 35px; margin: 0 0 1rem; font-size: 18px; font-weight: bold; line-height: 1; border-radius: 100%; color: #fff; text-align: center; } .atmc-faq-04_answer > *:last-child { margin-bottom: 0; } @media (min-width:576px) { .atmc-faq-04 { padding-left: 55px; } .atmc-faq-04_number { position: absolute; left: 0; top: 0; } } /* ====== * FAQ 05 * ============ */ .atmc-faq-05 { position: relative; } /* Trigger Box */ .atmc-faq-05_trigger { display: inline-block; width: 100%; padding: 3rem 2rem; } .atmc-faq-05 h5 { color: #fff!important; } .atmc-faq-05_icon svg { height: 3rem; } .atmc-faq-05 .text-white svg { fill: #fff; } /* Popup */ .atmc-faq-05_popup { position: relative; max-width: 750px; margin: 40px auto; background: #fff; } .atmc-faq-05_answer { margin: 0; } .atmc-faq-05_answer > *:last-child { margin-bottom: 0; } /* ====== * FAQ 06 * ============ */ .atmc-faq-06 { position: relative; } /* ====== * FAQ 07 * ============ */ .atmc-faq-07_repeater.atmc-slider .atmc-faq-07 { padding: 2rem; } @media (max-width:767px) { .atmc-faq-07 { padding: 2rem; } } .atmc-feature svg { height: 100%; } /* ====== * Feature 01 * ============ */ .atmc-feature-01 svg { height: 2rem; } .atmc-feature-01_link, .atmc-feature-01_link:hover, .atmc-feature-01_link:visited { color: initial; } .atmc-feature-01_link h3 { color: var(--h3_color)!important; } .atmc-feature-01_link p { color: var(--base)!important; } /* ====== * Feature 02 * ============ */ .atmc-feature-02_icon { margin-left: auto; margin-right: auto; width: 4rem; height: 4rem; } .atmc-feature-02 svg { height: 1.5rem; } /* ====== * Feature 03 * ============ */ .atmc-feature-03_icon { -ms-flex-preferred-size: 4rem; flex-basis: 4rem; width: 4rem; height: 4rem; margin: 0; } .atmc-feature-03 svg { height: 1.5rem; } .atmc-feature-03_text { -ms-flex-preferred-size: calc(100% - 4rem); flex-basis: calc(100% - 4rem); width: calc(100% - 4rem); padding-left: 1.5rem; } /* ====== * Feature 04 * ============ */ .atmc-feature-04_icon { -ms-flex-preferred-size: 4rem; flex-basis: 4rem; width: 4rem; margin: 0; } .atmc-feature-04 svg { height: 4rem; } .atmc-feature-04_text { -ms-flex-preferred-size: calc(100% - 4rem); flex-basis: calc(100% - 4rem); width: calc(100% - 4rem); padding-left: 1.5rem; } /* ====== * Feature 05 * ============ */ .atmc-feature-05 svg { height: 2rem; } /* ====== * Feature 06 * ============ */ .atmc-feature-06 { border-width: 1px; } .atmc-feature-06_icon { top: -2.5rem; width: 5rem; height: 5rem; } .atmc-feature-06 svg { height: 2rem; } /* ====== * Feature 07 * ============ */ .atmc-feature-07 svg { height: 2rem; } /* ====== * Form 03 * ============ */ .atmc-form-01.small-form { padding: 0 20px; } .atmc-form-01 .submitted-message { color: white; font-size: 20px; line-height: 1.5; font-weight: 600; } form .hs-button.primary.large { border-radius: 7px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 16px !important; line-height: 19px !important; color: #fff !important; background-color: #E73845 !important; padding: 12px 33px !important; border: 1px solid #E73845 !important; vertical-align: unset !important; } form .hs-button.primary.large:hover { transition: none !important; transform: none !important; } @media (max-width: 767px) { .atmc-form-01.small-form { padding: 0 20px; } } @media (min-width: 767px) { .atmc-form-01.small-form form input { max-width: 260px; margin: 0 auto; text-align: center; } .atmc-form-01.small-form form .hs-error-msgs label { text-align: center !important; } } .atmc-form-03_title { padding: 3rem; margin: 0; } .atmc-form-03 form { padding: 3rem; } .atmc-form-03_footer { padding: 0 2rem 2rem; } /* ====== * Form 04 * ============ */ .atmc-form-04 { padding: 0; margin-top: 3rem; } .atmc-form-04_title { position: relative; padding: 3rem 3rem 2rem; margin: 0; } .atmc-form-04_icon { position: absolute; left: 0; right: 0; top: -2rem; width: 4rem; height: 4rem; margin: auto; border-radius: 100%; } .atmc-form-04_icon svg { height: 2rem; } .atmc-form-04 form { padding: 3rem; } .atmc-form-04_footer { padding: 0 3rem 3rem; } /* ====== * Form 05 * ============ */ .atmc-form-05_image { background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-form-05_content { padding: 3rem; } @media (min-width:768px) { .atmc-form-05 > .row-fluid > .span6 { width: 50%!important; margin: 0!important; } } /* Gallery Filter */ .atmc-gallery-filter-01 ul { margin: -.25rem; padding: 0; } .atmc-gallery-filter-01 ul li { margin: .25rem; } /* * Gallery 01 */ .atmc-gallery-01_img { background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 80%; margin-bottom: 1rem; display: block; } .atmc-gallery-01_img img { width: 100%; max-width: 100%; height: auto; display: none; } @media (max-width: 767px) { .atmc-gallery-01_img { background: none!important; padding-bottom: 0; } .atmc-gallery-01_img img { display: block; } } /* * Gallery 02 */ .atmc-gallery-02 .description p { color: white; } .atmc-gallery-02 .atmc-card { height: 100%; } .atmc-gallery-02 .card-body p { margin-bottom: 0px; } .atmc-gallery-02 .card-body .btn-card{ margin-top: 40px; margin-bottom: 15px; padding-left: 31px; } @media (min-width: 980px) { .atmc-gallery-02 .cards-holder.item-2 { justify-content: center !important; } } .atmc-gallery-02_img { background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 80%; display: block; } .atmc-gallery-02_img img { width: 100%; max-width: 100%; height: auto; display: none; } .atmc-gallery-02 .atmc-grid-col { transform: none !important; } @media (max-width: 767px) { .atmc-gallery-02_img { background: none!important; padding: 0; } .atmc-gallery-02_img img { display: block; } } .atmc-gallery-02 .card-body { height: calc(100% - 274px); display: flex; flex-direction: column; justify-content: space-between; } /* * Gallery 03 */ .atmc-gallery-03_img { background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 80%; display: block; } .atmc-gallery-03_img img { width: 100%; max-width: 100%; height: auto; display: none; } @media (max-width: 767px) { .atmc-gallery-03_img { background: none!important; padding-bottom: 0; padding: 0; } .atmc-gallery-03_img img { display: block; } } /* * Gallery 04 */ .atmc-gallery-04_img { background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 80%; display: block; } .atmc-gallery-04_img img { width: 100%; max-width: 100%; height: auto; display: none; } .content-entry h2 { color: #2E5559; } @media (max-width: 767px) { .atmc-gallery-04_img { /* background: none!important; */ padding-bottom: 0; } .atmc-gallery-04_img img { display: block; } } @media (max-width: 767px) { .gallery-services { display: flex !important; flex-direction: column; height: unset !important; } } .gallery-services .atmc-grid-col { background: #efefef; border-bottom-right-radius: 97px; } @media (max-width: 767px) { .gallery-services .atmc-grid-col { position: relative !important; top: unset !important; left: unset !important; margin-bottom: 25px; margin-right: 15px; margin-left: 15px; } } @media (min-width: 767px) { .gallery-services .atmc-grid-col:not(:last-of-type) { margin-right: 15px; width: calc(33% - 15px); } } .gallery-services .atmc-grid-col .atmc-card { background: #efefef; border-bottom-right-radius: 97px; } .gallery-services .atmc-grid-col .atmc-card .atmc-gallery-04_img { position: absolute; width: 100%; top: 0; height: 98px; border: none; top: -49px; background-size: contain; } @media (max-width: 767px) { .gallery-services .atmc-grid-col .atmc-card .atmc-gallery-04_img img { display: none !important; } } .gallery-services .atmc-grid-col .atmc-card h4 { margin-top: 65px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 29px; text-align: left; color: #539DA6; margin-left: 10px; margin-right: 10px; text-align: center; } .gallery-services .atmc-grid-col .atmc-card .description { font-family: Lato; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; color: #2E5559; margin-top: 33px; text-align: center; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; margin-top: 30px; margin-bottom: 5px; } .gallery-services .atmc-grid-col .atmc-card .description p { margin-left: 0; margin-bottom: 0; margin-right: 0; color: #2E5559; font-weight: 700px; } .gallery-services .atmc-grid-col .atmc-card .description p strong { font-size: 12px; } .gallery-services .atmc-grid-col .atmc-card .extra-info { font-family: Lato; font-style: italic; font-weight: normal; font-size: 20px; line-height: 24px; color: #2E5559; margin-left: 53px; text-align: left; } /* Gallery 05 */ .atmc-gallery-05_img { background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 80%; margin-bottom: 1rem; display: block; } .atmc-gallery-05_img img { width: 100%; max-width: 100%; height: auto; display: none; } .atmc-gallery-05-content { position: relative; background: #fff; padding: 2rem; margin-top: -4rem; width: 90%; } @media (max-width: 767px) { .atmc-gallery-05_img { background: none!important; padding-bottom: 0; } .atmc-gallery-05_img img { display: block; } } /* * Gallery 05 */ /* Layout */ .atmc-gallery-06 { margin-left: -.5rem; margin-right: -.5rem; } .atmc-gallery-06_box-sizer { display: block; } .atmc-gallery-06_box { display: flex; } .atmc-gallery-06 .atmc-gallery-06_box-sizer, .atmc-gallery-06 .atmc-gallery-06_box { width: 100%; margin: 0 0 2rem; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; } .atmc-gallery-06 .atmc-gallery-06_box_01:before { content: ""; display: block; padding-bottom: 100%; } .atmc-gallery-06 .atmc-gallery-06_box_02 { width: 100%; margin: 0 0 2rem; } .atmc-gallery-06 .atmc-gallery-06_box_02:before { content: ""; display: block; padding-bottom: 100%; } .atmc-gallery-06_box_02:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--gray700); opacity: 0.85; z-index: 1; } @media (min-width:992px) { .atmc-gallery-06 .atmc-gallery-06_box-sizer, .atmc-gallery-06 .atmc-gallery-06_box { width: calc(33.33% - 1rem); margin: 0 .5rem 1rem; } .atmc-gallery-06 .atmc-gallery-06_box_02 { width: calc(66.66% - 1rem); } .atmc-gallery-06 .atmc-gallery-06_box_02:before { padding-bottom: 49.25%; } } @media (min-width:650px) and (max-width:991px) { .atmc-gallery-06 .atmc-gallery-06_box-sizer, .atmc-gallery-06 .atmc-gallery-06_box, .atmc-gallery-06 .atmc-gallery-06_box_02 { width: calc(50% - 1rem); margin: 0 .5rem 1rem; } } /* Box */ .atmc-gallery-06 .atmc-card { position: relative; padding: 0; } /* Box 02 */ .atmc-gallery-06_text { position: relative; width: 50%; max-width: 100%; padding: 4rem; text-align: left; z-index: 2; } .atmc-gallery-06_box_02.text-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .atmc-gallery-06_box_02.text-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media (max-width:991px) { .atmc-gallery-06_text { width: 100%; } } /* * Gallery 07 */ .atmc-gallery-07.atmc-grid .atmc-grid-col { display: block; width: 100%; margin: 0 0 1rem; } @media (min-width:576px) { .atmc-gallery-07.atmc-grid { display: block!important; } .atmc-gallery-07.atmc-grid-1col .atmc-grid-col { width: 100%!important; margin: 0 1% 2%; } .atmc-gallery-07.atmc-grid-2col .atmc-grid-col { width: 48%!important; margin: 0 1% 2%; } .atmc-gallery-07.atmc-grid-3col .atmc-grid-col { width: 31.333333%!important; margin: 0 1% 2%; } .atmc-gallery-07.atmc-grid-4col .atmc-grid-col { width: 23%!important; margin: 0 1% 2%; } } .atmc-gallery-07_img { display: block; width: 100%; } .atmc-gallery-07_img img { display: block; width: 100%; max-width: 100%; height: auto; } /* Gallery Grid */ /* Grid */ @supports ((display: -ms-grid) or (display: grid)) { .atmc-gallery.atmc-grid { display: block!important; margin: -.75rem; } .atmc-gallery.atmc-grid> div { padding: .75rem; } @media (min-width: 768px) { .atmc-gallery.atmc-grid-2col .atmc-grid-col { width: 50%; } .atmc-gallery.atmc-grid-3col .atmc-grid-col { width: 33.33%; } .atmc-gallery.atmc-grid-4col .atmc-grid-col, .atmc-gallery.atmc-grid-5col .atmc-grid-col, .atmc-gallery.atmc-grid-6col .atmc-grid-col { width: 50%; } } @media (min-width:992px) { .atmc-gallery.atmc-grid-4col .atmc-grid-col { width: 25%; } .atmc-gallery.atmc-grid-5col .atmc-grid-col { width: 20%; } .atmc-gallery.atmc-grid-6col .atmc-grid-col { width: 16.6%; } } @media (min-width:576px) and (max-width:767px) { .atmc-gallery.atmc-grid-2col .atmc-grid-col { width: 50%; } .atmc-gallery.atmc-grid-4col .atmc-grid-col, .atmc-gallery.atmc-grid-5col .atmc-grid-col, .atmc-gallery.atmc-grid-6col .atmc-grid-col { width: 50%; } } } .atmc-gallery { margin: 3rem 0 !important; z-index: 9; } .atmc-gallery .atmc-card { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 75px; box-shadow: none; padding: 0 0 31px 0; } .atmc-gallery .atmc-card .atmc-card_header { padding: unset; border-radius: 0px; margin: 0px; } .atmc-gallery .atmc-card h4 { margin-top: 34px; margin-left: 31px; font-family: Lato; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; color: #539DA6 } .atmc-gallery .atmc-card p { margin-left: 31px; margin-right: 39px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; color: #539DA6 } .atmc-gallery .content-intro { color: white; } .atmc-gallery .content-intro h1 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: white; margin-bottom: 22px; } .atmc-gallery .content-intro p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; text-align: center; margin-bottom: 20px; } .gallery-homepage .cards-holder .atmc-card img{ display: block; } .gallery-homepage { display: block; height: unset !important; } .gallery-homepage .atmc-grid-col { position: relative !important; width: unset !important; left: unset !important; top: unset !important; flex: 0 0 calc(33% - 15px); } .gallery-homepage.atmc-grid .btn-holder { display: flex; justify-content: center; margin-top: 30px; } // .gallery-homepage .cards-holder { padding: 35px 0px !important; } @media (min-width: 980px) { .gallery-homepage .cards-holder { display: flex; flex-wrap: wrap; justify-content: space-between; } } .gallery-homepage .cards-holder .atmc-grid-col { max-width: 300px; } @media (max-width: 980px) { .gallery-homepage .cards-holder .atmc-grid-col { margin: 0 auto 20px; } } @media (min-width: 520px) { .gallery-homepage .cards-holder .atmc-grid-col { max-width: 500px; } } @media (min-width: 980px) { .gallery-homepage .cards-holder .atmc-grid-col { max-width: 307px; } .gallery-homepage .cards-holder .atmc-card img{ display: none; } } @media (min-width: 999px) { .gallery-homepage .cards-holder .atmc-grid-col { max-width: 315px; } } @media (min-width: 1018px) { .gallery-homepage .cards-holder .atmc-grid-col { max-width: 320px; } } @media (min-width: 1300px) { .gallery-homepage .cards-holder .atmc-grid-col { max-width: unset; } } @media (min-width: 980px) { .gallery-homepage .cards-holder .atmc-grid-col { margin-right: 15px; margin-bottom: 15px; } .gallery-homepage .cards-holder .atmc-grid-col:last-of-type { margin-right: 0px; } } @media (min-width: 980px) { .gallery-homepage .cards-holder .atmc-grid-col .atmc-card .atmc-card_header { height: 278px; } } .atmc-gallery-01 .atmc-grid-col p { padding-right: 25px; padding-left: 25px; } .atmc-gallery.gallery-01-update { height: unset !important; display: flex !important; flex-direction: column; } @media (min-width: 767px) { .atmc-gallery.gallery-01-update { flex-direction: row; } } .atmc-gallery.gallery-01-update .atmc-grid-col { position: relative !important; top: unset !important; left: unset !important; } @media (min-width: 767px) { .atmc-gallery.gallery-01-update .atmc-grid-col { flex: 0 0 calc(33% - 24px); } } .atmc-gallery.gallery-01-update .atmc-grid-col .atmc-gallery-01_img { background: none !important; padding-bottom: 0; } .atmc-gallery.gallery-01-update .atmc-grid-col .atmc-gallery-01_img img { display: block !important; max-width: 217px !important; margin: 0 auto; } .atmc-gallery.gallery-01-update .atmc-grid-col h4 { margin-top: -120px; font-style: normal; font-weight: bold; font-size: 28px; line-height: 34px; color: #2E5559; } .atmc-gallery.gallery-01-update .atmc-grid-col p a { font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; background: none !important; border: none; color: #539DA6 !important; } .atmc-gallery.gallery-01-update2 { height: unset !important; display: flex !important; flex-direction: column; } @media (min-width: 767px) { .atmc-gallery.gallery-01-update2 { flex-direction: row; justify-content: center; } } .atmc-gallery.gallery-01-update2 .atmc-grid-col { position: relative !important; top: unset !important; left: unset !important; } @media (min-width: 767px) { .atmc-gallery.gallery-01-update2 .atmc-grid-col { flex: 0 0 calc(33% - 60px); } } .atmc-gallery.gallery-01-update2 .atmc-grid-col .atmc-gallery-01_img { background: none !important; padding-bottom: 0; } .atmc-gallery.gallery-01-update2 .atmc-grid-col .atmc-gallery-01_img img { display: block !important; max-width: 315px !important; margin: 0 auto; } .atmc-gallery.gallery-01-update2 .atmc-grid-col h4 { font-style: normal; font-weight: bold; font-size: 28px; line-height: 34px; color: #2E5559; } .atmc-gallery.gallery-01-update2 .atmc-grid-col p a { font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; background: none !important; border: none; color: #539DA6 !important; } .atmc-gallery.gallery-flex-update { height: unset !important; display: flex !important; flex-direction: column; align-items: center; } @media (min-width: 767px) { .atmc-gallery.gallery-flex-update { flex-direction: row; align-items: unset; } } .atmc-gallery.gallery-flex-update .atmc-grid-col { position: relative !important; top: unset !important; left: unset !important; } @media (min-width: 767px) { .atmc-gallery.gallery-flex-update .atmc-grid-col { flex: 0 0 calc(33% - 24px); } } .atmc-gallery.gallery-flex-update .atmc-grid-col .atmc-gallery-01_img { padding-bottom: 0; } .atmc-gallery.gallery-update-easy-train { justify-content: center; } .atmc-gallery.gallery-update-easy-train .atmc-grid-col { padding: 0 0 26px; text-align: left; color: white; max-width: 542px; width: 100%; } @media (min-width: 767px) { .atmc-gallery.gallery-update-easy-train .atmc-grid-col { flex: unset; } } .atmc-gallery.gallery-update-easy-train .atmc-grid-col .atmc-gallery-01_img { background: none !important; padding-bottom: 0; } .atmc-gallery.gallery-update-easy-train .atmc-grid-col .atmc-gallery-01_img img { display: block; } .atmc-gallery.gallery-update-easy-train .atmc-grid-col h3, .atmc-gallery.gallery-update-easy-train .atmc-grid-col p { max-width: 385px; margin-left: 44px; padding-left: 0px; } .atmc-gallery.gallery-update-easy-train .atmc-grid-col h3, .atmc-gallery.gallery-update-easy-train .atmc-grid-col ul { padding-left: 30px; } .gallery-flex-center-items { justify-content: space-around; } .atmc-gallery-02 .card-body .info p,.atmc-gallery-02 .card-body .info p a {color: #2E5559} /* ====== * Hero 01 * ============ */ .atmc-hero-01 { position: relative; width: 100%; padding: 10rem 0 13rem; } .atmc-hero-01 .atmc-container > .row-fluid > .span12 { position: relative; } .atmc-hero-01 .atmc-container > .row-fluid > .span12:before, .atmc-hero-01 .atmc-container > .row-fluid > .span12:after { content: ""; position: absolute; left: 0; right: 0; margin: auto; background-color: #fff; opacity: 0.5; height: 40px; width: 1px; } .atmc-hero-01 .atmc-container > .row-fluid > .span12:before { top: -45px; } .atmc-hero-01 .atmc-container > .row-fluid > .span12:after { bottom: -45px; } /* ====== * Hero 02 * ============ */ .atmc-hero-02 { padding: 3rem 0; } /* ====== * Hero 03 * ============ */ .atmc-hero-03 { position: relative; } @media (min-width:768px) { .atmc-hero-03 .atmc-hero-03_heading { font-size: 6rem; } } /* Play Button */ .atmc-hero-03_button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 140px; height: 140px; margin: auto; border: 2px solid rgba(255, 255, 255, 0.25); border-radius: 100%; animation: atmcHero01Animation 2.2s infinite; } .atmc-hero-03_button svg { height: 40px; fill: #fff; } @-webkit-keyframes atmcHero01Animation { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3); } 70% { -webkit-box-shadow: 0 0 0 20px rgba(255,255,255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0); } } @keyframes atmcHero01Animation { 0% { -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.3); box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0); box-shadow: 0 0 0 20px rgba(255,255,255, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0); box-shadow: 0 0 0 0 rgba(255,255,255, 0); } } /* ====== * Hero 04 * ============ */ .atmc-hero-04 { position: relative; } /* CTAs */ .atmc-hero-04_ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .atmc-hero-04_ctas > div:first-child { margin-right: 1rem; } /* Float Image */ @media (min-width:768px) { .atmc-hero-04_float_image { position: absolute; right: 1rem; top: 0; bottom: 0; margin: auto; width: 800px; max-width: 55%; height: 400px; } .atmc-hero-04_float_image img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } } @media (min-width:1024px) { .atmc-hero-04_float_image { right: 1rem; } } @media (min-width:1600px) { .atmc-hero-04_float_image { right: 10%; } } /* ====== * Hero 05 * ============ */ .atmc-hero-05 { position: relative; } @media (min-width:768px) { .atmc-hero-05 .atmc-container > .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } /* CTAs */ .atmc-hero-05_ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .atmc-hero-05_ctas > div:first-child { margin-right: 1rem; } /* Float Image */ @media (min-width:768px) { .atmc-hero-05_float_image { position: absolute; right: 1rem; top: 0; bottom: 0; margin: auto; width: 800px; max-width: 55%; height: 400px; } .atmc-hero-05_float_image img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } } @media (min-width:992px) { .atmc-hero-05_float_image { right: 1rem; } } @media (min-width:1024px) { .atmc-hero-05_float_image { right: 10%; } } /* ====== * Hero 06 * ============ */ .atmc-hero-06 { position: relative; padding: 226px 0 10rem !important; background-size: unset; max-height: 600px; } .atmc-hero-06_ctas { margin-left: -.5rem; margin-right: -.5rem; } .atmc-hero-06_ctas > div { margin: 0 .5rem; } .atmc-hero-06 .atmc-hero-06_ctas { display: flex; justify-content: center; flex-direction: column; justify-content: center; align-items: center; } @media (max-width: 767px) { .atmc-hero-06:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.7 !important; background-color: white !important; } .atmc-hero-06 { background-position-x: -1550px; } .atmc-hero-06 .span7 .h1-subpage { font-size: 42px !important; line-height: 1em !important; } .atmc-hero-06 .span7 { text-align: center; } .atmc-hero-06 .atmc-container { z-index: 99; position: relative; } .atmc-hero-06 .atmc-hero-06_ctas > div { margin-bottom: 15px; } } @media (min-width: 500px) { .atmc-hero-06 .atmc-hero-06_ctas { flex-direction: row; justify-content: flex-start; } } .atmc-hero-06 .span7 { min-height: 289px; } .atmc-hero-06 .span7 h1 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 72px; line-height: 86px; margin-bottom: 7px; color: #539DA6 !important; } .atmc-hero-06 .span7 h1.h1-small { color: #2E5559 !important; } .atmc-hero-06 .span7.text-left p{ font-size: 18px; line-height: 1.5; } @media (min-width: 767px) { .atmc-hero-06 .span7.text-left { width: 90% !important; max-width: 550px; } } /* ====== * Hero 07 * ============ */ .atmc-hero-07 { position: relative; } @media (min-width:768px) { .atmc-hero-07 .atmc-container > .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } /* CTAs */ .atmc-hero-07_ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .atmc-hero-07_ctas > div:first-child { margin-right: 1rem; } /* Logos */ .atmc-hero-07_logo_repeater { margin-left: -.5rem; margin-right: -.5rem; } .atmc-hero-07_logo { padding: .5rem; } /* ====== * Hero 08 * ============ */ .atmc-hero-08 { padding: 2rem 0; } /* ====== * Hero 09 * ============ */ .atmc-hero-09 { position: relative; } .atmc-hero-09.atmc-overlay:before { z-index: 2; } .atmc-hero-09 .row-fluid { position: relative; z-index: 3; } /* Heading */ .atmc-hero-09_heading { margin: 2rem 0; font-size: 5rem; } @media (max-width:991px) { .atmc-hero-09_heading { font-size: 3rem; } } /* Backgrounds */ .atmc-hero-09_bg_01 { position: absolute; left: 0; top: 0; width: 90%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; border-right: 2px solid rgba(255, 255, 255, 0.2); animation: atmcHero09_01 20s infinite; -webkit-animation: atmcHero09_01 20s infinite; } .atmc-hero-09_bg_02 { position: absolute; right: 0; top: 0; width: 10%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; animation: atmcHero09_02 20s infinite; -webkit-animation: atmcHero09_02 20s infinite; } @keyframes atmcHero09_01 { 0% { width: 90%; } 20% { width: 90%; } 30% { width: 10%; } 70% { width: 10%; } 80% { width: 90%; } 100% { width: 90%; } } @-webkit-keyframes atmcHero09_01 { 0% { width: 90%; } 20% { width: 90%; } 30% { width: 10%; } 70% { width: 10%; } 80% { width: 90%; } 100% { width: 90%; } } @-webkit-keyframes atmcHero09_02 { 0% { width: 10%; } 20% { width: 10%; } 30% { width: 90%; } 70% { width: 90%; } 80% { width: 10%; } 100% { width: 10%; } } @keyframes atmcHero09_02 { 0% { width: 10%; } 20% { width: 10%; } 30% { width: 90%; } 70% { width: 90%; } 80% { width: 10%; } 100% { width: 10%; } } /* ====== * Hero 10 * ============ */ .atmc-hero-10 { position: relative; overflow: hidden; } @media (min-width:768px) and (max-width:991px) { .atmc-hero-10.atmc-full-height { display: block!important; min-height: 0; } .atmc-hero-10 .atmc-container > .row-fluid > div { display: block; width: 100%!important; margin: 0!important; } } /* Content */ .atmc-hero-10_content { width: 100%; max-width: 100%; margin: auto; } @media (min-width:992px) { .atmc-hero-10_content { padding-right: 3rem; } } /* CTAs */ .atmc-hero-10_ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .atmc-hero-10 .text-center .atmc-hero-10_ctas { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-hero-10_ctas > div:first-child { margin-right: 1rem; } /* Image */ .atmc-hero-10_image_wrapper { position: absolute; right: -20%; top: 0; width: 66%; height: 100%; transform: skew(-18deg); overflow: hidden; } /* @media (min-width:768px) and (max-width:991px) { .atmc-hero-10_image_wrapper { width: 66%; } } */ @media (min-width:992px) { .atmc-hero-10_image img { display: none!important; } .atmc-hero-10_image { position: absolute; top: 0; left: -18vw; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transform: skew(18deg); -webkit-transform: skew(18deg); } } @media (max-width:991px) { .atmc-hero-10 { padding-bottom: 0; } .atmc-hero-10_image_wrapper { position: relative; left: 0; right: 0; display: block; width: 100%; margin-top: 2rem; transform: initial; -webkit-transform: initial; } .atmc-hero-10_image { position: relative; display: block; width: 100%; height: auto; left: 0; background-image: none!important; transform: initial; -webkit-transform: initial; } .atmc-hero-10_image img { display: block; width: auto; } } /* ====== * Hero 11 * ============ */ .atmc-hero-11 { position: relative; } @media (min-width:768px) { .atmc-hero-11 .atmc-container > .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width:767px) { .atmc-hero-11 { padding: 0!important; } } /* Float Image */ @media (min-width:768px) { .atmc-hero-11_image { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-hero-11_image img { display: none!important; } } @media (max-width:767px) { .atmc-hero-11_image { background-image: none!important; } .atmc-hero-11_image img { display: inline-block; width: 100%; } } /* Content */ .atmc-hero-11_content { width: 500px; max-width: 100%; margin: auto; padding: 1rem 20px; } @media (max-width:767px) { .atmc-hero-11_content { padding: 2rem 20px; } } /* ====== * Hero 12 * ============ */ .atmc-hero-12 { position: relative; } /* Content */ .atmc-hero-12_content { width: 500px; max-width: 100%; margin: auto; } /* CTAs */ .atmc-hero-12_ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .atmc-hero-12 .text-center .atmc-hero-12_ctas { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-hero-12_ctas > div:first-child { margin-right: 1rem; } /* ====== * Hero 13 * ============ */ .atmc-hero-13 { position: relative; } /* Heading */ .atmc-hero-13_heading { letter-spacing: 10px; font-weight: bold; text-transform: uppercase; } @media (min-width:768px) { .atmc-hero-13_heading { font-size: 6rem; } } /* CTAs */ .atmc-hero-13_ctas { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .atmc-hero-13 .text-center .atmc-hero-13_ctas { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-hero-13_ctas > div:first-child { margin-right: 1rem; } /* Wrapper */ .atmc-hero-13_wrapper { position: relative; } .atmc-hero-13_wrapper:before { content: ""; position: absolute; left: -2rem; top: 0; width: 50%; height: 250%; border: 4px solid var(--lightgray); bottom: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 5; border-right: 0; } .atmc-hero-13_wrapper:after { content: ""; position: absolute; top: 0; width: 250px; height: 250px; bottom: 0; right: -10%; top: 50%; transform: translateY(-50%) scale(0.5); -webkit-transform: translateY(-50%) scale(0.5); z-index: 5; border-left: 0; background-color: var(--lightgray); opacity: 0.1; animation: atmcHero13 4s infinite; } @media (max-width:767px) { .atmc-hero-13 { padding: 10rem 0; } .atmc-hero-13_wrapper:before { height: 150%; } } @keyframes atmcHero13 { 30% { transform: translateY(-50%) scale(0.5); } 50% { transform: translateY(-50%) scale(0.5) rotateZ(360deg); } 100% { transform: translateY(-50%) scale(0.5) rotateZ(360deg); } } @-webkit-keyframes atmcHero13 { 30% { -webkit-transform: translateY(-50%) scale(0.5); } 50% { -webkit-transform: translateY(-50%) scale(0.5) rotateZ(360deg); } 100% { -webkit-transform: translateY(-50%) scale(0.5) rotateZ(360deg); } } /* ====== * Hero 14 * ============ */ .atmc-hero-14 { padding: 7rem 0; } /* Breadcrumb */ .atmc-hero-14_menu ul.hs-breadcrumb-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; font-size: 16px; } .atmc-hero-14_menu ul.hs-breadcrumb-menu li { position: relative; display: inline-block; padding: 0 15px 0 10px; } .atmc-hero-14_menu .hs-breadcrumb-menu > li:first-child { padding-left: 0; } .atmc-hero-14_menu .hs-breadcrumb-menu > li:after { content: "/"; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; color: var(--lightgray); } .atmc-hero-14_menu .hs-breadcrumb-menu > li:last-child { color: var(--primary); text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 14px; } .atmc-hero-14_menu .hs-breadcrumb-menu > li:last-child:after { display: none; } .atmc-hero-14_menu ul.hs-breadcrumb-menu li a { color: var(--lightgray); font-size: 14px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; } .atmc-hero-14_menu ul.hs-breadcrumb-menu li a:hover { color: var(--primary); } .atmc-hero-14_home a { line-height: 1; } .atmc-hero-14_icon svg { height: 14px; transition: 0.3s ease; } .atmc-hero-14_home a:hover svg { fill: var(--primary); } /* Divider */ .atmc-hero-14_menu .hs-breadcrumb-menu-divider { display: none!important; } /* @media(min-width:980px){.atmc-hero-06{background-position-x:-640px} }@media(min-width:1200px){.atmc-hero-06{background-position-x:-480px} }@media(min-width:1440px){.atmc-hero-06{background-position-x:-3000px} }@media(min-width:1600px){.atmc-hero-06{background-position-x:-250px} }@media(min-width:1800px){.atmc-hero-06{background-position-x:0} }@media(min-width:2000px){.atmc-hero-06{background-position-x:100px} */ /* }@media(min-width:2200px){.atmc-hero-06{background-position-x:230px;padding:10rem 0 4rem} }@media(min-width:2500px){.atmc-hero-06{background-position-y:80px;background-position-x:370px} } */ @media (max-width: 600px) { .atmc-hero-06 .atmc-hero-06_ctas > div { margin-bottom: 15px; display: flex; width: 100%; } .atmc-hero-06 .atmc-hero-06_ctas a { display: flex !important; justify-content: center; } .atmc-hero-06 .atmc-hero-06_ctas span { width: 100%; } } .atmc-hero-slider.slick-dotted.slick-slider, .atmc-hero-slider-wrapper .slick-dotted.slick-slider { margin-bottom: 0px!important; } /* ====== * Hero Slider 01 * ============ */ .atmc-hero-slider-01 { position: relative; } .atmc-hero-slider-01_box { padding: 10rem 0; position: relative; } .atmc-hero-slider-01_box.atmc-full-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } @media (max-width:767px) { .atmc-hero-slider-01_box { padding: 5rem 0; } } /* Arrows */ .atmc-hero-slider-01 .slick-arrow.slick-prev { left: 2rem; } .atmc-hero-slider-01 .slick-arrow.slick-next { right : 2rem; left: auto; } /* ====== * Hero Slider 02 * ============ */ .atmc-hero-slider-02 { position: relative; } .atmc-hero-slider-02_box { padding: 10rem 0 20rem; } .atmc-hero-slider-02_box.atmc-full-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } @media (max-width:767px) { .atmc-hero-slider-02_box { padding: 5rem 0 10rem; } } /* Thumbnails */ .atmc-hero-slider-02_thumb_repeater { position: absolute; bottom: 1rem; left: 0; right: 0; z-index: 5; } .atmc-hero-slider-02_thumb_repeater .slick-slide { } .atmc-hero-slider-02_thumb_repeater .atmc-container { max-width: 600px; } .atmc-hero-slider-02_thumb { padding: 0 1rem; cursor: pointer; } .atmc-hero-slider-02_thumb_image { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-hero-slider-02_thumb_image:before { content: ""; display: block; padding-bottom: 62.5%; } .atmc-hero-slider-02_thumb_image:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.75; transition: 0.3s ease; } .atmc-hero-slider-02_thumb_repeater .slick-slide:hover .atmc-hero-slider-02_thumb_image:after, .atmc-hero-slider-02_thumb_repeater .slick-current .atmc-hero-slider-02_thumb_image:after{ opacity: 0; } /* ====== * Hero Slider 03 * ============ */ .atmc-hero-slider-03 { position: relative; } .atmc-hero-slider-03_box { padding: 10rem 0; position: relative; } .atmc-hero-slider-03_box.atmc-full-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } .atmc-hero-slider-03_box.atmc-overlay:before { z-index: 2; } .atmc-hero-slider-03_box .atmc-container { position: relative; z-index: 3; } .atmc-hero-slider-03_box .atmc-hero-slider-03_bg_01 { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; } .atmc-hero-slider-03_box .atmc-hero-slider-03_bg_02 { position: absolute; right: 0; top: 0; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1; } @media (max-width:767px) { .atmc-hero-slider-03_box { padding: 5rem 0; } } /* ====== * Hero Slider 04 * ============ */ .atmc-hero-slider-04 { position: relative; } .atmc-hero-slider-04_box { padding: 10rem 0; position: relative; } .atmc-hero-slider-04_box.atmc-full-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } @media (max-width:767px) { .atmc-hero-slider-04_box { padding: 5rem 0; } } /* ====== * Hero Slider 05 * ============ */ .atmc-hero-slider-05 { position: relative; } .atmc-hero-slider-05_box { padding: 10rem 0; position: relative; } .atmc-hero-slider-05_box.atmc-full-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } .atmc-hero-slider-05_box.atmc-overlay:before { z-index: 2; } .atmc-hero-slider-05_box .atmc-container { position: relative; z-index: 3; } .atmc-hero-slider-05_box .atmc-hero-slider-05_bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 0; -webkit-transform: scale(1.4); transform: scale(1.4); transition: 5s ease; } @media (max-width:767px) { .atmc-hero-slider-05_box { padding: 5rem 0; } } @-webkit-keyframes scaleUp2 { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); transition: 5s ease; filter: blur(10px); } 100% { opacity: 1; -webkit-transform: scale(1.4); transform: scale(1.4); filter: blur(0); transition: 5s ease; } } @keyframes scaleUp2 { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); filter: blur(10px); transition: 5s ease; } 100% { opacity: 1; -webkit-transform: scale(1.4); transform: scale(1.4); filter: blur(0); transition: 5s ease; } } .animate__scaleUp2 { -webkit-animation-name: scaleUp2; animation-name: scaleUp2; } /* ====== * Hero Slider 06 * ============ */ .atmc-hero-slider-06 { position: relative; } .atmc-hero-slider-06_box { padding: 10rem 0; position: relative; } .atmc-hero-slider-06_box.atmc-full-height { position: relative; } @media (min-width:768px) { .atmc-hero-slider-06_box.atmc-full-height { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100vh; } } @media (max-width:767px) { .atmc-hero-slider-06_box { padding-bottom: 2.9rem; } } .atmc-hero-sider-06_img_wrapper { position: absolute; width: 45%; top: 0; left: 50%; height: 100%; z-index: 1; transform: skew(-15deg); overflow: hidden; transition: 3s ease; } .atmc-hero-slider-06_box .atmc-overlay:before { z-index: 2; } .atmc-hero-sider-06_img { position: absolute; left: -18%; top: 0; width: 150%; height: 100%; transform: skew(15deg); background-size: cover; background-repeat: no-repeat; background-position: center; } @media (max-width:767px) { .atmc-hero-slider-06_box { padding-top: 0px; } .atmc-hero-sider-06_img_wrapper { position: relative; top: 0; left: 0; display: block; width: 100%; transform: initial; margin-bottom: 2rem; } .atmc-hero-sider-06_img { left: 0; transform: initial; } .atmc-hero-sider-06_img_wrapper:before { content: ""; display: block; padding-bottom: 62.5%; } } @-webkit-keyframes heroSlider06 { 0% { width: 0; transition: 3s ease; filter: blur(4px); } 100% { width: 45%; filter: blur(0); transition: 3s ease; } } @keyframes heroSlider06 { 0% { width: 0; filter: blur(4px); transition: 3s ease; } 100% { width: 45%; filter: blur(0); transition: 3s ease; } } @media (min-width:768px) { .animate__heroSlider06 { -webkit-animation-name: heroSlider06; animation-name: heroSlider06; } } /* Overwrite arrow styling */ .atmc-dots-01 .slick-slider .slick-dots { position: absolute; top: 0; right: 1rem; width: 20px; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .atmc-dots-01 .slick-slider .slick-dots li { margin: 3px 0; } @media (max-width:576px) { .atmc-dots-01 .slick-slider .slick-dots { display: none!important; } } .slick-slider .slick-arrow.slick-next:before { content: '' !important; width: 80px; height: 80px; box-shadow: none; background: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/arrow_forward_ios.png"); background-repeat: no-repeat; } .slick-slider .slick-arrow.slick-prev:before { content: '' !important; width: 80px; height: 80px; box-shadow: none; background: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/Vector.png"); background-repeat: no-repeat; } /* ====== * Icon 01 * ============ */ .atmc-icon-01 svg { width: 2rem; } /* ====== * Icon 02 * ============ */ .atmc-icon-02 > div { width: 4rem; height: 4rem; } .atmc-icon-02 svg { height: 2rem; display: block; } /* ====== * Icon 03 * ============ */ .atmc-icon-03 > div { width: 4rem; height: 4rem; } .atmc-icon-03 svg { height: 2rem; display: block; } /* ====== * Icon 04 * ============ */ .atmc-icon-04 > div { width: 4rem; height: 4rem; } .atmc-icon-04 svg { height: 2rem; display: block; } /* ====== * Icon 05 * ============ */ .atmc-icon-05 > div { width: 4rem; height: 4rem; } .atmc-icon-05 svg { height: 2rem; display: block; } /* ====== * Icon 06 * ============ */ .atmc-icon-06 > div { width: 4rem; height: 4rem; } .atmc-icon-06 svg { height: 2rem; display: block; } /* ====== * Icon 07 * ============ */ .atmc-icon-07 > div { width: 4rem; height: 4rem; } .atmc-icon-07 svg { height: 2rem; display: block; } /* ====== * Icon 08 * ============ */ .atmc-icon-08 > div { width: 4rem; height: 4rem; } .atmc-icon-08 svg { height: 1.5rem; display: block; } /* ====== * Icon 09 * ============ */ .atmc-icon-09 > div { width: 4rem; height: 4rem; } .atmc-icon-09 svg { height: 1.5rem; display: block; } .atmc-image-default { } .atmc-image-default img { display: block; } .atmc-image-default .top-left-curve { border-top-left-radius: 97px; } .atmc-image-default .top-right-curve { border-top-right-radius: 97px; } .atmc-image-default .bottom-left-curve { border-bottom-left-radius: 97px; } .atmc-image-default .bottom-right-curve { border-bottom-right-radius: 97px; } /* ====== * Image 05 * ============ */ .atmc-image-05 { position: relative; } .atmc-image-05 img { display: block; } .atmc-image-05 h3 { position: absolute; left: 1rem; bottom: 1rem; margin: 0; z-index: 5; } /* ====== * Image 06 * ============ */ .atmc-image-06 { position: relative; } .atmc-image-06 p { width: 100%; text-align: right; } /* ====== * Image 07 * ============ */ .atmc-image-07 { position: relative; } .atmc-image-07_wrapper { margin-bottom: 22%; } .atmc-image-07_img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; width: 70%; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); border-radius: var(--border_radius); } .atmc-image-07_img_02 { position: absolute; right: 0; top: 50%; z-index: 4; } .atmc-image-07_img:before { content: ""; display: block; padding-bottom: 62.5%; } /* ====== * Image 09 * ============ */ .atmc-image-09 { position: relative; } .atmc-image-09_wrapper { } .atmc-image-09_img { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; -ms-flex-preferred-size: 48%; flex-basis: 48%; width: 48%; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); border-radius: var(--border_radius); } .atmc-image-09_img_02 { transform: translateY(30px); -webkit-transform: translateY(30px); } .atmc-image-09_img:before { content: ""; display: block; padding-bottom: 133%; } /* ====== * Image 10 * ============ */ .atmc-image-10 { position: relative; padding-bottom: 10%; } .atmc-image-10_image { position: relative; width: 80%; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 100%; text-align: center; padding: 1rem; } .atmc-image-10_image:before { content: ""; display: block; padding-bottom: 100%; } .atmc-image-10_text { position: absolute; border-radius: 100%; position: absolute; right: 0; bottom: 0; width: 250px; max-width: 100%; } .atmc-image-10_text:before { content: ""; display: block; padding-bottom: 100%; } @media (max-width:767px) { .atmc-image-10_text { width: 150px; } } /* ====== * Image 11 * ============ */ .atmc-image-11 { position: relative; display: inline-block; } .atmc-image-11:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: calc(100% - 16px); height: calc(100% - 16px); border: 1px solid #fff; z-index: 5; } .atmc-image-11 img { display: block; } /* ====== * Image 12 * ============ */ .atmc-image-12 { position: relative; display: block; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } /* ====== * List 01 * ============ */ .atmc-list-01 ul { padding-left: 0; } .atmc-list-01 ul li { position: relative; padding-left: 1rem; list-style: none; margin-bottom: 1rem; } .atmc-list-01 ul li:last-child { margin-bottom: 0; } .atmc-list-01 ul li:before { content: ""; position: absolute; left: 0; top: 0.7rem; width: 7px; height: 7px; background-color: var(--primary); border-radius: 100%; } /* ====== * List 02 * ============ */ .atmc-list-02 ul { padding-left: 0; } .atmc-list-02 ul li { position: relative; padding-left: 2rem; list-style: none; margin-bottom: 1rem; } .atmc-list-02 ul li:last-child { margin-bottom: 0; } .atmc-list-02 ul li:before { content: ""; position: absolute; left: 0; top: 0.7rem; width: 0.8rem; height: 3px; background-color: var(--primary); } /* ====== * List 03 * ============ */ .atmc-list-03 ul { padding-left: 0; } .atmc-list-03 ul li { position: relative; padding-left: 1.5rem; list-style: none; margin-bottom: 1rem; } .atmc-list-03 ul li:last-child { margin-bottom: 0; } .atmc-list-03_icon { position: absolute; left: 0; top: 0.1rem; } .atmc-list-03_icon svg { height: 15px; } /* ====== * List 04 * ============ */ .atmc-list-04 ul { padding-left: 1rem; } .atmc-list-04 ul li.atmc-card { position: relative; padding: 0.5rem 1rem 0.5rem 2rem; list-style: none; margin-bottom: 1rem; } .atmc-list-04 ul li:last-child { margin-bottom: 0; } .atmc-list-04_icon { position: absolute; top: 0.5rem; left: -1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 4px; } .atmc-list-04_icon svg { height: 15px; } /* ====== * List 05 * ============ */ .atmc-list-05 ul { padding-left: 0; } .atmc-list-05 ul li.atmc-card { position: relative; padding: 1rem 1rem 1rem 4rem; list-style: none; margin-bottom: 1rem; } .atmc-list-05 ul li:last-child { margin-bottom: 0; } .atmc-list-05_icon { position: absolute; top: 1.4rem; left: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; margin: auto; border-radius: 4px; border: 2px solid var(--primary); } .atmc-list-05_icon svg { height: 15px; } /* ====== * List 06 * ============ */ .atmc-list-06 ul { padding-left: 0; } .atmc-list-06 ul li { position: relative; padding-left: 1rem; list-style: none; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom-width: 1px; border-style: solid; } .atmc-list-06 ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0px!important; } .atmc-list-06 ul li:before { content: ""; position: absolute; left: 0; top: 0.7rem; width: 7px; height: 7px; background-color: var(--primary); border-radius: 100%; } /* ====== * List Numbered 01 * ============ */ .atmc-list-numbered-01 ul { padding-left: 0; } .atmc-list-numbered-01 ul li { position: relative; padding-left: 1.5rem; list-style: none; margin-bottom: 1rem; } .atmc-list-numbered-01 ul li:last-child { margin-bottom: 0; } .atmc-list-numbered-01_number { position: absolute; left: 0; top: 0.1rem; width: 1rem; text-align: right; } /* ====== * List Numbered 04 * ============ */ .atmc-list-numbered-04 ul { padding-left: 1rem; } .atmc-list-numbered-04 ul li.atmc-card { position: relative; padding: 0.5rem 1rem 0.5rem 2rem; list-style: none; margin-bottom: 1rem; } .atmc-list-numbered-04 ul li:last-child { margin-bottom: 0; } .atmc-list-numbered-04_number { position: absolute; top: 0.5rem; left: -1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 4px; font-size: 0.8rem; } /* ====== * List Numbered 05 * ============ */ .atmc-list-numbered-05 ul { padding-left: 0; } .atmc-list-numbered-05 ul li.atmc-card { position: relative; padding: 1rem 1rem 1rem 4rem; list-style: none; margin-bottom: 1rem; } .atmc-list-numbered-05 ul li:last-child { margin-bottom: 0; } .atmc-numbered-list-05_number { position: absolute; top: 1.4rem; left: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; font-size: 0.8rem; margin: auto; border-radius: 4px; border: 2px solid var(--primary); } /* ====== * List Numbered 06 * ============ */ .atmc-list-numbered-06 ul { padding-left: 0; } .atmc-list-numbered-06 ul li { position: relative; padding-left: 1.5rem; list-style: none; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom-width: 1px; border-style: solid; } .atmc-list-numbered-06 ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0px!important; } .atmc-list-numbered-06_number { position: absolute; left: 0; top: 0.1rem; width: 1rem; text-align: right; color: var(--primary)!important; } /* ====== * Logo 01 * ============ */ .atmc-logo-01 { position: relative; display: inline-block; width: 100%; background-color: #fff; } .atmc-logo-01:before { content: ""; display: block; padding-bottom: 100%; } .atmc-logo-01 img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 90%; max-height: 90%; } /* ====== * Logo 02 * ============ */ .atmc-logo-02 { position: relative; display: inline-block; width: 100%; } .atmc-logo-02:before { content: ""; display: block; padding-bottom: 62.5%; } .atmc-logo-02 img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 90%; max-height: 90%; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transition: 0.8s ease; } .atmc-logo-02_link:hover img { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } /* Corner Styling */ .atmc-logo-02_top { position: absolute; top: 0; right: 0; width: 0; height: 5px; transition: 0.8s ease; transition-delay: 0.05s; } .atmc-logo-02_link:hover .atmc-logo-02_top { width: 100%; } .atmc-logo-02_bottom { position: absolute; bottom: 0; left: 0; width: 0; height: 5px; transition: 0.8s ease; } .atmc-logo-02_link:hover .atmc-logo-02_bottom { width: 100%; } /* ====== * Logo 03 * ============ */ .atmc-logo-03 { position: relative; display: inline-block; width: 100%; } .atmc-logo-03:before { content: ""; display: block; padding-bottom: 100%; } .atmc-logo-03.atmc-logo-03_link { transition: 0.8s ease; } .atmc-logo-03_link:hover { border-color: transparent; } .atmc-logo-03 img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 90%; max-height: 90%; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transition: 0.8s ease; } .atmc-logo-03:hover img { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); } /* Corner Styling */ .atmc-logo-03_top { position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: 0.8s ease; transition-delay: 0.05s; } .atmc-logo-03_top:before { content: ""; position: absolute; left: 0; top: -1px; width: 0; height: 2px; background-color: var(--primary); transition: 0.8s ease; } .atmc-logo-03:hover .atmc-logo-03_top:before { width: 100%; } .atmc-logo-03_top:after { content: ""; position: absolute; right: -1px; bottom: 0; width: 2px; height: 0; background-color: var(--primary); transition: 0.8s ease; transition-delay: 0.05s; } .atmc-logo-03:hover .atmc-logo-03_top:after { height: 100%; } .atmc-logo-03_bottom:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 2px; background-color: var(--primary); transition: 0.8s ease; } .atmc-logo-03:hover .atmc-logo-03_bottom:before { width: 100%; } .atmc-logo-03_bottom:after { content: ""; position: absolute; left: -1px; bottom: 0; width: 2px; height: 0; background-color: var(--primary); transition: 0.8s ease; transition-delay: 0.1s; } .atmc-logo-03:hover .atmc-logo-03_bottom:after { height: 100%; } /* ====== * Logo 04 * ============ */ .atmc-logo-04 { position: relative; display: inline-block; width: auto; } .atmc-logo-04 a { display: inline-block; } .atmc-logo-04 img { position: relative; margin: auto; } /* * Menu 01 */ .atmc-menu-01 { padding: 1.5rem; overflow: hidden; } .atmc-menu-01 .atmc-card_header { padding: 1.5rem; margin: -1.5rem -1.5rem 1.5rem; } .atmc-menu-01 .atmc-card_header h5 { margin: 0; } .atmc-menu-01_repeater ul { margin: 0; display: block; } .atmc-menu-01_repeater ul li { display: block; } .atmc-menu-01_repeater a { display: block; padding: .5rem .75rem; border: 1px solid var(--lightgray); color: var(--base); font-size: .75rem; margin: 0 0 .5rem; border-radius: var(--border_radius)px; } .atmc-menu-01_repeater a:hover { background-color: var(--primary); border-color: var(--primary); color: #fff; } /* * Menu 02 */ .atmc-menu-02 { position: relative; background-color: #fff; } .atmc-menu-02_heading { display: block; padding: 1.5rem 1.5rem 1rem; } .atmc-menu-02_heading h5 { margin: 0; } .atmc-menu-02_repeater { padding: 1rem; } .atmc-menu-02_repeater ul { display: block; width: 100%; margin: 0; } .atmc-menu-02_repeater a { display: block; width: 100%; padding: .5rem .75rem; color: var(--base); font-size: .9rem; border-radius: var(--border_radius)px; } .atmc-menu-02_repeater a:hover { background-color: var(--light); } /* * Menu 03 */ .atmc-menu-03_heading { display: block; margin: 0 0 1rem; } .atmc-menu-03_repeater ul { display: block; margin: 0; } .atmc-menu-03_repeater a { display: block; color: var(--base); } .atmc-menu-03_repeater a:hover { background-color: var(--primary); color: #fff; } .atmc-menu-03_repeater .hs-menu-wrapper > ul > li { display: block; width: 100%; margin-bottom: 0.5rem; border-radius: var(--border_radius)px; background-color: #fff; overflow: hidden; } .atmc-menu-03_repeater .hs-menu-wrapper > ul > li > a { padding: .75rem 1rem; background-color: #fff; font-weight: 500; } .atmc-menu-03_repeater .hs-menu-wrapper > ul > li > a:hover { background-color: var(--primary); color: #fff; } /* Lv 2 */ .atmc-menu-03_repeater .hs-menu-wrapper > ul .hs-menu-children-wrapper { padding: 0; background-color: #fff; border-top: 1px solid var(--light); } .atmc-menu-03_repeater .hs-menu-wrapper > ul .hs-menu-children-wrapper a { padding: 0.5rem 1rem .5rem 1.5rem; margin: 0; font-size: 0.9rem; background-color: transparent; box-shadow: none; } .atmc-menu-03_repeater .hs-menu-wrapper > ul .hs-menu-children-wrapper a:hover { background-color: var(--primary); color: #fff; } /* * Menu 04 */ .atmc-menu-04 { padding: 1.5rem; } .atmc-menu-04_menu ul { display: block; margin: 0; } .atmc-menu-04_menu ul li + li { margin-top: 1rem; } .atmc-menu-04_icon svg { height: 1.75rem; transition: 0.2s ease; } .atmc-menu-04_menu a { display: block; max-width: 100%; padding: 1rem; color: #fff; border: 1px solid var(--light); font-size: .8rem; letter-spacing: 1px; border-radius: var(--border_radius); opacity: 0.6; } .atmc-menu-04_menu a:hover { opacity: 1; color: #fff; background-color: rgba(255, 255, 255, 0.1); } .atmc-menu-04_menu a:hover svg { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } /* * Menu 05 */ .atmc-menu-05 { position: relative; text-align: center; } .atmc-menu-05_menu ul { display: block; margin: 0; } .atmc-menu-05_menu ul li { margin: 0; } .atmc-menu-05_menu a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 1rem 1rem 1rem 6rem; font-size: 0.9rem; background-color: var(--dark); border-radius: 4px; color: #fff; margin-top: .5rem; } .atmc-menu-05_menu a:hover { color: #fff; background-color: var(--primary); } .atmc-menu-05_icon { position: absolute; left: 0; top: 0; width: 4rem; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #fff; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .atmc-menu-05_icon svg { height: 1rem; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .atmc-menu-05_menu a:hover svg { transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); } /* ====== * Menu 06 * ============ */ .atmc-menu-06_menu { } .atmc-menu-06_menu ul li a { color: var(--base); } .atmc-menu-06_menu ul li a:hover { color: var(--primary); } .atmc-menu-06_menu .hs-menu-wrapper ul li { display: inline-block; width: 100%; } .atmc-menu-06_menu .hs-menu-wrapper ul li a { display: inline-block; width: auto; } .atmc-menu-06_menu .hs-menu-wrapper > ul > li > a { font-weight: bold; } .atmc-menu-06_menu .hs-menu-wrapper > ul > li ul.hs-menu-children-wrapper { padding-left: 1rem; } .atmc-voucher-01_voucher { padding: 0; background: #fff; } @media (min-width:768px) { .atmc-voucher-01_voucher > .row-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } } /* Detail */ .atmc-voucher-01_text { position: relative; padding: 3rem; background: #fff; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .atmc-voucher-01_text > div { width: 100%; } .atmc-voucher-01_detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 24rem; } .atmc-voucher-01_loc { margin: 0; } .atmc-voucher-01_detail p { margin: 0; } .atmc-voucher-01_detail p span { display: block; } /* QR */ .atmc-voucher-01_qr { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 4rem; text-align: center; } .atmc-voucher-01_qr img { width: 12rem; max-width: 100%; height: auto; margin: auto; } /* ====== * Offer 03 * ============ */ .atmc-offer-03_content { position: relative; } .atmc-offer-03_icon { width: 3rem; min-width: 3rem; height: 3rem; } .atmc-offer-03_icon svg { height: 1.5rem; } /* ====== * Offer 04 * ============ */ .atmc-offer-04_icon { width: 3rem; height: 3rem; } .atmc-offer-04_icon svg { height: 1.5rem; } @media (max-width: 760px) { .shape-on{ padding: 5rem 0; } } .atmc-offer-02 { padding-left: 15px; padding-right: 15px; } .atmc-offer-02 .cta img { display: none; } .hs-cta-img { display: none !important } /* .atmc-offer-02 { padding: 3rem 0; } @media (min-width: 760px) { .shape-on{ padding: 5rem 0; } } @media (min-width: 980px) { .shape-on { padding: 6.5rem 0; } } */ /* @media (min-width: 1900px) { .shape-on{ padding: 7.5rem 0; } } @media (min-width: 2000px) { .shape-on{ padding: 8.5rem 0; } } @media (min-width: 2200px) { .shape-on{ padding: 10rem 0; } } @media (min-width: 2500px) { .shape-on{ padding: 11.5rem 0; } } */ .shape-on { min-height: 480px; display: flex; align-items: center; justify-content: center; } .atmc-offer-02.shape-on .content-holder { z-index: 9; position: inherit; padding: 41px 15px; } .atmc-offer-02 .content-holder h2 { color: white; } .atmc-offer-02 .content-holder .content p { margin-bottom: 33px; } .atmc-offer-02 .content-holder .content,.atmc-offer-02 .content-holder .content p, .atmc-offer-02 .content-holder .content span { font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; color: white; line-height: 32px; } .atmc-offer-02.bg-base { background: #2E5559 } .atmc-offer-02 img { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; } /* ====== * Offer 05 * ============ */ .atmc-offer-05 { position: relative; padding: 7rem 2rem; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } .atmc-offer-05.atmc-offer-05_overlay:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--gray900); opacity: 0.5; z-index: 2; } .atmc-offer-05_content { position: relative; z-index: 3; } /* ====== * Offer 06 * ============ */ .atmc-offer-06 { position: relative; padding: 2rem; min-height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } .atmc-offer-06.atmc-offer-06_overlay:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--gray900); opacity: 0.5; z-index: 2; } .atmc-offer-06_content { position: relative; z-index: 3; } /* ====== * Offer 07 * ============ */ .atmc-offer-07 { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; } .atmc-offer-07.atmc-offer-07_overlay:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--gray900); opacity: 0.5; z-index: 2; } .atmc-offer-07_content { position: relative; z-index: 3; } /* ====== * Offer 08 * ============ */ .atmc-offer-08 { padding: 0; overflow: hidden; } .atmc-offer-08_image { background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-offer-08_content { position: relative; padding: 3rem; } @media (max-width: 767px) { .atmc-offer-08_image { padding-bottom: 50%; } } @media (min-width: 768px) { .atmc-offer-08_image { -ms-flex-preferred-size: 40%; flex-basis: 40%; width: 40%; } .atmc-offer-08_content { position: relative; -ms-flex-preferred-size: 60%; flex-basis: 60%; width: 60%; } } .homepage-offer-2 .content-holder{ padding: 70px 0 90px; } .atmc-pricing sub { font-size: .4em; bottom: 0; } /* * Pricing 01 */ /* Price */ .atmc-pricing-01_price { font-size: 4.5rem; } .atmc-pricing-01_price sup { font-size: 40%; top: -1em; } /* Features */ .atmc-pricing-01_box { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0.5; } .atmc-pricing-01_box:last-child { margin-bottom: 0; } .atmc-pricing-01_box_active { opacity: 1; } /* Icon */ .atmc-pricing-01 svg { height: 1rem; margin-right: .75rem; } /* * Pricing 02 */ /* Price */ .atmc-pricing-02_price { font-size: 2rem; } .atmc-pricing-02_price sup { font-size: .4em; top: -1em; } @media (min-width: 992px) { .atmc-pricing-02_price { font-size: 3.5rem; } } /* * Pricing 03 */ /* Text */ .atmc-pricing-03 p { margin-bottom: 0; } /* Price */ .atmc-pricing-03_price { font-size: 3.5rem; } .atmc-pricing-03_price sup { font-size: 40%; top: -1em; } /* * Pricing 04 */ /* Price */ .atmc-pricing-04_price sup { font-size: .4em; top: -1em; } .atmc-pricing-04_price sub { font-size: .4em; } /* Icon */ .atmc-pricing-04_icon svg { height: 2rem; } /* * Pricing 05 */ /* Layout */ .atmc-pricing-05_label { width: 40%; background-color: transparent; } .atmc-pricing-05_3col { width: 20%; } .atmc-pricing-05_2col { width: 30%; } /* Table */ .atmc-pricing-05 table { border-collapse: collapse; border: 0px; width: 100%; } .atmc-pricing-05 table th { border: 0; } .atmc-pricing-05 table tr { border-bottom: 1px solid var(--lightgray); } .atmc-pricing-05 table tr:last-child { border-bottom: 0; } .atmc-pricing-05 table td { padding: 2rem 0.5rem; border: 0px; } /* Price */ .atmc-pricing-05_price { font-size: 3rem; } .atmc-pricing-05_price sup { font-size: 40%; top: -1em; } .atmc-pricing-05_price sub { font-size: 40%; } /* Features */ .atmc-pricing-05_box { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0.5; } .atmc-pricing-05_box:last-child { margin-bottom: 0; } .atmc-pricing-05_box_active { opacity: 1; } /* Icon */ .atmc-pricing-05 svg { height: 25px; } /* Mobile */ .atmc-pricing-05_mobile ul { padding: 0; } .atmc-pricing-05_mobile ul li { list-style: none; margin: 0 0 1rem; padding: 0; } .atmc-pricing-05_mobile_feature { margin: 0; } .atmc-pd-01_box { position: relative; display: inline-block; width: 100%; } /* Detail */ .atmc-pd-01_detail { width: 100%; } .atmc-pd-01_detail h4 { margin: 0 1rem 0 0; } .atmc-pd-01_price { margin-right: 1rem; } /* ====== * Product Listing 01 * ============ */ .atmc-pl-01_box { position: relative; display: inline-block; width: 100%; } .atmc-pl-01_box img { margin: auto; } .atmc-pl-01 .atmc-slider .atmc-pl-01_box { margin: 3rem 0; } /* Highlight */ .atmc-pl-01_highlight { position: absolute; top: 0.5rem; right: 0.5rem; margin: 0; padding: 0.5rem 0.7rem; font-size: 0.8rem; line-height: 1; color: #fff!important; } /* Price */ .atmc-pl-01_price { font-weight: bold; font-size: 1.1rem; color: var(--primary)!important; } /* ====== * Product Listing 02 * ============ */ .atmc-pl-02_box { position: relative; display: inline-block; width: 100%; padding: 0; } /* Image */ .atmc-pl-02_image_wrapper { position: relative; } .atmc-pl-02_image_wrapper:before { content: ""; display: block; padding-bottom: 133%; } .atmc-pl-02_image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center; } /* Highlight */ .atmc-pl-02_highlight { position: absolute; top: 0.5rem; right: 0.5rem; margin: 0; padding: 0.5rem 0.7rem; font-size: 0.8rem; line-height: 1; color: #fff!important; } /* Tag */ .atmc-pl-02_tag { position: absolute; bottom: 0.5rem; left: 0.5rem; margin: 0; padding: 0.5rem 0.7rem; font-size: 0.8rem; line-height: 1; color: #fff!important; border-radius: 15px; } /* Text */ .atmc-pl-02_name { margin: 0; } .atmc-pl-02_price { margin: 0; } /* ====== * Product Listing 03 * ============ */ .atmc-pl-03_repeater { grid-row-gap: 6rem; } .atmc-pl-03_box { position: relative; display: inline-block; width: 100%; padding: 0; } /* Image */ .atmc-pl-03_image_wrapper { position: relative; } .atmc-pl-03_image_wrapper:before { content: ""; display: block; padding-bottom: 100%; } .atmc-pl-03_image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center; } /* Highlight */ .atmc-pl-03_highlight { position: absolute; top: 0.5rem; right: 0.5rem; margin: 0; padding: 0.5rem 0.7rem; font-size: 0.8rem; line-height: 1; color: #fff!important; } /* ====== * Product Listing 04 * ============ */ .atmc-pl-04_box { position: relative; display: inline-block; width: 100%; padding: 2rem; } .atmc-pl-04 .atmc-slider .atmc-pl-04_box { margin: 2rem 0; } .atmc-pl-04_box img { margin: auto; } .atmc-pl-04_name { -ms-flex-preferred-size: 60%; flex-basis: 60%; width: 60%; margin: 0; } .atmc-pl-04_price_wrapper { -ms-flex-preferred-size: 40%; flex-basis: 40%; width: 40%; margin: 0; text-align: right; } .atmc-pl-04_price_wrapper span { padding: 0.5rem 0.7rem; font-size: 0.8rem; line-height: 1; color: #fff!important; font-weight: bold; text-align: right; border-radius: 15px; } /* ====== * Progress 01 * ============ */ .atmc-progress-01 { position: relative; padding-bottom: 50px; } .atmc-progress-01 .progressbar-text { right: 0!important; bottom: 0!important; margin: auto!important; left: auto!important; top: auto!important; transform: initial!important; font-size: 2rem; color: var(--primary); } /* ====== * Progress 02 * ============ */ .atmc-progress-02_container { position: relative; display: inline-block; } .atmc-progress-02 .progressbar-text { font-size: 2rem; } /* ====== * Progress 03 * ============ */ .atmc-progress-03_container { position: relative; display: inline-block; } .atmc-progress-03 .progressbar-text { font-size: 2rem; } .atmc-rating-01 { position: relative; } .atmc-rating-01 svg { margin-right: 3px; } .atmc-rating-01-small svg { height: .75rem; } .atmc-rating-01-medium svg { height: 1rem; } .atmc-rating-01-large svg { height: 1.5rem; } /* ====== * Reading Indicator 01 * ============ */ .atmc-reading-indicator-01 { position: fixed; left: 0; top: 0; max-width: 100%; height: 5px; z-index: 10; } /* ====== * Reading Indicator 02 * ============ */ .atmc-reading-indicator-02 { position: fixed; left: 0; top: 0; width: 5px; z-index: 10; } /* ====== * Reading Indicator 03 * ============ */ .atmc-reading-indicator-03 { position: fixed; left: 0; bottom: 0; max-width: 100%; height: 5px; z-index: 10; } /* ====== * Resources 01 * ============ */ .atmc-resource-01 { grid-row-gap: 4rem; } .atmc-resource-01_img { -ms-flex-preferred-size: auto; flex-basis: auto; } .atmc-resource-01_img img { max-width: 10rem!important; height: auto!important; } .atmc-resource-01_content { -ms-flex-preferred-size: 100%; flex-basis: 100%; } /* ====== * Resources 02 * ============ */ .atmc-resource-02 { grid-row-gap: 4rem; } .atmc-resource-02_img img { max-width: 12rem!important; height: auto!important; } .atmc-resource-02_content { -ms-flex-preferred-size: 100%; flex-basis: 100%; } /* ====== * Schedule 01 * ============ */ .atmc-schedule-01_box { padding: 1rem 0; } .atmc-schedule-01_box:last-child { border-bottom: 0; } .atmc-schedule-01_date { font-size: 1.25rem; } @media (min-width:576px) { .atmc-schedule-01_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .atmc-schedule-01_day { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; } .atmc-schedule-01_date { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; text-align: right; } } /* ====== * Schedule 02 * ============ */ .section-settings-iframe { background: repeating-linear-gradient( 45deg, #fafafa, #fafafa 10px, #dddddd 10px, #dddddd 20px ); background-color: #f9f9f9; width: 100%; height: 30px; text-align: center; display: flex; align-items: center; justify-content: center; } .section-settings-iframe span { color: #000; font-size: 14px; font-weight: bold; } /* Smooth scroll */ .atmc-smooth-scroll-02 { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; margin: auto; width: 3rem; height: 3rem; cursor: pointer; transform: translateY(50%); z-index: 10; transition: all ease 200ms; } .atmc-smooth-scroll-02 svg { height: 1.5rem; display: block; } .atmc-smooth-scroll-02:hover { background: var(--primary)!important; } .atmc-smooth-scroll-02:hover svg { fill: #fff; } /* Overlay */ .atmc-overlay-parent { position: relative; z-index: 2; } .atmc-overlay-parent > .row-fluid { position: relative; z-index: 5; } .atmc-overlay-module { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0!important; } /* ====== * Table 01 * ============ */ /* Layout */ .atmc-table-01_label { width: 20%; background-color: transparent; } /* Table */ .atmc-table-01 table { /* width: 100%; min-width: 950px; */ border-collapse: collapse; border: 0px; } .atmc-table-01 table th { border: 0; color: #fff; background-color: transparent; } .atmc-table-01 table tbody tr { border-bottom: 1px solid var(--lightgray); background-color: #fff; } .atmc-table-01 table tbody tr:nth-child(odd) { background-color: var(--light); } .atmc-table-01 table tbody tr:hover { background-color: var(--primary); color: #fff; } .atmc-table-01 table tbody tr:last-child { border-bottom: 0; } .atmc-table-01 table td { padding: 1rem; border: 0px; } @media (max-width:1000px) { .atmc-table-01_wrapper { overflow-x: scroll; } } /* ====== * Table 02 * ============ */ /* Layout */ .atmc-table-02_label { width: 20%; background-color: transparent; } /* Table */ .atmc-table-02 table { width: 100%; min-width: 950px; border-collapse: collapse; border: 0px; } .atmc-table-02 table th { border: 0; color: #fff; background-color: transparent; text-align: center; } .atmc-table-02 table tbody tr { border-bottom: 1px solid var(--lightgray); background-color: #fff; } .atmc-table-02 table tbody tr:nth-child(odd) { background-color: var(--light); } .atmc-table-02 table tbody tr:hover { background-color: var(--primary); color: #fff; } .atmc-table-02 table tbody tr:last-child { border-bottom: 0; } .atmc-table-02 table td { padding: 1rem; border: 1px solid var(--lightgray); } @media (max-width:1000px) { .atmc-table-02_wrapper { overflow-x: scroll; } } /* ====== * Table 03 * ============ */ /* Layout */ .atmc-table-03_label { width: 20%; background-color: transparent; } /* Table */ .atmc-table-03 table { width: 100%; min-width: 950px; border-collapse: collapse; border: 0px; } .atmc-table-03 table th { border: 0; background-color: transparent; text-align: center; } .atmc-table-03 .text-base .atmc-table-03_col { color: var(--base); } .atmc-table-03 table tbody tr { border: 0; background-color: #fff; } .atmc-table-03 table tbody tr:nth-child(odd) { background-color: var(--light); } .atmc-table-03 table tbody tr:hover { background-color: var(--primary); color: #fff; } .atmc-table-03 table td { padding: 1rem; border: 0px; text-align: center; } .atmc-table-03 table tbody tr td:first-child { background-color: var(--dark); color: #fff; text-align: left; } .atmc-table-03 table tbody tr:nth-child(odd) td:first-child { background-color: var(--dark400); } @media (max-width:1000px) { .atmc-table-03_wrapper { overflow-x: scroll; } } /* ====== * Tabs 01 * ============ */ .atmc-tabs-01 { z-index: 9; position: relative; } @media(max-width: 1440px){ margin-right: 15px; margin-left: 15px; } .atmc-tabs-01 .atmc-tabs-01_slide_repeater { background: #eee; border-bottom-right-radius: 97px; } .atmc-tabs-01_thumb_repeater { margin: 0 -1rem 1rem; } .atmc-tabs-01_thumb_wrapper { display: block; } .atmc-tabs-01_thumb { padding: 1.5rem; cursor: pointer; transition: 0.3s ease; margin: 1rem; } .atmc-tabs-01_thumb:hover, .atmc-tabs-01_thumb_repeater .slick-current .atmc-tabs-01_thumb { background-color: var(--primary); } .atmc-tabs-01_thumb p { transition: 0.3s ease; } .atmc-tabs-01_thumb:hover h4, .atmc-tabs-01_thumb_repeater .slick-current .atmc-tabs-01_thumb h4 { color: #fff; } .atmc-tabs-01_thumb:hover p, .atmc-tabs-01_thumb_repeater .slick-current .atmc-tabs-01_thumb p { color: #fff; } /* ====== * Tabs 02 * ============ */ /* Thumbnails */ .atmc-tabs-02_thumb_repeater { max-width: 850px; margin: 0 auto 3rem; } .atmc-tabs-02_thumb_repeater .slick-list { padding: 0!important; margin: 0 50px; } .atmc-tabs-02_thumb { padding: 0 0.5rem; cursor: pointer; transition: 0.3s ease; } .atmc-tabs-02_thumb_icon { width: 4rem; height: 4rem; margin: 0 auto 0.25rem; transition: 0.3s ease; } .atmc-tabs-02_thumb:hover .atmc-tabs-02_thumb_icon, .atmc-tabs-02_thumb_repeater .slick-current .atmc-tabs-02_thumb_icon { background-color: var(--primary)!important; transform: scale(0.9); } .atmc-tabs-02_thumb_icon svg { height: 2rem; } .atmc-tabs-02_thumb h4 { margin: 0 0 1rem; transition: 0.5s ease; } .atmc-tabs-02_thumb:hover h4, .atmc-tabs-02_thumb_repeater .slick-current .atmc-tabs-02_thumb h4 { color: var(--primary); } @media (max-width:767px) { .atmc-tabs-02_thumb_repeater .slick-list { margin: 0 20px; } .atmc-tabs-02_thumb { padding: 0 0.5rem; } } /* ====== * Tabs 03 * ============ */ .atmc-tabs-03_thumb_repeater { display: block; } .atmc-tabs-03_thumb { padding: 1.5rem; cursor: pointer; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .atmc-tab-03_icon svg { height: 1.5rem; } .atmc-tabs-03_thumb h5 { margin: 0; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .atmc-tabs-03_thumb:hover, .atmc-tabs-03_thumb:hover h5, .atmc-tabs-03_thumb:hover .atmc-tab-03_icon svg { color: var(--primary); fill: var(--primary); } .atmc-tabs-03_thumb_repeater .slick-current .atmc-tabs-03_thumb { background-color: var(--primary); } .atmc-tabs-03_thumb_repeater .slick-current .atmc-tab-03_icon svg { fill: #fff; } .atmc-tabs-03_thumb_repeater .slick-current .atmc-tabs-03_thumb h5 { color: #fff; } /* ====== * Tabs 04 * ============ */ .atmc-tabs-04_thumb_repeater { position: relative; display: block; z-index: 5; } .atmc-tabs-04_thumb_wrapper { position: relative; padding-bottom: 1rem; } .atmc-tabs-04_thumb { padding: 2rem; cursor: pointer; border-color: transparent; transition: 0.3s ease; } .atmc-tabs-04_thumb:hover, .atmc-tabs-04_thumb_repeater .slick-current .atmc-tabs-04_thumb { border-color: var(--primary); background-color: var(--dark); } .atmc-tabs-04_thumb_repeater .slick-current .atmc-tabs-04_thumb:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0; height: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: 1rem solid var(--dark); transition: 0.3s ease; } .atmc-tab-04_icon svg { height: 3rem; } .atmc-tabs-04_thumb:hover .atmc-tab-04_icon svg, .atmc-tabs-04_thumb_repeater .slick-current .atmc-tab-04_icon svg { fill: #fff; } .atmc-tabs-04_thumb p { margin: 0 ; transition: 0.5s ease; } .atmc-tabs-04_thumb:hover p, .atmc-tabs-04_thumb_repeater .slick-current .atmc-tabs-04_thumb p { color: #fff; } /* Slides */ .atmc-tabs-04_slide_repeater { position: relative; padding: 2rem; margin-top: -1rem; z-index: 4; } .atmc-tabs-01 .atmc-tabs-01_thumb_repeater .slick-slide.slick-current .atmc-tabs-01_thumb { background: #2E5559; } .atmc-tabs-01 .atmc-tabs-01_thumb_repeater .slick-slide .atmc-tabs-01_thumb { padding: 10px 55px; border-radius: 7px; } .atmc-tabs-01 .atmc-tabs-01_thumb_repeater .slick-slide .atmc-tabs-01_thumb h4 { margin-bottom: 0; } .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide { display: flex !important; flex-direction: column-reverse; padding: 45px 50px; } .atmc-tabs-01 ul { margin-top: 0px; } @media (min-width: 767px) { .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide { flex-direction: row-reverse; justify-content: flex-end; } } .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .content { text-align: left; padding-right: 30px; padding-left: 10px; padding-top: 20px; } .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .content .cta { margin-top: 30px; } .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .content > p { font-size: 18px; line-height: 22px; text-align: left; color: #2E5559; } .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .content div { font-weight: normal; font-size: 24px; line-height: 29px; align-items: center; color: #2E5559; } .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .content ul { font-size: 18px; line-height: 145%; padding-left: 19px; text-decoration-line: underline; text-align: left; color: #539DA6; } @media (min-width: 767px) { .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .content { padding-left: 55px; } } @media (min-width: 1289px) { .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .content { padding-right: 244px; } } .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .image-holder { padding-left: 1px; max-width: 348px; } .atmc-tabs-01 .atmc-tabs-01_slide_repeater .slick-slide .atmc-tabs-01_slide .image-holder img { border-bottom-right-radius: 97px; } /* * Team 01 */ .atmc-team-01 { grid-row-gap: 2.5rem; } .atmc-team-01 .atmc-team-01_item { z-index: 9; } .atmc-team-01_img { position: relative; display: inline-block; width: 10rem; max-width: 100%; margin: 0 auto 1rem; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-team-01_img.overlay { } .atmc-team-01_img:before { content: ""; display: block; padding-bottom: 100%; background: #2E5559; border-radius: 50%; opacity: 0.25; } .atmc-team-01_img:hover:before { content: ""; display: block; padding-bottom: 100%; background: #2E5559; border-radius: 50%; opacity: 0; } .atmc-team-01 h4 { font-family: Lato; font-style: normal; font-weight: bold; font-size: 28px; line-height: 34px; color: #2E5559 } /* .atmc-team-01 .atmc-social:hover { color: inherit; } .atmc-team-01 .atmc-social:hover svg, .atmc-team-01 .atmc-social svg { fill: currentcolor; } */ /* * Team 02 */ .atmc-team-02_img { overflow: hidden; } .atmc-team-02_img img { width: 100%; height: auto; margin: 0 0 1rem; } /* * Team 03 */ .atmc-team-03_item { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-team-03_item:before { content: ""; display: block; padding-bottom: 100%; } .atmc-team-03_content { position: absolute; left: 0; bottom: 0; width: 100%; padding: 3rem 2rem 2rem; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, var(--dark) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,var(--dark) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,var(--dark) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='var(--dark)',GradientType=0 ); /* IE6-9 */ } .atmc-team-03_img { overflow: hidden; } .atmc-team-03_img img { width: 100%; height: auto; margin: 0 0 1rem; } /* * Team 04 */ /* Image */ .atmc-team-04_img img { position: relative; display: inline-block; width: 100%; max-width: 100%; margin: 0 auto 1rem; } /* * Team 05 */ .atmc-team-05_item { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; min-height: 20rem; } .atmc-team-05_item:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--dark); z-index: 2; opacity: 0.3; } .atmc-team-05_item_active:after { opacity: 0; } .atmc-team-05_content { position: relative; width: 100%; padding: 4rem 2rem 2rem; z-index: 4; transition: 0.2s ease; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, var(--dark) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,var(--dark) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,var(--dark) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='var(--dark)',GradientType=0 ); /* IE6-9 */ } .atmc-team-05_item_active .atmc-team-05_content { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); } @media (min-width: 768px) { .atmc-team-05_item { position: relative; height: 90vh; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .atmc-team-05_item_active { -webkit-filter: grayscale(0); filter: grayscale(0); } .atmc-team-05_content { position: absolute; left: 0; bottom: 0; width: 100%; padding: 2rem; z-index: 4; transform: translateY(100%); -webkit-transform: translateY(100%); transition: 0.2s ease; } } /* * Team 06 */ /* Image */ .atmc-team-06_img { position: relative; } .atmc-team-06_img:before { content: ""; display: block; padding-bottom: 100%; } .atmc-team-06_img img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; max-width: 50%; max-height: 50%; width: auto; height: auto; } /* * Team 07 */ .atmc-team-07_img { position: relative; display: inline-block; max-width: 100%; margin: 0 auto 1rem; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-team-07_img:before { content: ""; display: block; padding-bottom: 100%; } .team-homepage .atmc-team-02_item { position: relative; } .team-homepage .atmc-team-02_item .atmc-team-02_img img { max-width: 165px !important; } .team-homepage-2 .atmc-team-02_item h3, .team-homepage .atmc-team-02_item h3 { font-family: Lato; font-style: normal; font-weight: bold; font-size: 26px; line-height: 31px; text-align: center; position: absolute; margin: auto; position: absolute; left: 0; top: 160px; right: 0; color: #2E5559 } .team-homepage-2 { padding: 40px 0; } .team-homepage-2 img { max-width: 223px !important; } .team-homepage-2 .atmc-grid-col { display: flex; flex-direction: column; justify-content: center; position: relative; } .team-homepage-2 .btn-holder, .team-homepage .btn-holder { display: flex; justify-content: center; margin-top: 20px; } .team-homepage-2 .content-intro h1, .team-homepage .content-intro h1 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: #2E5559; margin-bottom: 22px; } .team-homepage .team-shape { position: absolute; z-index: 1; bottom: 20px; left: 110px; } .team-homepage .atmc-team-01_item .atmc-team-01_img { width: 219px !important; } .content-repeater-01-update .image-holder .top-left-curve { border-top-left-radius: 97px; } .content-repeater-01-update .image-holder .top-right-curve { border-top-right-radius: 97px; } .content-repeater-01-update .image-holder .bottom-left-curve { border-bottom-left-radius: 97px; } .content-repeater-01-update .image-holder .bottom-right-curve { border-bottom-right-radius: 97px; } .content-repeater-01-update .image-holder { flex: 0 0 50%; display: flex; } .content-repeater-01-update .content-intro { padding-bottom: 57px; } @media (max-width: 767px) { .content-repeater-01-update .content-intro { padding-left: 15px; padding-right: 15px; } } .content-repeater-01-update .content-intro h1 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: #2E5559; } .content-repeater-01-update .content-intro .description p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; text-align: center; color: #539DA6; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide { margin: 10px; background: #eee; position: relative; overflow: hidden; height: unset; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .atmc-team-01_img { height: 20rem; border-radius: 0; width: 100%; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .title-date { text-align: left; padding: 10px 30px 0 30px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .title-date .date-location { display: flex; flex-direction: row; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .title-date .date-location .date { color: #539DA6; font-size: 16px; line-height: 19px; padding-right: 10px; position: relative; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .title-date .date-location .date:after { content: ''; width: 3px; height: 22px; background-color: #ccc; position: absolute; right: 0; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .title-date .date-location .location { color: #539DA6; font-size: 16px; line-height: 19px; padding-left: 5px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .title-date p { font-size: 24px; line-height: 36px; color: #2E5559; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .atcm-team-01-footer { position: absolute; bottom: 0; background: linear-gradient(90deg, #dedede 6.28%, rgba(222, 222, 222, 0) 75.34%); width: 100%; display: flex; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .atcm-team-01-footer .cta { display: flex; padding-left: 10px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .atcm-team-01-footer .cta-2 { padding-left: 25px; display: flex; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .atmc-cap { font-family: Lato; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; text-align: left; padding: 5px 0 0 30px; color: #539DA6; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .atmc-team-01_bio { font-family: Lato; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #539DA6; text-align: left; padding: 0 0 0 30px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .modification p { font-size: 18px; line-height: 22px; text-align: left; color: #539DA6; padding: 5px 0 0 30px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .modification .cta-2 { font-size: 18px; line-height: 22px; position: absolute; bottom: 21px; left: 27px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide .atmc-team-01_item .modification .cta-2 a { color: #2E5559; } .content-repeater-01-update .extra-info { text-align: center; padding-top: 50px; } .var_08 .extra-info { text-align: center; padding-top: 50px; z-index: 9; position: relative; } .var_08 .content-intro { padding-bottom: 64px; } .var_08 .faculty p span:not(:last-of-type):after { position: absolute; content: ","; } .var_08 .faculty p span { padding-left: 5px; } .content-repeater-01-update .extra-info { position: absolute; top: 88px; left: 0; right: 0; } .content-repeater-01-update .atmc-team-01 .slick-list { display: flex; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track { display: flex; flex-direction: column; padding: 10px 31px 0 14px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .image-holder { justify-content: flex-end; padding-bottom: 40px; padding-top: 40px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .image-holder { justify-content: flex-start; padding-bottom: 40px; padding-top: 40px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) { width: 100% !important; background: none; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item { width: 100%; display: flex !important; flex-direction: column-reverse; align-items: flex-start; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description h3 { color: #539DA6 } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description { padding-right: 120px; text-align: left; flex: 0 0 50%; display: flex; flex-direction: column; align-self: center; padding-left: 60px; } @media (max-width: 767px) { .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description { padding-left: 40px; padding-right: 40px; } } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description div { font-style: normal; font-weight: 400; font-size: 26px; line-height: 39px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description div span { font-weight: bold; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description p a { font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; text-align: center; color: #2E5559; text-transform: uppercase; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01_img { flex: 0 0 auto; margin: 0 0 1rem; background-size: contain; width: 100%; background-position-x: left; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item h4 { text-align: left; text-align: left; font-weight: bold; font-size: 16px; line-height: 22px; color: #9BBFBF; text-transform: uppercase; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) { width: 100% !important; background: none; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item { width: 100%; display: flex !important; flex-direction: column-reverse; align-items: flex-start; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { padding-left: 0px; text-align: left; display: flex; flex-direction: column; align-self: center; padding-left: 120px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description div { font-style: normal; font-weight: 400; font-size: 26px; line-height: 39px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description div span { font-weight: bold; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 1.5 !important; color: #539DA6; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description p a { font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; text-align: center; color: #2E5559; text-transform: uppercase; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01_img { flex: 0 0 auto; margin: 0 0 1rem; background-size: contain; width: 100%; background-position-x: left; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item h4 { text-align: left; } .content-repeater-01-update .atmc-team-01 .slick-track{ width: 100% !important; } @media (min-width: 998px) { .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item { flex-direction: row-reverse; } } @media (min-width: 998px) { .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01_img { flex: 0 0 50%; margin: 0 auto 1rem; } } @media (min-width: 998px) { .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item { flex-direction: row; } } @media (min-width: 998px) { .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { padding-right: 60px; } } @media (min-width: 998px) { .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01_img { flex: 0 0 50%; margin: 0 auto 1rem; } } @media (max-width: 767px) { .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { padding-right: 40px; padding-left: 40px; } } @media (max-width: 997px) { .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description { padding-right: 40px; padding-left: 40px; } .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { padding-right: 40px; padding-left: 40px; } } .var_08 .atmc-team-01 .slick-prev, .var_08 .atmc-team-01 .slick-next { display: none !important; } @media (min-width: 1570px) { .var_08 .atmc-team-01 .slick-prev, .var_08 .atmc-team-01 .slick-next { display: block !important; } .var_08 .atmc-team-01 .slick-dots { display: none !important; } } .var_08 .atmc-team-01 .slick-list .slick-track { display: flex; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide { height: auto; margin-right: 15px; } @media (max-width: 767px) { .var_08 .atmc-team-01 .slick-list .slick-track { padding: 0 15px; } } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide > div { height: 100%; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item { max-width: 446px; background: #eee; border-radius: 0px 0px 97px 0px; display: flex !important; flex-direction: column; justify-content: space-between; height: 100%; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .image-holder { height: 278px; width: 100%; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .image-holder .img { background-size: cover; height: 100%; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description { padding: 36px 28px 0 0; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .title-date { padding-left: 28px; text-align: left; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .title-date .date-location { display: flex; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .title-date .date-location p { font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; position: relative; color: #539DA6; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .title-date .date-location .date { padding-right: 20px; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .title-date .date-location .date:after { content: ""; width: 2px; height: 17px; background: #ccc; position: absolute; right: 10px; top: 2px; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .title-date .title { font-style: normal; font-weight: normal; font-size: 24px; line-height: 32px; color: #2E5559; padding-right: 61px; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .faculty { padding-left: 28px; text-align: left; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .faculty p { font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #539DA6; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .faculty p span { font-weight: 700; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .reviews { padding-left: 28px; padding-bottom: 58px; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .reviews div { display: flex; align-items: center; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .reviews div p { margin-bottom: 0px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #539DA6; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .reviews .reviews-items { padding-left: 10px; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .reviews .reviews-items .review-item { padding: 2px 7px; background: rgba(255, 255, 255, 0.6); border-radius: 7px; margin-right: 6px; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description .reviews .reviews-items .review-item a { font-weight: 700; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atcm-team-01-footer { display: flex; padding-left: 28px; justify-content: flex-start; /* background: red; */ background: linear-gradient(90deg, #DEDEDE 6.28%, rgba(222, 222, 222, 0) 75.34%); border-radius: 0px 150px 0px 0; width: 100%; height: 74px; align-items: center; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atcm-team-01-footer .cta { margin-right: 23px; } .var_08 .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .atcm-team-01-footer .cta-more-info { margin-right: 23px; } .content-repeater-01-update.var_09 .slick-track { transform: none !important; } .content-repeater-01-update.var_09 .slick-track .atcm-team-01-footer { position: unset !important; padding: 0px; background: none !important; } .content-repeater-01-update.var_09 .slick-track .atcm-team-01-footer .cta {padding-left: 0px !important} .content-repeater-01-update.var_09 .slick-track .atcm-team-01-footer .cta a { font-family: Lato; font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; /* identical to box height */ text-align: center; color: #2E5559; } .content-repeater-01-update.var_09 .slick-track .atcm-team-01-footer .cta-2 a { font-family: Lato; font-style: normal; font-weight: bold; font-size: 16px; line-height: 22px; /* identical to box height */ text-align: center; color: #2E5559; } /* ====== * Testimonial 02 * ============ */ .atmc-testimonial-02_img { display: inline-block; width: 6rem; height: 6rem; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-testimonial-01_title { font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: #2E5559; } /* ====== * Testimonial 03 * ============ */ .atmc-testimonial-03_img { display: inline-block; width: 5rem; height: 5rem; margin: 0 auto .25rem; background-size: cover; background-position: center; background-repeat: no-repeat; } /* ====== * Testimonial 04 * ============ */ .atmc-testimonial-04_img { display: inline-block; flex-basis: 3rem; width: 3rem; height: 3rem; margin: 0; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-testimonial-04_name { flex-basis: calc(100% - 3rem); width: calc(100% - 3rem); padding-left: 1rem; margin: 0; } /* ====== * Testimonial 05 * ============ */ .atmc-testimonial-05_img { display: inline-block; flex-basis: 3rem; width: 3rem; height: 3rem; margin: 0; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-testimonial-05_name { flex-basis: calc(100% - 3rem); width: calc(100% - 3rem); padding-left: 1rem; margin: 0; } /* ====== * Testimonial 06 * ============ */ .atmc-testimonial-06 { position: relative; grid-row-gap: 3rem; margin-bottom: 2rem; } .atmc-testimonial-06_text { margin: 0 0 1.5rem; } .atmc-testimonial-06_name { margin: 0; } .atmc-testimonial-06_img { position: absolute; right: 2rem; bottom: -2rem; display: inline-block; width: 4rem; height: 4rem; margin: 0; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-slider .atmc-testimonial-06_item { margin-bottom: 3rem; } /* ====== * Testimonial 07 * ============ */ .atmc-testimonial-07 { position: relative; grid-row-gap: 3rem; margin-top: 2rem; } .atmc-testimonial-07_text { margin: 0 0 1.5rem; } .atmc-testimonial-07_name { margin: 0; } .atmc-testimonial-07_img { position: absolute; left: 2rem; top: -2rem; display: inline-block; width: 4rem; height: 4rem; margin: 0; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-slider .atmc-testimonial-07_item { margin: 3rem 0 2rem; } /* ====== * Testimonial 08 * ============ */ .atmc-testimonial-08 { position: relative; grid-row-gap: 3rem; margin-top: 2rem; } .atmc-testimonial-08_item { margin-top: 3rem; } .atmc-testimonial-08_text { margin: 0 0 1.5rem; } .atmc-testimonial-08_name { margin: 0; } .atmc-testimonial-08_img { position: absolute; left: 0; right: 0; top: -2rem; display: inline-block; width: 4rem; height: 4rem; margin: auto; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-slider .atmc-testimonial-08_item { margin: 3rem 0 2rem; } /* ====== * Testimonial 09 * ============ */ .atmc-testimonial-09 .atmc-quote-01:before { left: -2rem; } .atmc-slider .atmc-quote-01 { padding-left: 1rem; } .atmc-slider .atmc-quote-01:before { left: 0; } /* ====== * Testimonial 10 * ============ */ .atmc-testimonial-10_img { display: inline-block; flex-basis: 8rem; width: 8rem; height: 8rem; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-testimonial-10_content { flex-basis: calc(100% - 8rem); width: calc(100% - 8rem); padding-left: 1.5rem; } .atmc-testimonial-10_text { margin: 0 0 1.5rem; } .atmc-testimonial-10_name { margin: 0; } /* ====== * Testimonial 11 * ============ */ .atmc-testimonial-11 { position: relative; } .atmc-testimonial-11_img { display: inline-block; width: 8rem; height: 8rem; margin: 0 auto 1rem; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-testimonial-11_text { margin: 0; } .atmc-testimonial-11_name { margin: 0 0 1.5rem; font-size: 1.5rem; } /* ====== * Testimonial 12 * ============ */ .atmc-testimonial-12_item { position: relative; padding: 3rem; } .atmc-testimonial-12_img { display: inline-block; width: 8rem; max-width: 100%; margin: 0 auto .75rem; border-radius: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-testimonial-12_img:before { content: ""; display: block; padding-bottom: 100%; } /* ====== * Testimonial 13 * ============ */ .atmc-testimonial-13 { position: relative; } /* Content */ .atmc-testimonial-13_text_wrapper { position: relative; padding: 2rem 0 0; margin: 0; } .atmc-testimonial-13_icon { position: absolute; left: -2rem; top: 0; z-index: 0; opacity: .3; } .atmc-slider .atmc-testimonial-13_icon { left: 0; } .atmc-testimonial-13_icon svg { height: 8rem; } .atmc-testimonial-13_text_wrapper p { position: relative; z-index: 1; } .atmc-testimonial-13_detail { font-weight: bold; color: var(--secondary); } @media (max-width: 991px) { .atmc-testimonial-13_icon { position: absolute; left: 0; top: 0; z-index: 1; } .atmc-testimonial-13_icon svg { height: 4rem; } } .testimonials-01-update .atmc-testimonial-01_single .atmc-testimonial-01_text { font-style: italic; font-weight: normal; font-size: 32px; line-height: 48px; text-align: center; color: #2E5559; position: relative; padding: 0 10px; } .testimonials-01-update .atmc-testimonial-01_single .atmc-testimonial-01_text::before { content: ""; position: absolute; margin: 0 auto; left: 0; right: 0; top: -90px; background: url(https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/14163-200%201.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 75.8px; height: 75.8px; } .testimonials-01-update .atmc-testimonial-01_single .atmc-testimonial-01_name { display: flex; justify-content: center; align-items: center; padding-top: 10px; } .testimonials-01-update .atmc-testimonial-01_single .atmc-testimonial-01_name span { font-size: 20px; line-height: 24px; text-align: center; color: #2E5559; font-style: italic; color: #2E5559; } .testimonials-01-update .atmc-testimonial-01_single .atmc-testimonial-01_name .bold { font-weight: bold; font-style: normal; } .testimonials-01-update .slick-slide { padding: 100px 0 0; } @media(max-width:767px){ .testimonials-01-update .atmc-testimonial-01_single .atmc-testimonial-01_name{ flex-direction: column; } } /* ====== * Timeline 01 * ============ */ .atmc-timeline-01 { position: relative; } .atmc-timeline-01_repeater { position: relative; display: inline-block; width: 100%; } /* Line */ .atmc-timeline-01_repeater:before { content: ""; position: absolute; left: 0; top: 8px; width: 1px; height: 100%; background-color: var(--primary); z-index: 1; opacity: 0.2; } .atmc-timeline-01.text-white .atmc-timeline-01_repeater:before { background-color: #fff; } @media (min-width:768px) { .atmc-timeline-01_repeater:before { left: 50%; } } /* Dots */ .atmc-timeline-01_box:before { content: ""; position: absolute; left: -5px; top : 8px; width: 10px; height: 10px; border-radius: 100%; background-color: var(--primary); z-index: 3; transition: 0.3s ease; } .atmc-timeline-01_box:hover:before { transform: scale(1.4); -webkit-transform: scale(1.4); -ms-transform: scale(1.4); } @media (min-width:768px) { .atmc-timeline-01_box:before { left: 0; right: 0; top : 8px; margin: auto; } } /* Box */ .atmc-timeline-01_box { position: relative; margin-bottom: 3rem; } .atmc-timeline-01_box:last-child { margin-bottom: 0; } .atmc-timeline-01_date { font-size: 0.9rem; } @media (min-width:768px) { .atmc-timeline-01_col { width: 50%!important; margin: 0!important; } .atmc-timeline-01_col_left { padding-right: 2rem; } .atmc-timeline-01_col_right { padding-left: 2rem; } } @media (max-width:767px) { .atmc-timeline-01_col { padding-left: 2rem; } } /* ====== * Timeline 02 * ============ */ .atmc-timeline-02 { position: relative; } .atmc-timeline-02_repeater { position: relative; display: inline-block; width: 100%; } /* Line */ .atmc-timeline-02_repeater:before { content: ""; position: absolute; left: 0; top: 8px; width: 1px; height: 100%; background-color: var(--lightgray); z-index: 1; } @media (min-width:768px) { .atmc-timeline-02_repeater:before { left: 25%; } } @media (max-width:767px) { .atmc-timeline-02_repeater:before { opacity: 0.5; } } /* Box */ .atmc-timeline-02_box:before { content: ""; position: absolute; left: -5px; top : 8px; width: 10px; height: 10px; border-radius: 100%; transform: translateX(-5px); -webkit-transform: translateX(-5px); background-color: var(--primary); z-index: 3; } @media (min-width:768px) { .atmc-timeline-02_box > .row-fluid > .span4 { width: 25%!important; } .atmc-timeline-02_box > .row-fluid > .span8 { width: 75%!important; margin-left: 0!important; } .atmc-timeline-02_box:before { left: 25%; top: 8px; } } @media (max-width:767px) { .atmc-timeline-02_box:before { left: 0; } } /* Box */ .atmc-timeline-02_box { position: relative; margin-bottom: 3rem; } .atmc-timeline-02_box:last-child { margin-bottom: 0; } .atmc-timeline-02_date { font-size: 0.9rem; } @media (min-width:768px) { .atmc-timeline-02_col { width: 50%!important; margin: 0!important; } .atmc-timeline-02_col_left { padding-right: 2rem; } .atmc-timeline-02_col_right { padding-left: 2rem; } } @media (max-width:767px) { .atmc-timeline-02_col { padding-left: 2rem; } } /* ====== * Timeline 03 * ============ */ .atmc-timeline-03 { position: relative; } .atmc-timeline-03_repeater { position: relative; display: inline-block; width: 100%; } /* Line */ .atmc-timeline-03_repeater:before { content: ""; position: absolute; left: 0; top: 8px; width: 1px; height: 100%; background-color: var(--lightgray); z-index: 1; } @media (min-width:768px) { .atmc-timeline-03_repeater:before { left: 50%; } } @media (max-width:767px) { .atmc-timeline-03.text-white .atmc-timeline-03_repeater:before { opacity: 0.7; } } /* Image */ .atmc-timeline-03_img_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atmc-timeline-03_popup { -ms-flex-preferred-size: 49%; flex-basis: 49%; width: 49%; margin-bottom: 2%; } .atmc-timeline-03_popup img { width: 100%; max-width: 100%; } /* Dots */ .atmc-timeline-03_box:before { content: ""; position: absolute; left: -8px; top : 6px; width: 16px; height: 16px; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); background-color: var(--primary); transition: 0.4s ease; z-index: 3; } .atmc-timeline-03_box:hover:before { transform: rotate(225deg) scale(1.2); -webkit-transform: rotate(225deg) scale(1.2); background-color: var(--secondary); } @media (min-width:768px) { .atmc-timeline-03_box:before { left: 0; right: 0; top : 6px; margin: auto; } } /* Box */ .atmc-timeline-03_box { position: relative; margin-bottom: 4rem; z-index: 2; } .atmc-timeline-03_box:last-child { margin-bottom: 0; } @media (min-width:768px) { .atmc-timeline-03_box:nth-child(even) > .row-fluid { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .atmc-timeline-03_icon svg { height: 15px; margin-right: 5px; } .atmc-timeline-03_date { margin: 0; font-size: 0.9rem; } .atmc-timeline-03_heading { margin: 0 0 1rem; } .atmc-timeline-03_desc { margin: 0; } @media (min-width:768px) { .atmc-timeline-03_col { width: 50%!important; margin: 0!important; } .atmc-timeline-03_col_left { padding-right: 3rem; } .atmc-timeline-03_col_right { padding-left: 3rem; } .atmc-timeline-03_box:nth-child(odd) .atmc-timeline-03_col_left { text-align: right; } .atmc-timeline-03_box:nth-child(even) .atmc-timeline-03_col_left { padding-left: 3rem; padding-right: 0; text-align: left; } .atmc-timeline-03_box:nth-child(even) .atmc-timeline-03_col_right { padding-left: 0; padding-right: 3rem; } } @media (max-width:767px) { .atmc-timeline-03_col { padding-left: 2rem; } } /* ====== * Timeline 04 * ============ */ .atmc-timeline-04 { position: relative; } .atmc-timeline-04_repeater { position: relative; display: inline-block; width: 100%; } .atmc-timeline-04_repeater:before { content: ""; position: absolute; left: 68px; top: 0; width: 5px; height: 100%; background-color: var(--dark); z-index: 1; } .atmc-timeline-04_white .atmc-timeline-04_repeater:before { background-color: #fff; } /* Box */ .atmc-timeline-04_box { position: relative; margin-bottom: 3rem; z-index: 2; } .atmc-timeline-04_box:last-child { margin-bottom: 0; } .atmc-timeline-04_date_wrapper { position: relative; -ms-flex-preferred-size: 150px; flex-basis: 150px; width: 150px; padding: 2rem; margin: 0; font-size: 0.9rem; text-align: center; } .atmc-timeline-04_date_wrapper:before { content: ""; position: absolute; top: 0; right: 0; width: 3px; height: 0; background-color: var(--dark); transition: 0.8s ease; } .atmc-timeline-04_box:hover .atmc-timeline-04_date_wrapper:before { height: 100%; } .atmc-timeline-04_date { margin: 0; line-height: 1.1; letter-spacing: 3px; } .atmc-timeline-04_date strong { display: inline-block; width: 100%; font-size: 1.5rem; text-transform: uppercase; letter-spacing: initial; } .atmc-timeline-04_content { -ms-flex-preferred-size: calc(100% - 100px); flex-basis: calc(100% - 100px); width: calc(100% - 100px); padding: 2rem; background-color: #fff; } .atmc-timeline-04_heading { margin: 0 0 1rem; } .atmc-timeline-04_heading > span { font-size: 1rem; } .atmc-timeline-04_desc > *:last-child { margin-bottom: 0; } @media (max-width:767px) { .atmc-timeline-04_date_wrapper { -ms-flex-preferred-size: 100px; flex-basis: 100px; width: 100px; padding: 1rem; } .atmc-timeline-04_content { -ms-flex-preferred-size: calc(100% - 100px); flex-basis: calc(100% - 100px); width: calc(100% - 100px); padding: 2rem; } .atmc-timeline-04_repeater:before { left: 48px; } } /* ====== * Video 03 * ============ */ .atmc-video-03 { position: relative; display: block; width: 100%; height: 50vh; background-size: cover; background-repeat: no-repeat; background-position: center; } .atmc-video-03:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--dark); opacity: 0.85; z-index: 1; transition: 0.3s ease; } .atmc-video-03:hover:before { opacity: 0.5; } .atmc-video-03 .atmc-container { position: initial; z-index: 2; } .atmc-video-03_button { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 8rem; height: 8rem; z-index: 3; } .atmc-video-03_button svg { height: 2rem; } .faqs-section .faqs-holder { padding-bottom: 40px; } .faqs-section { max-width: 1000px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .faqs-section .faqs-holder { padding-bottom: 136px; } } .faqs-section .faqs-holder h2 { margin-top: 0px; } .faqs-section .faqs-holder .divider-holder { margin-bottom: 40px; } .faqs-section .faqs-holder .faqs-section:not(:last-of-type) { margin-bottom: 48px; } .faqs-section .faqs-holder .faqs-section .section-tile { font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: #2E5559; } .faqs-section .faqs-holder .faqs-section .faqs { position: relative; cursor: pointer; } .faqs-section .faqs-holder .faqs-section .faqs:not(:last-of-type) { margin-bottom: 25px; } .faqs-section .faqs-holder .faqs-section .faqs .faq-question { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 0px 0px 97px 0px; } .faqs-section .faqs-holder .faqs-section .faqs .faq-question .item-question { margin: 0 !important; width: 100%; color: #414042; font-weight: 400; background: #539DA6; padding: 20px 30px 18px 30px; border-radius: 0px 0px 97px 0px; font-size: 20px; } @media (min-width: 768px) { .faqs-section .faqs-holder .faqs-section .faqs .faq-question .item-question { padding-right: 128px; } } .faqs-section .faqs-holder .faqs-section .faqs .faq-question .item-question a { font-family: Lato; font-style: normal; font-weight: normal; font-size: 26px; line-height: 36px; color: #fff; } .faqs-section .faqs-holder .faqs-section .faqs .faq-question .item-question .icon span { position: absolute; right: 45px; top: 14px; } .faqs-section .faqs-holder .faqs-section .faqs .faq-question .item-question .icon span::before { content: ''; content: url('https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/open.png'); width: 100%; height: 100%; } .faqs-section .faqs-holder .faqs-section .faqs .faq-question .faq-answer { min-height: 40px; } .faqs-section .faqs-holder .faqs-section .faqs .faq-question .faq-answer.visible .text-left { padding: 20px 30px 18px 30px; font-size: 20px; line-height: 30px; } .faqs-section .faqs-holder .faqs-section .faqs .faq-question .faq-answer.visible .text-left p { font-family: Lato; font-style: normal; font-weight: normal; color: #2E5559; } @media (min-width: 768px) { .faqs-section .faqs-holder .faqs-section .faqs .faq-question .faq-answer.visible .text-left { padding-right: 128px; } } .faqs-section .faqs-holder .faqs-section .faqs .faq-question.open { background: #efefef; border-radius: 0px 0px 97px 0px; } .faqs-section .faqs-holder .faqs-section .faqs .faq-question.open .icon span::before { content: ''; content: url('https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/close.png'); width: 100%; height: 100%; } @media(max-width: 767px){ .faqs-section .faqs-holder .faqs-section .faqs .faq-question .item-question{ padding: 20px 85px 18px 30px; } } /* ====== * Widget - Blog Authors 01 * ============ */ .atmc-blog-authors-01 { position: relative; padding: 1.5rem; overflow: hidden; } .atmc-blog-authors-01_heading { padding: 1.5rem; margin: -1.5rem -1.5rem 1.5rem; } .atmc-blog-authors-01_heading h5 { margin: 0; } .atmc-blog-authors-01_repeater a { width: 100%; color: var(--base); margin: 0 0 .5rem; } .atmc-blog-authors-01_image { -ms-flex-preferred-size: 50px; flex-basis: 50px; width: 50px; height: 50px; margin-right: 0.5rem; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 100%; transition: 0.3s ease; } .atmc-blog-authors-01_repeater a:hover .atmc-blog-authors-01_image { margin-right: 0.8rem; } /* ====== * Widget - Blog Tags 01 * ============ */ .atmc-blog-tags-01 { position: relative; padding: 1.5rem; overflow: hidden; } .atmc-blog-tags-01_heading { padding: 1.5rem; margin: -1.5rem -1.5rem 1.5rem; } .atmc-blog-tags-01_heading h5 { margin: 0; } .atmc-blog-tags-01_repeater { } .atmc-blog-tags-01_repeater a { padding: 5px 10px; border: 1px solid var(--lightgray); color: var(--base); font-size: 14px; margin: 0 0.25rem 0.25rem 0; transition: 0.3s ease; } .atmc-blog-tags-01_repeater a:hover { background-color: var(--primary); color: #fff; border-color: var(--primary); } /* .events-container { margin-bottom: 60px; } */ .events-container .events-nav { background: #fff; position: relative; background: transparent; } .events-container .events-nav .events-nav-menu { list-style: none; margin: 0; padding: 4px 0 0; } .events-container .events-nav .events-nav-menu .events-nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 0 0 35%; max-width: 45%; text-align: center; } .events-container .events-nav .events-nav-menu .events-nav-item + .events-nav-item .event-nav-link { color: #2E5559; } .events-container .events-nav .events-nav-menu .events-nav-item .event-nav-link { font-size: 32px; line-height: 38px; -webkit-transition: all 0.3s; transition: all 0.3s; background: transparent; color: #2E5559; padding: 10px 10px; border-radius: 10px; white-space: nowrap; } .events-container .events-nav .events-nav-menu .events-nav-item .event-nav-link:hover, .events-container .events-nav .events-nav-menu .events-nav-item .event-nav-link:focus, .events-container .events-nav .events-nav-menu .events-nav-item .event-nav-link.active { background: #2E5559; color: #fff; font-size: 32px; line-height: 38px; margin-right: 20px; white-space: nowrap; } .events-container .events-filter { margin: 0px 0 40px; } .events-container .events-filter .events-filter-wrapper { position: relative; background: #fff; padding: 6px 12px; -webkit-box-flex: 1; -ms-flex: 1 0 350px; flex: 1 0 350px; width: auto; max-width: 100%; height: 38px; border-radius: 10px; border: 1px solid #2E5559; height: 40px; } .events-container .events-filter .events-filter-wrapper.active { max-width: calc(100% - 30px); } .events-container .events-filter .events-filter-wrapper .empty-option { font-size: 16px; font-size: 1rem; line-height: 1.5; justify-content: space-between; } .events-container .events-filter .events-filter-wrapper .event-types { position: absolute; top: 100%; left: -1px; list-style: none; margin: -1px 0 0; padding: 0; background-color: #fff; border: 1px solid #ccc; border-top-width: 0; width: calc(100% + 2px); z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .events-container .events-filter .events-filter-wrapper .event-types.active { opacity: 1; visibility: visible; z-index: 10; } .events-container .events-filter .events-filter-wrapper .event-types .event-type .event-type-link { font-size: 16px; font-size: 1rem; line-height: 1.5; padding: 10px 12px; margin-bottom: 1px; background-color: #fff; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .events-container .events-filter .events-filter-wrapper .event-types .event-type .event-type-link:hover, .events-container .events-filter .events-filter-wrapper .event-types .event-type .event-type-link.active { background-color: #f7f7f7; } .events-container .events-filter .clear-filters { margin-left: 5px; font-size: 22px; line-height: 0; } .events-container .events-list-wrapper .events-list .event-block { padding: 30px 30px; background: #eee; margin-bottom: 20px; border-bottom-right-radius: 110px; position: relative; z-index: 1; } .events-container .events-list-wrapper .events-list .event-block .event-thumbnail-holder { margin-bottom: 20px; } .events-container .events-list-wrapper .events-list .event-block .event-thumbnail-holder .event-thumbnail { width: 100%; border-bottom-right-radius: 97px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-date-time { color: #539DA6; text-transform: uppercase; margin-bottom: 20px; font-size: 16px; font-family: "Lato"; line-height: 19px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-date-time .separator { display: none; color: #ccc; margin: 0 8px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-title { color: #2E5559; font-size: 24px; line-height: 36px; font-weight: bold; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-excerpt { font-size: 20px; line-height: 30px; color: #539DA6; } .events-container .events-list-wrapper .events-list .event-block .event-details .button-group { margin-bottom: 20px; } .events-container .events-list-wrapper .events-list .event-block .event-details .button-group .btn + .btn { margin-top: 8px; margin-left: 0px; color: #2E5559; } .events-container .events-list-wrapper .events-list .event-block .event-details .toggle-event-details-block { display: flex; justify-content: flex-end; padding-right: 25px; } .events-container .events-list-wrapper .events-list .event-block .event-details .toggle-event-details-block .toggle-event-details { color: #2E5559; font-weight: bold; font-size: 18px; line-height: 22px; } .events-container .events-list-wrapper .events-list .event-block .event-details .toggle-event-details-block .toggle-event-details .toggle-icon { margin-right: 6px; font-size: 20px; font-size: 1.25rem; line-height: 1; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info { margin-top: 25px; display: none; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info.active { display: block; opacity: 1; visibility: visible; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-description-block { margin-bottom: 60px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-description-block h3 { color: #2E5559; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-description-block .event-description p { margin-bottom: 0; color: #539DA6; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-description-block .event-description p + p { margin-top: 10px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-description-block .event-description ul { margin-bottom: 10px; color: #539DA6; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block h3 { color: #2E5559; margin-bottom: 30px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker { margin-bottom: 45px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block { position: relative; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-avatar-block { -webkit-box-flex: 1; -ms-flex: 1 0 80px; flex: 1 0 80px; max-width: 80px; width: 80px; height: 80px; border-radius: 40px; background-position: center; background-size: cover; margin-right: 20px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: calc(100% - 100px); margin-bottom: 10px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details .speaker-role { text-transform: uppercase; margin-bottom: 5px; color: #2E5559; font-weight: 400; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details .speaker-personal-info { margin-bottom: 10px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details .speaker-personal-info .speaker-name { color: #2E5559; font-size: 18px; font-size: 1.125rem; font-weight: 600; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details .speaker-personal-info .speaker-profession { display: block; font-style: italic; color: #2E5559; font-weight: 400; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details .speaker-personal-info .speaker-company { display: block; color: #539DA6; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details .speaker-social-profiles { position: absolute; left: 8px; top: 84px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details .speaker-social-profiles a { font-size: 18px; font-size: 1.125rem; color: #1890c7; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-details-block .speaker-details .speaker-social-profiles .linkedin-link { margin-right: 8px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-bio p { margin-bottom: 0; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker .speaker-bio p + p { margin-top: 10px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block + .event-location { margin-top: 30px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-location { margin-bottom: 50px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-location .event-venue-map { width: auto !important; } .events-container .pagination-nav { margin: 30px 0 0; } .events-container .pagination-nav .atmc-container { margin-top: 50px; } .events-container .pagination-nav a { font-size: 18px; color: #2E5559; margin: 0px 5px; border-bottom: 1px solid transparent; -webkit-transition: border-bottom-color 0.3s; transition: border-bottom-color 0.3s; text-align: center; text-align: center; vertical-align: middle; line-height: 70px; padding: 0 10px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } .events-container .pagination-nav a.next-posts-link:hover{ border: unset; } .events-container .pagination-nav a.previous-posts-link:hover{ border: unset; } .events-container .pagination-nav a:hover{ border: 1px solid #eee; border-radius: 50%; } .events-container .pagination-nav a.active { border-radius: 50%; background: #eee; } .events-container .pagination-nav a.previous-posts-link { margin-right: 15px; margin-left: 0; width: fit-content; } .events-container .pagination-nav a.previous-posts-link i { margin-right: 5px; line-height: 0; } .events-container .pagination-nav a.next-posts-link { background: #fff; margin-left: 15px; margin-right: 0; width: fit-content; } .events-container .pagination-nav a.next-posts-link i { margin-left: 5px; line-height: 0; } .events-page .events-container .img-wrapper-1 { display: flex; justify-content: center; margin-top: 97px; z-index: -2; position: relative; } @media (min-width: 30em) { .events-container .events-nav .events-nav-menu .events-nav-item .event-nav-link { } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-location .event-venue-map { width: 350px !important; } } @media (min-width: 47.5em) { .events-container .events-nav .events-nav-menu .events-nav-item .event-nav-link { } .events-container .events-filter .events-filter-wrapper { max-width: 350px; } .events-container .events-filter .events-filter-wrapper.active { max-width: 350px; } .events-container .events-list-wrapper .events-list .event-block .event-thumbnail-holder { -webkit-box-flex: 1; -ms-flex: 1 0 33.33%; flex: 1 0 29%; max-width: calc(29% - 25px); margin-right: 25px; margin-bottom: 0; } .events-container .events-list-wrapper .events-list .event-block .event-details { -webkit-box-flex: 1; -ms-flex: 1 0 66.67%; flex: 1 0 70%; max-width: calc(70% - 25px); margin-left: 25px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-date-time .separator { display: block; } .events-container .events-list-wrapper .events-list .event-block .event-details .button-group .btn + .btn { margin-top: 8px; margin-left: 20px; color: #2E5559; } } @media (min-width: 61.25em) { .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: calc(50% - 35px); } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker:nth-of-type(odd) { margin-right: 35px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-speakers-block .event-speakers-list-wrapper .event-speaker:nth-of-type(even) { margin-left: 35px; } } @media (max-width: 47.5em) { .events-container .events-list-wrapper .events-list .event-block .event-thumbnail-holder, .events-container .events-list-wrapper .events-list .event-block .event-details { width: 100%; } .events-page .events-container .events-nav .atmc-container .events-nav-menu .events-nav-item .event-nav-link { font-size: 1.5rem !important; } .events-page .events-container .events-nav .atmc-container .events-nav-menu .events-nav-item { max-width: 100% !important; } .events-container .events-list-wrapper .events-list .event-block .event-details .button-group { width: 26%; } .events-container .events-list-wrapper .events-list .event-block .event-details .button-group .btn-red { text-align: center; padding: 12px 0px !important; } .events-container .events-list-wrapper .events-list .event-block .event-details .toggle-event-details-block { justify-content: flex-start; } .events-container .pagination-nav a { font-size: 12px; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; } } @media (max-width: 522px) { .events-container .events-list-wrapper .events-list .event-block .event-details { font-size: 14px; font-size: 0.875rem; } .events-container .events-nav .events-nav-menu { display: flex; flex-direction: column; } .events-page .atmc-image-default.image-01 img { top: 160px !important; } .events-container .events-list-wrapper .events-list .event-block .event-details .button-group { width: 50%; } .events-container .pagination-nav a { font-size: 12px; width: 30px; height: 30px; text-align: center; vertical-align: middle; line-height: 30px; } .dnd_area-row-1-background-image { background-image: none !important; background-position: unset !important; } .events-page .events-container .events-nav .atmc-container .events-nav-menu .events-nav-item { margin-bottom: 10px; } .events-container .pagination-nav .atmc-container { margin-top: 50px; } } .d-block { display: block; } .d-flex { display: flex; } .justify-content-start { justify-content: flex-start; } .flex-column { flex-direction: column; } .align-items-start { align-items: flex-start; } .flex-wrap { flex-wrap: wrap; } @media (min-width: 767px) { .flex-md-row { flex-direction: row !important; } } .align-items-center { align-items: center; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-location .venue-address .address .event-view-map{ margin-top: 10px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-location .venue-address .address .event-view-map p{ font-size: 16px; } .events-container .events-list-wrapper .events-list .event-block .event-details .event-detailed-info .event-location .venue-address .address .event-view-map p a{ color: #E73845; font-weight: bold; } .events-container .divider{ z-index: -2; position: relative; display: flex; } .events-container .divider img{ margin-left: auto; margin-right: auto; } @media (min-width: 717px) { .events-container{ min-height: 500px; } } /* Password */ .widget-type-password_prompt input[type="password"] { margin-top: 0!important; margin-bottom: 1rem; } /* Search Results */ .hs-search-results { margin-top: 2rem; } ul.hs-search-results__listing li { margin-bottom: 2rem; } .hs-search-results__title { font-family: ; font-size: 1.25rem; color: ; text-decoration: underline; margin-bottom: .25rem; } .hs-search-results__title:hover { color: ; text-decoration: none; } .hs-search-results__description { padding-top: .5rem; } .hs-search-highlight { font-weight: bold; } .hs-search-results__pagination a { color: ; } /* Backup Unsubscribe */ #email-prefs-form input[type="email"] { padding: 1rem 1.5rem!important; margin-top: 1rem; } /* Subscription Preferences */ .email-prefs { } .email-prefs .item + .item { margin-top: 1rem; } .email-prefs .item-inner > p { opacity: .8; } .email-prefs .checkbox-row { font-weight: bold; } .email-prefs .item .fakelabel span { margin-right: .25rem; } .subscribe-options { margin: 1rem 0; } .subscribe-options .header { margin: 0; } .subscribe-options label { display: flex; align-items: center; } .checkbox-row > span { display: flex; align-items: center; } /* ========================================================================== Blog 01 ========================================================================== */ /* Blog Hero */ .atmc-blog-header-02 { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-blog-header-02:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index: 1; } .atmc-blog-header-02 > * { position: relative; z-index: 3; } /* ----------------- Listing ---------------- */ .atmc-blog-index_post-image { display: block; background-size: cover; background-position: center; background-repeat: no-repeat; } .atmc-blog-header { border-bottom: 1px solid #dfdbd2; } /* * Pagination */ .atmc-blog-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin: 8rem 0 0; } .atmc-blog-pagination_link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: .25rem .4rem; margin: 0 0.5rem; color: #539DA6; text-decoration: none; line-height: 1; border-radius: 4px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .atmc-blog-pagination_number-link { width: 3rem; height: 3rem; border: 2px solid #539DA6; color: #539DA6; font-weight: bold; border-radius: 4px; } .blog-pagination_link--active, .blog-pagination_link--active:visited { background-color: #539DA6; border: 2px solid #539DA6; color: #fff; } .atmc-blog-pagination_number-link:hover, .atmc-blog-pagination_number-link:focus { background: #539DA6; color: #fff; } .atmc-blog-pagination_prev-link, .atmc-blog-pagination_next-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; } .atmc-blog-pagination_prev-link { text-align: right; margin-right: 2rem; } .atmc-blog-pagination_next-link { text-align: left; margin-left: 2rem; } .atmc-blog-pagination_prev-link:hover, .atmc-blog-pagination_next-link:hover, .atmc-blog-pagination_prev-link:focus, .atmc-blog-pagination_next-link:focus { text-decoration: none; color: #216b74; } .atmc-blog-pagination_prev-link svg, .atmc-blog-pagination_next-link svg { fill: #539DA6; margin: 0 5px; } .atmc-blog-pagination_link:hover svg, .atmc-blog-pagination_link:focus svg { fill: #216b74; } .atmc-blog-pagination_prev-link svg, .atmc-blog-pagination_next-link svg { fill: #539DA6; height: 1rem; margin: 0 5px; } .atmc-blog-header_author-avatar { height: 200px; width: 200px; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; box-shadow: 0 0 12px 0 rgba(0,0,0,0.15); margin: 0 auto 1.5rem; } .atmc-blog-header_author-social-links a { display: inline-block; position: relative; background-color: #000; border-radius: 50%; width: 40px; height: 40px; margin: 0 5px; } .atmc-blog-header_author-social-links a:hover { background-color: ; } .atmc-blog-header_author-social-links svg { fill: #fff; height: 15px; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } @media (max-width:767px) { .atmc-blog-pagination { margin: 4rem 0 0; } .atmc-blog-pagination_link { margin: 0 0.25rem; } .atmc-blog-pagination_prev-link { margin-right: 0.5rem; } .atmc-blog-pagination_next-link { margin-left: 0.5rem; } } /* ----------------- Post ---------------- */ /* * Post Title */ .atmc-blog-post_meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 1.5rem; font-size: 1rem; } .atmc-blog-post_meta a { margin-right: .75rem; color: inherit; } .atmc-blog-post_meta a:hover { color: #539DA6; } /* * Post Body */ .atmc-blog-post_body { font-size: 1.1rem; } .atmc-blog-post_body * + h1, .atmc-blog-post_body * + h2, .atmc-blog-post_body * + h3, .atmc-blog-post_body * + h4, .atmc-blog-post_body * + h5, .atmc-blog-post_body * + h6 { margin-top: 1em; } /* * Tags */ .atmc-blog-template-01 .atmc-blog-post_tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atmc-blog-template-01 .atmc-blog-post_tag-link { padding: .25rem .5rem; border: 2px solid #2E5559; color: #2E5559; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0.5rem 0.5rem 0; font-size: .8rem; transition: all ease 200ms; font-weight: bold; border-radius: 4px; } .atmc-blog-template-01 .atmc-blog-post_tag-link:hover { background: #539DA6; color: #fff; border-color: #539DA6; } /* ========================================================================== Blog 02 ========================================================================== */ .atmc-blog-template-02 { } /* ----------------- Listing ---------------- */ .atmc-blog-template-02 .atmc-blog-index_post + .atmc-blog-index_post { margin-top: 7rem; } .atmc-blog-template-02 .atmc-blog-index_post-image { padding-bottom: 50%; display: block; margin-bottom: 3rem; } .atmc-blog-template-02 .atmc-blog-index_post-content { max-width: 660px; display: block; margin: 0 auto; } @media (min-width: 768px) { .atmc-blog-template-02 .atmc-blog-index_post-image { padding-bottom: 30%; } } /* ----------------- Listing 01 ---------------- */ .atmc-blog-template-01 .atmc-blog-index-01_post-image-wrapper { position: relative; display: block; overflow: hidden; } .atmc-blog-template-01 .atmc-blog-index-01_post-image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: 7s ease transform; } .atmc-blog-template-01 .atmc-blog-index-01_post-image-wrapper:hover .atmc-blog-index-01_post-image { transform: scale(1.1) rotateZ(2deg); -webkit-transform: scale(1.1) rotateZ(2deg); -ms-transform: scale(1.1) rotateZ(2deg); } /* ----------------- Post ---------------- */ .atmc-blog-template-02 .atmc-blog-post_header { padding: 7rem 0 5rem; } .atmc-blog-template-02 .atmc-blog-post_image { padding-bottom: 30%; background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; } @media (min-width:768px) { .atmc-blog-template-02 .atmc-blog-post_image img { display: none; } } /* * Body */ .atmc-blog-template-02 .atmc-blog-post_content { padding: 3rem 0 7rem; } /* * Comments */ .atmc-blog-comments .comment-reply-to.hs-button { margin-top: 1rem; } .atmc-blog-comments form.hs-form { margin-top: 2rem; } .atmc-blog-template-02 .atmc-blog-post_comments { border-top: 1px solid #dfdbd2; } @media (min-width: 768px) { .atmc-blog-post_comments .row-fluid { display: flex; } } /* * Tags */ .atmc-blog-template-02 .atmc-blog-post_tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .atmc-blog-template-02 .atmc-blog-post_tag-link { text-transform: uppercase; letter-spacing: 1px; margin-right: 1rem; font-size: 1rem; transition: all ease 200ms; font-weight: bold; } .atmc-blog-template-02 .atmc-blog-post_tag-link:hover { color: #539DA6; opacity: 1; } .homepage-wrapper { overflow: hidden; } .homepage-wrapper .dnd_area-row-2-padding { z-index: 9; padding: 20px 10px 35px !important; } .homepage-wrapper .atmc-hero-06 { padding: 10rem 0 3rem; background-size: unset !important; background-position-y: 41px !important; max-height: 750px; } .homepage-wrapper .atmc-hero-06 .h1-homepage { margin-bottom: 0; line-height: 1; } .homepage-wrapper .atmc-hero-06 .small-margin { margin-bottom: 17px; } .homepage-wrapper .atmc-hero-06 .h1-small { line-height: 1; font-size: 44px; } .homepage-wrapper .atmc-hero-06 p.hero-small-text { margin-bottom: 35px; line-height: 1; } .homepage-wrapper .team-homepage::after { content: ""; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -65px; background: url(https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/line.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; height: 4px; } .homepage-wrapper .content-image .content .image-holder { margin-top: 50px; } @media (min-width: 350px) { .homepage-wrapper .dnd_area-row-2-padding { padding: 20px 15px 35px !important; } } @media (min-width: 550px) { .homepage-wrapper .dnd_area-row-2-padding { padding: 20px 20px 35px !important; } } @media (min-width: 767px) { .homepage-wrapper .dnd_area-row-2-padding { padding: 0 30px !important; } } @media (min-width: 768px) { .homepage-wrapper .atmc-hero-06 { background-position-y: 78px !important; } } @media (min-width: 980px) { .homepage-wrapper .atmc-hero-06 { background-position-x: -640px; } } @media (min-width: 998px) { .homepage-wrapper .row-depth-1.row-number-9 { padding-bottom: 67px; } } @media (min-width: 1200px) { .homepage-wrapper .atmc-hero-06 { background-position-x: -480px; } } @media (min-width: 1400px) { .homepage-wrapper .atmc-hero-06 { background-position-y: 50px !important; } } @media (min-width: 1600px) { .homepage-wrapper .atmc-hero-06 { background-position-x: -250px; } } @media (min-width: 1800px) { .homepage-wrapper .atmc-hero-06 { background-position-y: 50px !important; } .homepage-wrapper .atmc-hero-06 { background-position-x: 0; } } @media (min-width: 2000px) { .homepage-wrapper .atmc-hero-06 { background-position-x: 100px; } } @media (min-width: 2200px) { .homepage-wrapper .atmc-hero-06 { background-position-x: 230px; padding: 10rem 0 6rem; } } @media (min-width: 2500px) { .homepage-wrapper .atmc-hero-06 { background-position-y: 80px; background-position-x: 370px; } } @media (max-width: 998px) { .homepage-wrapper .row-depth-1.row-number-9 { background: #539DA6; background-image: unset !important; } } @media (max-width: 768px) { .homepage-wrapper .atmc-hero-06 .h1-homepage { font-size: 60px !important; line-height: 1.1em !important; } } @media (max-width: 767px) { .homepage-wrapper .dnd_area-row-0-padding { padding-bottom: 0 !important; } .homepage-wrapper .dnd_area-row-2-padding { background: #539DA6 !important; } .homepage-wrapper .atmc-hero-06 { background-position-x: -1140px; } } .homepage-wrapper .atmc-hero-06 .h1-small { font-size: 44px !important; line-height: 1.1em !important; } @media (max-width: 767px) { .homepage-wrapper .atmc-hero-06:before { opacity: 0.7 !important; } .homepage-wrapper .atmc-hero-06 span7 { text-align: center; } .homepage-wrapper .team-homepage .team-shape{ display: none; } } .solutions-template .team-shape { display: none; } .solutions-template .atmc-hero-06 { background-size: auto !important; padding-top: 226px !important; background-position-x: -1349px; z-index: 9; } .solutions-template .atmc-hero-06 .span7 { max-width: 500px; } .solutions-template .atmc-hero-06 .span7 h1 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 72px; line-height: 86px; } .solutions-template .atmc-hero-06 .span7 p { margin-bottom: 10px; } .solutions-template .row-number-3 { border-bottom: 1px solid #eee; padding-bottom: 0 !important; } .solutions-template .row-number-3 .content-intro h2 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: #2E5559; } .solutions-template .row-number-3 .atmc-gallery { display: flex !important; flex-direction: column; flex-wrap: wrap; height: unset !important; } .solutions-template .row-number-3 .atmc-gallery .atmc-grid-col { color: white; position: relative !important; left: unset !important; top: unset !important; } .solutions-template .row-number-3 .atmc-gallery .atmc-grid-col .atmc-gallery-01_img { background-position: center; background-repeat: no-repeat; padding-bottom: 0; margin-bottom: 1rem; display: block; width: 217px; height: 241px; margin: 0 auto -113px; } .solutions-template .row-number-3 .atmc-gallery .atmc-grid-col h4 { font-family: Lato; font-style: normal; font-weight: bold; font-size: 28px; line-height: 34px; color: #2E5559; } .solutions-template .row-number-3 .atmc-gallery .atmc-grid-col p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; text-align: center; color: #539DA6; padding: 0 10px; } .solutions-template .row-number-4 { border-top: 1px solid #eeee; } .solutions-template .row-number-4 .content-image { background: rgba(255, 255, 255, 0.7); border-radius: 40px; padding: 46px 0; } .solutions-template .row-number-4 .content-image .content { padding: 0 20px; } .solutions-template .row-number-4 .content-image .content-intro h1 { font-family: Lato; font-style: normal; font-weight: bold; font-size: 38px; line-height: 48px; } .solutions-template .row-number-4 .content-image .content-intro .description p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; color: #539DA6; max-width: 100%; } .solutions-template .row-number-4 .content-image .content-intro .btn-holder { margin-top: 35px; } .solutions-template .row-number-5 .atmc-content-01 { min-height: unset; } .solutions-template .row-number-5 .atmc-content-01 h2 { font-family: Lato; font-style: normal; font-weight: normal; font-size: 44px; line-height: 53px; color: #2E5559; } .solutions-template .row-number-5 .atmc-content-01 p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; text-align: center; } .solutions-template .row-number-7 { display: flex; } .solutions-template .row-number-7 .span6 { margin-left: 0; } .solutions-template .row-number-7 .atmc-image-default img { max-height: 329px; width: 100%; } .solutions-template .row-number-7 .atmc-content-01 { min-height: 329px; display: flex; flex-direction: column; justify-content: center; padding: 0 60px; } .solutions-template .row-number-7 .atmc-content-01 label { font-weight: bold; font-size: 18px; line-height: 22px; margin-bottom: 16px; color: #9BBFBF; } .solutions-template .row-number-7 .atmc-content-01 h4 { font-family: Lato; font-style: normal; font-weight: bold; font-size: 26px; line-height: 31px; color: #539DA6; } .solutions-template .row-number-7 .atmc-content-01 .atcm-intro { margin-top: 22px; } .solutions-template .row-number-7 .atmc-content-01 .atcm-intro ul, .solutions-template .row-number-7 .atmc-content-01 .atcm-intro p { font-family: Lato; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; color: #2E5559; } @media (min-width: 767px) { .solutions-template .row-number-4 .content-image .content { padding: 0 30px; } .solutions-template .row-number-4 .content-image .content-intro h1 { font-size: 48px; line-height: 58px; } .solutions-template .row-number-4 .content-image .content-intro .description p { max-width: 75% !important; } } @media (min-width: 768px) { .solutions-template .row-number-3 .atmc-gallery { flex-direction: row; } .solutions-template .row-number-3 .atmc-gallery .atmc-grid-col { flex: 0 0 calc(33.33% - 50px); } .solutions-template .row-number-3 .atmc-gallery .atmc-grid-col p { padding: 0 20px; } } @media (min-width: 980px) { .solutions-template .atmc-hero-06 { background-position-x: -1009px; } } @media (min-width: 1024px) { .solutions-template .row-number-3 .atmc-gallery .atmc-grid-col p { padding: 0 40px; } } @media (min-width: 1300px) { .solutions-template .atmc-hero-06 { background-position-x: -779px; } } @media (min-width: 1440px) { .solutions-template .row-number-3 .atmc-gallery .atmc-grid-col p { padding: 0 50px; } } @media (min-width: 1600px) { .solutions-template .atmc-hero-06 { background-position-x: center; } } @media (max-width: 1800px) { .solutions-template .row-number-3 { background-size: auto !important; } } @media (max-width: 767px) { .solutions-template .row-depth-1.row-number-4 { background: #eee !important; background-image: none !important; } .solutions-template .row-number-3 { background: #eee !important; background-image: none !important; } .solutions-template .dnd_area-row-1-background-image { background-image: none !important; } .solutions-template .dnd_area-row-1-padding{ padding-top: 20px !important; padding-bottom: 120px !important; } .solutions-template .dnd_area-row-2-padding{ padding-top: 80px !important; } } .services-template .atmc-hero-06{background-size:auto !important;padding-top:226px !important;padding-bottom:130px !important} .services-template .atmc-hero-06 .span7{max-width:500px} .services-template .atmc-hero-06 .span7 h1{font-family:Lato;font-style:normal;font-weight:normal;font-size:72px;line-height:86px} .services-template .atmc-hero-06 .span7 p{margin-bottom:10px} .services-template .team-services .team-shape{display:none} .services-template .team-services .atmc-team-01{position:relative} .services-template .team-services .atmc-team-01::after{content:"";position:absolute;margin:0 auto;left:0;right:0;bottom:-65px;background:url(https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/line.svg);background-repeat:no-repeat;background-size:contain;background-position:center;width:100%;height:4px} .services-template .team-services .content-intro .description{margin-bottom:69px;font-family:Lato;font-style:normal;font-weight:normal;font-size:24px;line-height:29px;text-align:center;color:#539DA6} .services-template .team-services .extra-info{display:flex;flex-direction:column;align-items:center;margin-top:183px;text-align:center} .services-template .team-services .extra-info h1{font-style:normal;font-weight:normal;font-size:44px;line-height:53px;margin-bottom:22px} .services-template .team-services .extra-info .description{font-family:Lato;font-style:normal;font-weight:normal;font-size:24px;line-height:29px;text-align:center;color:#539DA6} .services-template .team-services .extra-info .cta{margin-top:30px} .services-template .row-number-3{display:flex} .services-template .row-number-3 .span6{margin-left:0} .services-template .row-number-3 .atmc-image-default img{max-height:329px;width:100%} .services-template .row-number-3 .atmc-content-01{min-height:329px;display:flex;flex-direction:column;justify-content:center;padding:0 60px} .services-template .row-number-3 .atmc-content-01 label{font-weight:bold;font-size:18px;line-height:22px;margin-bottom:16px;color:#9BBFBF} .services-template .row-number-3 .atmc-content-01 h4{font-family:Lato;font-style:normal;font-weight:bold;font-size:26px;line-height:39px;color:#2E5559} .services-template .row-number-3 .atmc-content-01 .atmc-intro{margin-top:22px} .services-template .row-number-3 .atmc-content-01 .atmc-intro ul,.services-template .row-number-3 .atmc-content-01 .atmc-intro p{font-family:Lato;font-style:normal;font-weight:normal;font-size:20px;line-height:30px;color:#539DA6} .services-template .gallery-services .atmc-grid-col{background:#efefef;border-bottom-right-radius:97px} .services-template .gallery-services .atmc-grid-col .atmc-card{background:#efefef;border-bottom-right-radius:97px} .services-template .gallery-services .atmc-grid-col .atmc-card .atmc-gallery-04_img{position:absolute;width:100%;top:0;height:98px;border:0;top:-49px;background-size:contain} .services-template .gallery-services .atmc-grid-col .atmc-card h4{margin-top:65px;font-family:Lato;font-style:normal;font-weight:normal;font-size:20px;line-height:29px;text-align:left;color:#539DA6;margin-left:10px;margin-right:10px;text-align:center} .services-template .gallery-services .atmc-grid-col .atmc-card .description{font-family:Lato;font-style:normal;font-weight:bold;font-size:20px;line-height:24px;color:#2E5559;margin-top:33px;text-align:center;margin-left:15px;margin-right:15px;margin-bottom:15px;margin-top:30px;margin-bottom:5px} .services-template .gallery-services .atmc-grid-col .atmc-card .description p{margin-left:0;margin-bottom:0;margin-right:0;color:#2E5559;font-weight:700px} .services-template .gallery-services .atmc-grid-col .atmc-card .description p strong{font-size:12px} .services-template .gallery-services .atmc-grid-col .atmc-card .extra-info{font-family:Lato;font-style:italic;font-weight:normal;font-size:20px;line-height:24px;color:#2E5559;margin-left:53px;text-align:left} .services-template .row-number-10{padding-bottom:0 !important} .services-template .row-number-10 .content-intro{margin-bottom:58px;padding-top:0 !important} .services-template .row-number-10 .content-intro h2{font-family:Lato;font-style:normal;font-weight:normal;font-size:44px;line-height:53px;color:white} .services-template .row-number-10 .atmc-grid-col{color:white} .services-template .row-number-10 .atmc-grid-col .atmc-gallery-01_img{background-position:center;background-repeat:no-repeat;padding-bottom:0;margin-bottom:1rem;display:block;width:108px;height:108px;border-radius:50%;margin:0 auto 28px} .services-template .row-number-10 .atmc-grid-col h4{font-family:Lato;font-style:normal;font-weight:bold;font-size:28px;line-height:34px} .services-template .row-number-10 .atmc-grid-col p{font-family:Lato;font-style:normal;font-weight:normal;font-size:18px;line-height:22px;text-align:center} .services-template .row-depth-1.row-number-3 .bg-placeholder{position:absolute;left:0;bottom:-167px} .services-template .row-depth-1.row-number-3 .bg-placeholder img{max-height:unset} @media(min-width:767px){ .services-template .gallery-services .atmc-grid-col:not(:last-of-type){margin-right:15px;width:calc(33% - 15px) .services-template .content-image .content .image-holder img{ background-image } } }@media(max-width:1800px){.services-template .row-number-10{background-size:auto !important} }@media(max-width:980px){.services-template .row-number-3{background-image:unset !important; } .services-template .team-services .extra-info .description p{ max-width: 900px; width: unset !important; } .services-template .row-number-3.dnd_area-row-3-background-image{background: #539DA6;} }@media (max-width: 767px) { .services-template .gallery-services { display: flex !important; flex-direction: column; height: unset !important; } .services-template .gallery-services .atmc-grid-col { position: relative !important; top: unset !important; left: unset !important; margin-bottom: 25px; margin-right: 15px; margin-left: 15px; } .services-template .gallery-services .atmc-grid-col .atmc-card .atmc-gallery-04_img img { display: none !important; } .services-template .row-depth-1.row-number-3 .bg-placeholder { display: none; } .services-template .row-number-11 { background-image: unset !important; background: #eee; } .services-template .row-depth-1.row-number-13 { background-size: cover !important; } .services-template .content-image .content .image-holder img { content: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/image%20%281%29.png"); } .services-template .dnd_area-row-1-padding { padding-bottom: 30px !important; } .services-template .dnd_area-row-1-background-image{ background-image: none !important; } .services-template .dnd_area-row-4-padding{ padding-top: 85px !important; } .services-template .dnd_area-row-5-background-image{ background: #539DA6; background-image: none !important; } .services-template .dnd_area-row-3-padding{ padding-top: 50px !important; padding-bottom: 70px !important; } } .services-template .content-image .content .content-intro .description p{ max-width: 900px; } .services-template .atmc-content-01 h2.atmc-headline-default{ line-height: 1.1; } .services-template .content-repeater-01-update .team-shape{ display:none; } .text-center { text-align: center; } .easy-train .atmc-image-default.shape img { position: absolute; left: 0; bottom: -200px; } .easy-train .atmc-image-default.shape-2 { margin-bottom: 50px; } .easy-train .gallery-update-easy-train .atmc-grid-col h3 { color: white; margin-top: 40px; margin-left: 13px; } .easy-train .gallery-update-easy-train .atmc-grid-col ul { margin-left: 34px; font-size: 18px; line-height: 145%; font-style: normal; font-weight: normal; } .easy-train .gallery-update-easy-train .atmc-grid-col h4 { margin-top: 20px; } .easy-train .gallery-update-easy-train .atmc-grid-col:first-of-type { background: #2E5559; } .easy-train .gallery-update-easy-train .atmc-grid-col:nth-of-type(2) { background: #539DA6; } .easy-train .gallery-update-easy-train .atmc-grid-col p { font-weight: normal; font-size: 20px; line-height: 24px; padding-left: 0; } .easy-train .gallery-update-easy-train .atmc-grid-col a { border-radius: 7px !important; font-family: Lato !important; font-style: normal; font-weight: normal !important; font-size: 16px !important; line-height: 19px !important; color: #E73845 !important; border: 1px solid #E73845 !important; padding: 12px 33px !important; background-color: #fff !important; vertical-align: unset !important; margin-top: 22px; } .easy-train .row-number-10 h2 { color: #2E5559; } .easy-train .row-number-10 .description { color: #539DA6; } .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col { text-align: center; } .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col:first-of-type p, .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col:first-of-type h4 { color: #9BBFBF; } .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(2) p, .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(2) h4 { color: #539DA6; } .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(3) p, .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(3) h4 { color: #2E5559; } .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col h4 { margin-top: 20px; font-style: normal; font-weight: bold; font-size: 28px; line-height: 34px; } .easy-train .row-number-10 .gallery-01-update.easy-train-gallery .atmc-grid-col p { font-weight: normal; font-size: 18px; line-height: 22px; text-align: center; } .easy-train .atmc-image-default.shape-3 { position: absolute; left: 0; bottom: -120px; z-index: -1; display: none; } @media (min-width: 767px) { .easy-train .atmc-hero-06 .span7 { width: 90% !important; max-width: 600px; } .easy-train .atmc-image-default.shape-3 { display: block; } } @media (max-width: 767px) { .easy-train .row-number-10 .gallery-01-update2 .atmc-grid-col:first-of-type img { content: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/Simple%20Sign-up!-1.png"); } .easy-train .row-number-10 .gallery-01-update2 .atmc-grid-col:nth-of-type(2) img { content: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/Welcome%20Packet%20&%20Onboarding-1.png"); } .easy-train .row-number-10 .gallery-01-update2 .atmc-grid-col:nth-of-type(3) img { content: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/Fast-Track%20for%20Growth!-1.png"); } .easy-train .dnd_area-row-3-background-image { background-image: unset !important; background: #eeeeee; } } @media (max-width: 550px) { .easy-train .dnd_area-row-3-padding { padding-top: 110px !important; padding-bottom: 150px !important; } .easy-train .dnd_area-row-4-padding { padding-top: 50px !important; } .easy-train .content-intro h2 { padding: 0 20px; } } .learning-center .row-number-2 .atmc-gallery .atmc-grid-col h4 a{color:#2E5559 !important} .learning-center .row-number-2 .atmc-gallery .atmc-grid-col p{color:#539DA6;font-size:18px;line-height:22px} .learning-center .row-number-2 .content-intro h2{line-height:53px;color:#2E5559} .learning-center .row-number-2 .content-intro .description p{font-size:24px;line-height:29px;text-align:center;color:#539DA6} .learning-center .atmc-image-default.lines-img{position:absolute;left:0;bottom:-480px} .learning-center .atmc-image-default.lines-01{position:absolute;max-width:150%;overflow:hidden;left:-260px;top:44px} .learning-center .atmc-image-default.lines-01 img{max-width:150% !important;width:128%} @media(min-width:980px){.learning-center .row-number-7{padding:153px 0 60px !important} }@media(max-width:980px){.learning-center .row-number-7{padding:180px 15px 60px !important; background-image:unset;} }@media(max-width:767px){.learning-center .atmc-image-default.lines-img{display:none} .learning-center .atmc-image-default.lines-01{display:none} } .courses-page .atmc-image-default.shape img{position:absolute;left:0;top:0} .courses-page .atmc-image-default.shape-2{margin-bottom:50px} .courses-page .courses-container .slick-track{display:flex;justify-content:center} .courses-page .courses-container .slick-track .slick-slide{max-width:542px} .courses-page .courses-container .slick-track .slick-slide:first-of-type{margin-right:50px} .courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item{background:#eee;border-radius:0 0 97px 0} .courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item .atmc-team-01_img{width:100%;height:299px;border-radius:0} .courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item p,.courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item h4{max-width:371px} .courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description{padding-left:44px} .courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item h4{margin-top:20px} .courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item ul{max-width:422px;color:#539DA6;padding-left:20px} .courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item ul:last-of-type{margin-bottom:40px} .courses-page .courses-container .extra-info{margin-top:57px;display:flex;justify-content:center} .courses-page .courses-container .team-shape{display:none} .courses-page .atmc-gallery .atmc-grid-col p{ color:#539DA6; } .courses-page .atmc-content-01 .atmc-headline-default{ color:#2E5559; } .courses-page .slick-track .slick-slide .atmc-tabs-01_thumb_wrapper .atmc-tabs-01_thumb h4{ color:#2E5559; } .courses-page .slick-track .slick-slide.slick-current .atmc-tabs-01_thumb_wrapper .atmc-tabs-01_thumb h4{ color:#fafafa; } @media(max-width:767px){.courses-page .atmc-image-default.shape-3{display:none} .courses-page .row-number-9{padding-top:60px !important;padding-bottom:60px !important} .courses-page .courses-container .slick-track .slick-slide .atmc-team-01_item .atmc-team-01-description { padding-left: 17px; padding-right: 17px; } .courses-page{ overflow: hidden; } .courses-page .atmc-slick{ padding: 0 10px; } .courses-page .dnd_area-row-2-padding{ padding-top: 30px !important; padding-bottom: 55px !important; } .courses-page .dnd_area-row-5-padding{ padding-top: 55px !important; padding-bottom: 120px !important; } .courses-page .courses-container .extra-info{ margin-top: 80px; } } .courses-page .atmc-image-default.shape-3 { display: none; } .courses-page .atmc-team-01_item .atmc-team-01_img:before { opacity: 0; } @media (min-width: 767px) { .courses-page .atmc-image-default.shape-3 { display: block; position: absolute; left: 0; bottom: -120px; } } @media (min-width: 980px) { .courses-page .atmc-image-default.shape-3 { display: block; position: absolute; left: 0; bottom: 50px; } } @media (min-width: 767px) { .why-choose-easy-train .atmc-container .span7 { max-width: 800px; } } .why-choose-easy-train .dnd_area-row-1-background-image { padding: 7.5rem 0px !important; } @media (max-width: 998px) { .why-choose-easy-train .dnd_area-row-1-background-image { background-image: unset !important; background: #eee; } } @media (max-width: 1200px) { .why-choose-easy-train .dnd_area-row-1-background-image { padding: 3.5rem 0px !important; } } @media (max-width: 767px) { .why-choose-easy-train .atmc-gallery { padding: 0px 5px; } .why-choose-easy-train .atmc-hero-06{ padding: 226px 0 1rem !important; } .why-choose-easy-train .atmc-gallery.gallery-01-update .atmc-grid-col .atmc-gallery-01_img img{ margin: 22px auto; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track{ padding-top: 35px; } } @media (max-width: 500px) { .why-choose-easy-train .extra-info { padding-top: 110px !important; } .why-choose-easy-train .atmc-container .span7 h2{ font-size: 49px; line-height: 58px; } } @media (max-width: 323px) { .why-choose-easy-train .extra-info { padding-top: 167px !important; } } .why-choose-easy-train .atmc-gallery .atmc-grid-col { padding: 0; } .why-choose-easy-train .atmc-gallery .atmc-grid-col p { font-size: 18px; line-height: 22px; color: #539DA6; } .why-choose-easy-train .atmc-image-default { display: none; } @media (min-width: 998px) { .why-choose-easy-train .atmc-image-default { display: block; position: absolute; left: -202px; top: -287px; z-index: -1; overflow: hidden; width: calc(100% + 202px); } } .why-choose-easy-train .atmc-image-default img { max-width: 120% !important; } @media (min-width: 1920px) { .why-choose-easy-train .atmc-image-default { display: block; position: absolute; left: -304px; top: -453px; z-index: -1; overflow: hidden; width: calc(100% + 304px); } .why-choose-easy-train .atmc-image-default img { max-width: 115% !important; } } @media (min-width: 2200px) { .why-choose-easy-train .atmc-image-default { display: block; position: absolute; z-index: -1; overflow: hidden; left: -417px; top: -600px; width: calc(100% + 417px); } .why-choose-easy-train .atmc-image-default img { max-width: 158% !important; width: 100%; } } .why-choose-easy-train .content-repeater-01-update .extra-info { position: absolute; top: 88px; left: 0; right: 0; padding-top: 75px; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list { display: flex; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track { display: flex; flex-direction: column; /* padding: 35px 14px 0; */ } .why-choose-easy-train .content-repeater-01-update .team-shape { display: none; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) { width: 100% !important; background: none; min-height: 400px; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item { width: 100%; display: flex !important; flex-direction: column-reverse; } @media (min-width: 998px) { .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item { flex-direction: row-reverse; } } /* .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description { padding-right: 41px; text-align: left; } */ .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description div { font-style: normal; font-weight: 400; font-size: 26px; line-height: 39px; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description div span { font-weight: bold; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description p { font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; color: #539DA6; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01_img { flex: 0 0 auto; margin: 0 0 1rem; background-size: contain; width: 90%; background-position-x: right; } @media (min-width: 998px) { .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01_img { flex: 0 0 50%; margin: 0 auto 1rem; } } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item h4 { text-align: left; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) { width: 100% !important; background: none; min-height: 400px; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item { width: 100%; display: flex !important; flex-direction: column-reverse; } @media (min-width: 998px) { .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item { flex-direction: row; } } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { /* padding-left: 0px; */ text-align: left; } @media (min-width: 998px) { /* .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { padding-left: 41px; } */ } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description div { font-style: normal; font-weight: 400; font-size: 26px; line-height: 39px; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description div span { font-weight: bold; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description p { font-style: normal; font-weight: normal; font-size: 20px; line-height: 30px; color: #539DA6; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01_img { flex: 0 0 auto; margin: 0 0 1rem; background-size: 90%; width: 100%; background-position-x: left; } @media (min-width: 998px) { .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01_img { flex: 0 0 50%; margin: 0 auto 1rem; } } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item h4 { text-align: left; } .why-choose-easy-train .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide { border-bottom-right-radius: 0px; } .provider-success-stories .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide { border-bottom-right-radius: 0px; } .provider-success-stories .team-shape{ display: none; } .provider-success-stories .atmc-image-default.shape { display: none; } .provider-success-stories .atmc-hero-06{ padding: 226px 0 10rem !important; } .provider-success-stories .atmc-hero-06 .atmc-container .span7 .atmc-hero-06_heading{ color: #2E5559; } .provider-success-stories .atmc-image-default.shape-01 { display: none; } @media (min-width: 998px) { .provider-success-stories .atmc-image-default.shape { position: absolute; left: -300px; overflow: hidden; display: block; } .provider-success-stories .atmc-image-default.shape-01 { display: block; position: absolute; left: -256px; top: 1500px; z-index: -1; overflow: hidden; } .provider-success-stories .atmc-image-default.shape-01 img { width: 117%; max-width: 161% !important; } .provider-success-stories .atmc-image-default.shape img { max-width: 150% !important; height: auto; } } @media (min-width: 2200px) { .provider-success-stories .atmc-image-default.shape { position: absolute; left: 0px; overflow: hidden; display: block; } .provider-success-stories .atmc-image-default.shape-01 { display: block; position: absolute; left: 0px; top: 1500px; z-index: -1; overflow: hidden; } .provider-success-stories .atmc-image-default.shape-01 img { width: 130%; max-width: 119% !important; } .provider-success-stories .atmc-image-default.shape img { max-width: 100% !important; height: auto; } } @media (max-width: 767px) { .provider-success-stories .atmc-hero-06{ padding: 226px 0 1rem !important; } } .contact-us .atmc-content-01.content-form{margin-bottom: 40px;background:#2E5559;opacity:.9;border-radius:9px;padding-left:47px;padding-top:20px;padding-bottom:35px;color:white} .contact-us .atmc-content-01.content-form .cta-holder{padding-top: 5px; margin-bottom:0px;display:flex;flex-direction:column;align-items:baseline} .contact-us .atmc-content-01.content-form .cta-holder p{font-style:normal;font-weight:normal;font-size:24px;line-height:36px} .contact-us .atmc-content-01.content-form h2{color:white;font-weight:bold;font-size:38px;line-height:57px} .contact-us .row-number-2>.row-fluid{position:relative} .contact-us .row-number-2>.row-fluid .span2 .span12.dnd-module .atmc-content-01{position:absolute;left:0;top:-60px;text-align:center} .contact-us .row-number-2>.row-fluid .span2 .span12.dnd-module .atmc-content-01 h2{font-family:Lato;font-style:normal;font-weight:normal;font-size:44px;line-height:53px;margin-bottom:34px} .contact-us .row-number-2>.row-fluid .span2 .span12.dnd-module .atmc-content-01 .content-intro p{font-family:Lato;font-style:normal;font-weight:normal;font-size:24px;line-height:29px;text-align:center;color:#539DA6} .contact-us .row-number-2>.row-fluid .span4.dnd-column{padding-top:160px} .contact-us .atmc-image-default.map-shape{display:none;z-index:-1} .contact-us .row-number-14{z-index:9999999999999} .contact-us .row-fluid-wrapper.dnd-section{position:relative} .contact-us .contact-info p:first-of-type{font-style:normal;font-weight:bold;font-size:38px;line-height:57px;color:#2E5559} @media(min-width:600px){.contact-us .row-number-2>.row-fluid .span2 .span12.dnd-module .atmc-content-01{left:calc(50% - 238px);top:-20px} .contact-us .row-number-2>.row-fluid .span4.dnd-column{padding-top:110px} }@media(min-width:767px){ .contact-us .atmc-content-01.content-form .cta-holder a:first-of-type{margin-right:27px} .contact-us .row-number-2>.row-fluid .span4.dnd-column{padding-top:134px} .contact-us .atmc-image-default.map-shape{position:absolute;top:80px;left:0;display:unset} }@media(min-width:1100px){.contact-us .atmc-image-default.map-shape{top:-90px} .contact-us .atmc-image-default.map-shape{top:-90px} }@media(min-width:1400px){.contact-us .atmc-image-default.map-shape{top:-140px} }@media(min-width:1800px){.contact-us .atmc-image-default.map-shape{top:-290px} }@media(min-width:2200px){.contact-us .atmc-image-default.map-shape{top:-340px} }@media(min-width:2400px){.contact-us .atmc-image-default.map-shape{top:-440px} }@media(min-width:2500px){.contact-us .atmc-image-default.map-shape{top:-580px} } .contact-us .atmc-form-01 .form-title {display:none} .contact-us .atmc-intro { margin-bottom: 0px; } .contact-us .contact-info {padding-left: 47px} @media(min-width: 1117px){ .contact-us .atmc-content-01.content-form .cta-holder{flex-direction:row} } .reward-program .content-repeater-01-update .team-shape{ display: none; } .reward-program .content-repeater-01-update .atmc-team-01 .slick-list .slick-track{ width: 100% !important; margin-bottom: 84px; } .reward-program .content-repeater-01-update .atmc-team-01 .slick-list .slick-slide { border-bottom-right-radius: 0px; } .reward-program .atmc-image-default.shape{ display: none; } .reward-program .atmc-content-01 .atmc-headline-default{ color:#2E5559; } .reward-program .atmc-content-01 .atmc-intro p{ color:#539DA6; } .reward-program .atmc-content-01 .atmc-intro h3{ color:#2E5559; } @media (min-width: 998px) { .reward-program .atmc-image-default.shape{ position: absolute; left: -300px; overflow: hidden; display: block; } .reward-program .atmc-image-default.shape img{ max-width: 150% !important; } } @media (min-width: 2200px) { .reward-program .atmc-image-default.shape{ position: absolute; left: 0; overflow: hidden; display: block; } .reward-program .atmc-image-default.shape img{ max-width: 115%!important; height: auto; width: 100%; } } @media (max-width: 1400px){ .reward-program .dnd-section .widget-type-cell { padding-left: 11px; padding-right: 11px; } } /* .about-us .gallery-01-update.easy-train-gallery .atmc-grid-col { flex: 0 0 calc(25% - 24px); } */ .about-us .atmc-testimonial-01 .atmc-testimonial-01_single .atmc-testimonial-01_title { text-align: center; padding-bottom: 100px; } .about-us .atmc-gallery.gallery-01-update.easy-train-gallery .atmc-grid-col h4{ margin-top: 0px; } .about-us .atmc-gallery.gallery-01-update .atmc-grid-col h4{ margin-top: -120px; } .about-us .atmc-testimonial-01 .atmc-testimonial-01_single .atmc-testimonial-01_text{ color: #2E5559; max-width: 1100px; margin: 0 auto; } .about-us .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(1) h4{ color: #9BBFBF; } .about-us .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(2) h4{ color: #539DA6; } .about-us .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(3) h4{ color: #2E5559; } .about-us .content-repeater-01-update .team-shape { display: none; } .about-us .content-intro h2{ color: #2E5559; } .about-us .content-intro .description p{ color: #539DA6; } .about-us .atmc-image-default.lines-img { display: none; } .about-us .atmc-image-default.shape-01 { display: none; } .about-us .gallery-01-update.easy-train-gallery .atmc-grid-col:first-of-type p{ color: #9BBFBF } .about-us .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(2) p{ color: #539DA6; } .about-us .gallery-01-update.easy-train-gallery .atmc-grid-col:nth-of-type(3) p{ color: #2E5559; } @media (max-width: 998px) { .about-us .dnd_area-row-4-background-image{ background-image: unset !important; background: #eee; } } @media (max-width: 767px) { .about-us .gallery-01-update.easy-train-gallery .atmc-grid-col{ width: 100%; } .about-us .gallery-01-update2 .atmc-grid-col:first-of-type img { content: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/Group%2024.png"); } .about-us .gallery-01-update2 .atmc-grid-col:nth-of-type(2) img { content: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/Frame%208.png"); } .about-us .gallery-01-update2 .atmc-grid-col:nth-of-type(3) img { content: url("https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/Frame%2010.png"); } } @media (min-width: 998px) { .about-us .atmc-image-default.lines-img { display: block; position: absolute; left: -304px; top: -311px; z-index: -1; overflow: hidden; width: calc(100% + 304px); } .about-us .atmc-image-default.lines-img img{ height: auto; max-width: 115% !important; } .about-us .atmc-image-default.shape-01 { display: block; position: absolute; left: -256px; z-index: -1; overflow: hidden; } .about-us .atmc-image-default.shape-01 img { width: 117%; max-width: 161% !important; } } .about-us .gallery-01-update { margin: 0px !important; } @media (min-width: 2200px) { .about-us .atmc-image-default.lines-img { display: block; position: absolute; left: -304px; top: -310px; z-index: -1; overflow: hidden; width: calc(100% + 304px); } .about-us .atmc-image-default.lines-img img{ max-width: 175% !important; width: 118%; } .about-us .atmc-image-default.shape-01 { display: block; position: absolute; left: 0; z-index: -1; overflow: hidden; } .about-us .dnd_area-row-4-padding{ padding-top: 123.8px !important; padding-bottom: 138.8px !important; } } .nationwide-provider-network .team-shape { display: none; } .nationwide-provider-network .content-image .content .content-intro { padding-top: 50px; } .nationwide-provider-network .content-image .content .content-intro h1 { font-size: 72px; line-height: 86px; color: #539DA6; } .nationwide-provider-network .content-image .content .content-intro .description { padding-left: 15px; padding-right: 15px; } .nationwide-provider-network .content-image .content .content-intro .description p { font-size: 18px; line-height: 22px; color: #2E5559; } .nationwide-provider-network .content-image .content .image-holder { padding-bottom: 161px; } .nationwide-provider-network .content-image .extra-info .item { width: 339px; } .nationwide-provider-network .content-image .extra-info .item .title p { font-size: 24px; line-height: 29px; text-align: center; color: #2E5559; padding-right: 39px; font-weight: bold; } .nationwide-provider-network .content-image .extra-info .item .description p { font-size: 20px; line-height: 22px; color: #539DA6; padding-right: 39px; } .nationwide-provider-network .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description { margin: auto 100px; text-align: left; } .nationwide-provider-network .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description h3 { color: #539DA6; line-height: 31px; } .nationwide-provider-network .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { margin: auto 60px; text-align: left; text-align: left; } .nationwide-provider-network .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description h3 { color: #539DA6; line-height: 31px; } .nationwide-provider-network .homepage-offer-2 .content-holder{ padding: 45px 0 45px; } .nationwide-provider-network .atmc-gallery .content-intro p{ color: #ffffff; } .nationwide-provider-network .atmc-image-default { position: absolute; top: -313px; z-index: -1; display: block; } @media (min-width: 767px) { .nationwide-provider-network .content-image .content .btn-holder { position: absolute; left: 0; right: 0; } .nationwide-provider-network .content-image .extra-info { justify-content: center; position: absolute; bottom: 60px; width: 100%; z-index: 9; } } @media (max-width: 989px) { .nationwide-provider-network .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description { margin: 0px; } .nationwide-provider-network .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { margin: 0px; } .nationwide-provider-network .dnd_area-row-4-background-image { background-image: unset !important; background-color: #539DA6; } .nationwide-provider-network .dnd_area-row-2-background-image { background-image: unset !important; background-color: #539DA6; } .nationwide-provider-network .content-image .content .image-holder { padding-bottom: 0px; } .nationwide-provider-network .atmc-image-default { display:none; } } @media (max-width: 767px) { .nationwide-provider-network .shape-on{ padding: 0rem; } } .individual-success-stories .atmc-image-default.shape { position: absolute; left: -300px; overflow: hidden; display: block; } .individual-success-stories .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item { display: inline-block !important; } .individual-success-stories .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .image-holder { float: right; margin-left: 57px; } .individual-success-stories .team-shape { display: none; } .individual-success-stories .atmc-container .span7 p{ font-size: 18px; line-height: 22px; color: #2E5559; } .individual-success-stories .atmc-container .span7 h3{ color: #2E5559; } .individual-success-stories .dnd_area-row-2-vertical-alignment .row-fluid .span6:nth-of-type(2) { justify-content: flex-start !important; } .individual-success-stories .dnd_area-row-2-vertical-alignment .row-fluid .atmc-content-01 span { font-weight: bold; } .individual-success-stories .dnd_area-row-2-vertical-alignment .row-fluid .atmc-content-01 h3.tabs { color: #2E5559; } .individual-success-stories .dnd_area-row-2-vertical-alignment .row-fluid .atmc-content-01 p { color: #539DA6; } .individual-success-stories .dnd_area-row-2-vertical-alignment .row-fluid .atmc-content-01 p.location { font-size: 16px; line-height: 27px; color: #539DA6; } .individual-success-stories .dnd_area-row-2-vertical-alignment .row-fluid .atmc-content-01 p.name { color: #2E5559; } .individual-success-stories .dnd_area-row-2-vertical-alignment .row-fluid .atmc-content-01 h4 { color: #539DA6; } .individual-success-stories .atmc-content-01 .atmc-headline-default{ color: #2E5559; } .individual-success-stories .dnd_area-row-2-vertical-alignment .atmc-content-01 .atmc-content-01_content .name{ color: #2E5559; } .individual-success-stories .atmc-content-01 .atmc-intro h4{ color: #539DA6; font-weight: bold; } .individual-success-stories .atmc-content-01 .atmc-content-01_content p{ color: #539DA6; } @media (max-width: 1100px) { .individual-success-stories .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item { display: flex !important; flex-direction: column; } .individual-success-stories .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide .atmc-team-01_item .image-holder{ margin-left: 0px; } .individual-success-stories .atmc-image-default.shape { display: none; } } @media (min-width: 2200px){ .individual-success-stories .atmc-image-default { left: 0; } .individual-success-stories .atmc-image-default img{ width: 120%; } } .our-team .content-intro h2 { margin-bottom: 60px; } .our-team .atmc-image-default.lines-00 { display: block; position: absolute; left: 0; z-index: -1; overflow: hidden; top: 145px; } .our-team .atmc-social-03{ box-shadow: 0px 0px 0px rgb(0 0 0 / 15%); } @media (max-width: 767px) { .our-team .atmc-image-default.lines-00 { display: none; } } .our-team .atmc-image-default.lines-00 img { width: 110%; max-width: 161% !important; } .our-team .atmc-image-default.lines-01 { display: block; position: absolute; left: -350px; z-index: -1; overflow: hidden; bottom: 250px; } @media (max-width: 767px) { .our-team .atmc-image-default.lines-01 { display: none; } } @media (min-width: 2200px) { .our-team .atmc-image-default.lines-01 { left: 0; } } .our-team .atmc-image-default.lines-01 img { max-width: 118% !important; width: 121%; } .our-team .atmc-team-04-wrapper .atmc-team-04_item { padding: 0px; } @media (max-width: 767px) { .our-team .atmc-team-04-wrapper .atmc-team-04_item { padding: 17px; } } .our-team .atmc-team-04-wrapper .atmc-team-04_item:after { content: ""; position: absolute; background: url('https://8487366.fs1.hubspotusercontent-na1.net/hubfs/8487366/line.png'); width: 100%; height: 5px; right: 0; background-position: center; background-repeat: no-repeat; } @media (max-width: 767px) { .our-team .atmc-team-04-wrapper .atmc-team-04_item:after { width: 50%; height: 5px; right: 25%; } } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid { display: flex; flex-direction: row; margin-bottom: 60px; } @media (max-width: 767px) { .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid { flex-direction: column; } } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span5 { flex: 0 0 20%; } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span5 img { width: 100%; } @media (max-width: 767px) { .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span5 img { width: 40%; } } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span7 { flex: 0 0 74%; text-align: left; } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span7 h2 { font-weight: bold; font-size: 26px; line-height: 36px; color: #2E5559; } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span7 .atmc-cap { font-style: italic; font-weight: normal; font-size: 20px; line-height: 24px; color: #2E5559; } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span7 .atmc-team-04_bio { position: relative; } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span7 .atmc-team-04_bio p { color: #539DA6; } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span7 .inline-flex { display: flex; } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span7 .inline-flex .atmc-social { background: #E73845; height: 46px; width: 46px; } .our-team .atmc-team-04-wrapper .atmc-team-04_item .row-fluid .span7 .inline-flex .atmc-social svg { color: white; fill: white; height: 25px; width: 23px } .our-team .dnd_area-row-1-background-image{ background-position-y: 100px !important; background-position-x: center!important; } @media (max-width: 980px) { .our-team .dnd_area-row-1-background-image{ background-image: unset !important; } } .classes-resources .blog-pagination .active,.classes-resources .blog-pagination .number{position:relative;color:#2E5559;font-family:"Sharp Sans Medium","Source Sans Pro",Arial,sans-serif;padding:0 10px;cursor:pointer;margin:0 5px;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:18px} .classes-resources .blog-pagination .active:hover,.classes-resources .blog-pagination .number:hover{border-radius:50%;border:1px solid #eee} .classes-resources .blog-pagination .active{background:#eee;border-radius:50%} .classes-resources .blog-pagination .elipses{color:#2E5559;font-family:"Sharp Sans Medium","Source Sans Pro",Arial,sans-serif} .classes-resources .blog-pagination .blog-pagination-left{color:#2E5559;display:flex;align-items:center} .classes-resources .blog-pagination .blog-pagination-center{display:flex;align-items:center} .classes-resources .blog-pagination .blog-pagination-right{display:flex;align-items:center} .classes-resources .blog-pagination .prev-link,.classes-resources .blog-pagination .next-link{color:#2E5559;font-size:18px;display:flex;justify-content:center;align-items:center} .classes-resources .blog-pagination .prev-link i,.classes-resources .blog-pagination .next-link i{font-size:12px} .classes-resources .blog-pagination .prev-link{margin-right:8px} .classes-resources .blog-pagination .prev-link i{margin-right:5px;padding-top:3px} .classes-resources .blog-pagination .next-link{margin-left:8px} .classes-resources .blog-pagination .next-link i{margin-left:5px;padding-top:3px} .classes-resources .image-holder img{margin-top:50px;margin-bottom:40px} .classes-resources .atmc-content-01 .atmc-headline-default{ color:#2E5559; } .faqs-page .atmc-image-default.shape-1{display:none} .faqs-page .row-number-2{overflow:hidden} @media(min-width:767px){.faqs-page .atmc-image-default.shape-1{position:absolute;top:120px;display:block;z-index:-1;left:0} .faqs-page .atmc-image-default.shape-2{position:absolute;bottom:-210px;display:block;z-index:-1;left:0} }@media(min-width:980px){.faqs-page .atmc-image-default.shape-2{position:absolute;bottom:-290px;display:block;z-index:-1;left:0} }@media(min-width:1200px){.faqs-page .atmc-image-default.shape-2{bottom:-290px} }@media(min-width:1600px){.faqs-page .atmc-image-default.shape-2{bottom:-290px} .faqs-page .atmc-image-default.shape-2{bottom:-440px} }@media(min-width:1800px){.faqs-page .atmc-image-default.shape-2{bottom:-540px} }@media(min-width:2200px){.faqs-page .atmc-image-default.shape-2{bottom:-640px} }@media(min-width:2400px){.faqs-page .atmc-image-default.shape-2{bottom:-740px} } @media(max-width: 767px){ .faqs-page .atmc-image-default.shape-2 img{ display: none; } } .careers .atmc-image-default.shape-1 { display: none; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide { margin: 20px 10px; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .image-holder { justify-content: flex-end; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description { padding-left: 0px; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description p { font-weight: normal; font-size: 20px; line-height: 30px; color: #539DA6; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(odd) .atmc-team-01_item .atmc-team-01-description div { line-height: 31px; color: #539DA6; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .image-holder { justify-content: flex-start; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { padding-left: 25px; } .careers .content-repeater-01-update .content-intro .description p { padding: 0 0px; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description p { font-weight: normal; font-size: 20px; line-height: 30px; color: #539DA6; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description div { line-height: 31px; color: #539DA6; } .careers .content-repeater-01-update .team-shape { display: none; } .careers .gallery-services .atmc-grid-col .atmc-card .description { font-family: Lato; font-style: normal; font-weight: bold; font-size: 20px; line-height: 24px; color: #2E5559; margin-top: 33px; text-align: center; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; margin-top: 30px; margin-bottom: 5px; } .careers .gallery-services .atmc-grid-col { height: 100%; } .careers .gallery-services .atmc-grid-col .atmc-card{ padding: 0 0 0px 0; } .careers .gallery-services .atmc-grid-col .atmc-card .description p { margin-left: 0; margin-bottom: 0; margin-right: 0; color: #2E5559; font-weight: 700px; } .careers .gallery-services .atmc-grid-col .atmc-card .description p strong { font-size: 12px; } .careers .gallery-services .atmc-grid-col .atmc-card .extra-info { font-family: Lato; font-style: italic; font-weight: normal; font-size: 20px; line-height: 24px; color: #2E5559; margin-left: 53px; text-align: left; } .careers .atmc-card p { margin-bottom: 0px; } .careers .atmc-card p a { color: #2E5559 !important; background: #efefef !important; border-color: #efefef; font-size: 18px; } .careers .atmc-card h4 { font-size: 24px; } .careers .gallery-services .atmc-grid-col { min-height: 180px; } @media (min-width: 767px) { .careers .atmc-image-default.shape-1 { position: absolute; top: 120px; display: block; z-index: -1; left: 0px; } .careers .gallery-services .atmc-grid-col { background: #efefef; border-bottom-right-radius: 97px; } .careers .gallery-services .atmc-grid-col .atmc-card { background: #efefef; border-bottom-right-radius: 97px; } .careers .gallery-services .atmc-grid-col .atmc-card .atmc-gallery-04_img { background-image: unset !important; position: absolute; width: 100%; top: 0; height: 98px; border: none; top: -49px; background-size: contain; } .careers .atmc-gallery { margin: 0rem 0 4rem !important; } .careers .gallery-services .atmc-grid-col .atmc-card h4 { margin-top: 24px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 29px; text-align: left; color: #539DA6; margin-left: 47px; margin-right: 30px; text-align: left; } } @media (min-width: 767px){ .careers .gallery-services .atmc-grid-col .atmc-card h4 { margin-right: 50px; } } @media (min-width: 1024px){ .careers .gallery-services .atmc-grid-col .atmc-card h4 { margin-right: 80px; } } @media (min-width: 1300px){ .careers .gallery-services .atmc-grid-col .atmc-card h4 { margin-right: 110px; } } @media (min-width: 1500px){ .careers .gallery-services .atmc-grid-col .atmc-card h4 { margin-right: 174px; } } @media only screen and (max-width: 850px) and (min-width: 766px){ .careers .gallery-services .atmc-grid-col .atmc-card h4 { margin-left: 25px; } .careers .gallery-services .atmc-grid-col .atmc-card p { margin-left: 4px; } } @media (max-width: 767px) { .careers .gallery-services { display: flex !important; flex-direction: column; height: unset !important; } .careers .gallery-services .atmc-grid-col { position: relative !important; top: unset !important; left: unset !important; margin-bottom: 25px; margin-right: 15px; margin-left: 15px; } .careers .gallery-services .atmc-gallery-04_img { background-image: unset !important; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description { padding-left: 0px; } .careers .content-repeater-01-update .atmc-team-01 .slick-list .slick-track .slick-slide:nth-child(even) .atmc-team-01_item .atmc-team-01-description p { padding: 0 0 0 0px; } .careers .dnd_area-row-1-padding{ padding-bottom: 50px !important; } } @media(min-width: 767px) { .careers .gallery-services .atmc-grid-col:not(:last-of-type) { margin-right: 15px; width: calc(33% - 15px); } } .blog-post-wrapper{position:relative} .blog-post-wrapper .atmc-container{padding-bottom:150px} .blog-post-wrapper .img-wrapper-1{margin-bottom:55px} .blog-post-wrapper .img-wrapper-3{position:absolute;right:0;top:-106px;z-index:0} .blog-post-wrapper .img-wrapper-4{position:absolute;right:0;top:1116px;z-index:0} .blog-post-wrapper .img-wrapper-5{position:absolute;bottom:0;left:0} .blog-post-wrapper .atmc-blog-post .post-widgets .popular-posts-widget,.blog-post-wrapper .atmc-blog-post .post-widgets .side-bar-subscription{margin-top:25px} .blog-section-wrapper{position:relative} .blog-section-wrapper .card{z-index:2;position:relative} .hs-blog-post,.hs-blog-listing{padding-top:0 !important} .blog-section .custom-posts-filter{max-height:480px;overflow:auto} .blog-section .first-widget .widget-type-post_filter{z-index:99;position:relative;background:white;border-radius: 8px;} .blog-post-wrapper .widget-type-post_filter{z-index:99;position:relative;background:white; border-radius: 8px} .blog-section .side-bar-subscription{margin-top:25px} .blog-section .blog-listing-wrapper .img-wrapper-1{margin-bottom:55px} .blog-section .blog-listing-wrapper .img-wrapper-3{position:absolute;right:0;top:-106px;z-index:0} .blog-section .blog-listing-wrapper .img-wrapper-4{position:absolute;right:0;top:40%;z-index:0} .blog-section .blog-listing-wrapper .img-wrapper-5{position:absolute;bottom:0;left:0} .blog-section .blog-listing-wrapper .blog-pagination{padding:30px 0 80px} .blog-section .blog-listing-wrapper .hs-author-profile{padding:30px;margin-bottom:30px;-webkit-box-shadow:0 5px 6px -8px rgba(0,0,0,0.6);-moz-box-shadow:0 5px 6px -8px rgba(0,0,0,0.6);box-shadow:0 5px 6px -8px rgba(0,0,0,0.6)} .blog-section .blog-listing-wrapper .hs-author-profile .hs-author-avatar{max-width:160px;border-radius:50%;overflow:hidden} .blog-section .blog-listing-wrapper .hs-author-profile .hs-author-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover} .blog-section .blog-listing-wrapper .hs-author-profile .hs-author-bio{padding:0 15px} .blog-section .blog-listing-wrapper .hs-author-profile .hs-author-name{font-size:24px;font-weight:300} .blog-section .blog-listing-wrapper .hs-author-profile .hs-author-social-section{color:#ccc} .blog-section .blog-listing-wrapper .post-listing .post-item .card{overflow:hidden;background:#eee;border-bottom-right-radius:97px} .blog-section .blog-listing-wrapper .post-listing .post-item .card .card-body{padding: 28px 30px 23px 31px} .blog-section .blog-listing-wrapper .post-listing .post-item .card .reading-minutes{font-weight:normal;font-size:20px;line-height:24px;color:#539DA6} .blog-section .blog-listing-wrapper .post-listing .post-item .card .img-wrapper{overflow:hidden} .blog-section .blog-listing-wrapper .post-listing .post-item .card .img-wrapper div{height:100%;background-repeat:no-repeat;background-size:cover} .blog-section .blog-listing-wrapper .post-listing .post-item .card .hubspot-topic_data { margin-bottom: 10px;} .blog-section .blog-listing-wrapper .post-listing .post-item .card .hubspot-topic_data a{font-family: Lato; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; color: #539DA6; position: relative; text-transform: uppercase;} .blog-section .blog-listing-wrapper .post-listing .post-item .card .hubspot-topic_data a{padding-left:3px} .blog-section .blog-listing-wrapper .second-group .post-item .card{height:100%} .blog-section .blog-listing-wrapper .second-group .hs_cos_wrapper_widget{height:100%} .blog-section .blog-listing-wrapper .second-group .hs_cos_wrapper_widget .side-bar-subscription{height:100%;border-radius:0} .blog-section .blog-listing-wrapper .other-group .post-item .card{height:100%} .blog-section .blog-listing-wrapper .other-group .post-item.odd #hubspot-author_data{margin-left:auto} .blog-section .blog-listing-wrapper .other-group+.other-group .post-item.even #hubspot-author_data{margin-left:auto} .blog-section .blog-listing-wrapper .card-body{justify-content:space-between} .blog-pagination{padding:30px 0} .hs-blog-post #hero_section{display:none !important} .hs-blog-post .blog-section{padding-top:40px} .hs-blog-post .blog-section-flex .widget-group .popular-posts-widget .widget-title{font-size:14px !important} .hs-blog-post .blog-post-wrapper .post-header .post-info{margin-bottom:20px} .hs-blog-post .blog-post-wrapper .post-header .post-info .parent-link a{font-size:14px !important;color:#fc427e !important} .hs-blog-post .blog-post-wrapper .post-header .post-info .parent-link::after{content:'';position:absolute;width:2px;height:10px} .hs-blog-post .blog-post-wrapper .post-header .post-info>div{text-transform:uppercase;color:#aaa;font-size:16px;font-weight:400} .hs-blog-post .blog-post-wrapper .post-header .post-info>div+div{margin-left:10px;padding-left:10px;position:relative} .hs-blog-post .blog-post-wrapper .post-header .post-info>div+div:before{content:'|';position:absolute;top:50%;left:0;transform:translate(0,-50%)} .hs-blog-post .blog-post-wrapper #hubspot-author_data .hs-author-avatar{width:125px;max-width:125px;height:125px;margin-right:20px;border-radius:50%;overflow:hidden} .hs-blog-post .blog-post-wrapper #hubspot-author_data .hs-author-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover} .hs-blog-post .blog-post-wrapper #hubspot-author_data .author-info .author-link{color:#6cf} .hs-blog-post .blog-post-wrapper #hubspot-author_data .author-info .hs-author-social-section{margin-top:10px} .hs-blog-post .blog-post-wrapper .post-body{font-size:16px;font-size:1rem;line-height:1.5} .hs-blog-post .blog-post-wrapper .hs-blog-social-share{height:unset;padding:16px 12px 8px;margin:35px 0;background:#f5f5f5} .hs-blog-post .blog-post-wrapper .hs-blog-social-share .hs-blog-social-share-list{padding:0;margin:0} .hs-blog-post .blog-post-wrapper .hs-blog-social-share .hs-blog-social-share-list li{line-height:1} .hs-blog-post .widget-group .hs_cos_wrapper_type_module+.hs_cos_wrapper_type_module{margin-top:60px} @media(min-width:47.5em){.hs-blog-listing .show-hex .cta-spotlight .hex.hex-left,.hs-blog-post .show-hex .cta-spotlight .hex.hex-left{bottom:-9em;left:-25.5em} .hs-blog-listing .show-hex .cta-spotlight .hex.hex-right,.hs-blog-post .show-hex .cta-spotlight .hex.hex-right{top:-8em;right:-24em} .blog-section .blog-listing-wrapper .hs-author-profile .hs-author-avatar{margin-right:30px;flex:1 1 25%;max-width:calc(25% - 15px)} .blog-section .blog-listing-wrapper .hs-author-profile .hs-author-bio{padding:0 30px;flex:1 1 75%;max-width:calc(75% - 15px)} .blog-section .blog-listing-wrapper .post-listing .first-group .post-item{margin-bottom:108px;flex:1 1 67.67%;margin-right:30px;max-width:calc(67.67% - 15px)} .blog-section .blog-listing-wrapper .post-listing .first-group .post-item .card .img-wrapper{position:relative;height:608px} .blog-section .blog-listing-wrapper .post-listing .first-group .post-item .card-body{min-height:307px} .blog-section .blog-listing-wrapper .post-listing .first-group .post-item .card-body .post-header h3{font-family:Lato;font-style:normal;font-weight:bold;font-size:38px;line-height:57px;color:#2E5559;margin-bottom:0} .blog-section .blog-listing-wrapper .post-listing .first-group .widget-group{flex:1 1 33.33%;max-width:calc(33.33% - 15px)} .blog-section .blog-listing-wrapper .post-listing .second-group{margin-bottom:108px} .blog-section .blog-listing-wrapper .post-listing .second-group .post-item .card .img-wrapper{height:274px} .blog-section .blog-listing-wrapper .post-listing .second-group .card-body{min-height:217px} .blog-section .blog-listing-wrapper .post-listing .second-group h3{font-family:Lato;font-style:normal;font-weight:normal;font-size:24px;line-height:36px;color:#2E5559;margin-bottom:0} .blog-section .blog-listing-wrapper .post-listing .second-group>div{flex:0 0 33.33%;max-width:calc(33.33% - 15px)} .blog-section .blog-listing-wrapper .post-listing .second-group>div+div{margin-left:30px} .blog-section .blog-listing-wrapper .post-listing .other-group{margin-bottom:108px} .blog-section .blog-listing-wrapper .post-listing .other-group .card-body{min-height:217px} .blog-section .blog-listing-wrapper .post-listing .other-group .post-item.even{flex:0 0 33.33%;max-width:calc(33.33% - 15px)} .blog-section .blog-listing-wrapper .post-listing .other-group .post-item.even .img-wrapper{height:274px} .blog-section .blog-listing-wrapper .post-listing .other-group .post-item.even .img-wrapper img{vertical-align:middle;transform:translateY(-20px)} .blog-section .blog-listing-wrapper .post-listing .other-group .post-item.odd{flex:0 0 33%;margin-left:30px;margin-right:30px;max-width:calc(33.33% - 15px)} .blog-section .blog-listing-wrapper .post-listing .other-group h3{font-family:Lato;font-style:normal;font-weight:normal;font-size:24px;line-height:36px;color:#2E5559;margin-bottom:0} .blog-section .blog-listing-wrapper .post-listing .other-group+.other-group .post-item h3{font-family:Lato;font-style:normal;font-weight:normal;font-size:24px;line-height:36px;margin-bottom:0;color:#2E5559} .blog-section .blog-listing-wrapper .post-listing .other-group+.other-group .post-item.even{flex:0 0 33%;max-width:calc(33.33% - 15px);margin-right:30px} .blog-section .blog-listing-wrapper .post-listing .other-group+.other-group .post-item.odd{flex:0 0 33.33%;margin-left:0;margin-right:30px;max-width:calc(33.33% - 15px)} .hs-blog-post .blog-section-flex .blog-post-wrapper{flex:1 1 67.67%;margin-right:40px;max-width:calc(67.67% - 20px)} .hs-blog-post .blog-section-flex .widget-group{flex:1 1 33.33%;max-width:calc(33.33% - 20px)} }@media(min-width:47.5em) and (min-width:47.5em){.blog-section .blog-listing-wrapper .post-listing .other-group .post-item.odd .card .img-wrapper{height:274px;position:relative} .blog-section .blog-listing-wrapper .post-listing .other-group+.other-group .post-item.even .card .img-wrapper{height:274px;position:relative} }@media(min-width:61.25em){.blog-section .blog-listing-wrapper .post-listing .post-item .card .post-body{font-size:20px;font-size:1.25rem} .blog-section .blog-listing-wrapper .post-listing .post-item .card .post-body *{font-size:20px;font-size:1.25rem} .blog-section .blog-listing-wrapper .post-listing .post-item .card .post-footer{font-size:16px;font-size:1rem} }@media(min-width:767px){.blog-post-wrapper .atmc-blog-post .post-data{flex:0 0 863px;padding-right:30px} .blog-post-wrapper .atmc-blog-post .post-widgets{padding-left:30px} }@media(max-width:767px){.blog-section .popular-posts-widget{margin-bottom:30px} .blog-section .blog-listing-wrapper .post-listing .post-item .card{margin-bottom:30px} .blog-section .blog-listing-wrapper .post-listing .post-item .card .img-wrapper{height:274px} .blog-section .blog-listing-wrapper .second-group{flex-direction:column-reverse} } .blog-listing-wrapper .popular-posts-widget { margin-top: 25px; } .news-blog .blog-listing-wrapper .popular-posts-widget { margin-top: 0; } .blog-wrapper-workwell .atmc-hero-06 { margin-bottom: 75px; } .blog-wrapper-workwell iframe { max-width: 100%; } @media (min-width: 767px){ .hs-blog-post .atmc-hero-06 .span7.text-left, .hs-blog-listing .atmc-hero-06 .span7.text-left { width: 90% !important; max-width: 700px; } } .blog-post-wrapper .post-data h2 { font-size: 30px !important; font-weight: bold !important; } .blog-post-wrapper .post-data h3 { font-size: 24px !important; font-weight: bold !important; } .blog-post-wrapper .post-data h4 { font-size: 20px !important; font-weight: bold !important; } .blog-post-wrapper .post-data p { font-size: 16px !important; } .news-individual.blog-wrapper-workwell .blog-post-wrapper .atmc-blog-post .post-widgets .popular-posts-widget{ margin-top: 0; } .post-item .hs-cta-img {display: block !important} .events-page .atmc-image-default.image-00{ position: absolute; right: 0; top: -23px; z-index: -1; } @media (max-width: 1530px) { .events-page .atmc-image-default.image-00{ top: -60px; } } .events-page .atmc-image-default.image-01{ position: relative; z-index: -2; } .events-page .atmc-image-default.image-01 img{ position: absolute; margin: 0 auto; left: 0; right: 0; top: 110px; } .events-page .atmc-image-default.image-02 { position: absolute; top: 600px; z-index: -1; } .events-page .atmc-image-default.image-03 img{ position: absolute; margin: 0 auto; left: 0; right: 0; top: -124px; } .events-page .row-number-8{ margin-top: 0px !important; } .events-page .atmc-hero-06{ padding: 226px 0 4rem !important; } .events-page .row-number-1{ padding: 0; } @media (min-width: 767px){ .events-page .atmc-image-default.image-00{ top: -31px; } } @media (max-width: 767px){ .events-page .atmc-hero-06{ padding: 226px 0 0rem !important; } .events-page .atmc-image-default.image-00{ top: 0px; } } .course-request .row-number-1 .content-intro { max-width: 800px; margin-left: auto; margin-right: auto; } .course-request .atmc-container .span7 .atmc-hero-06_heading { color: #539DA6; } .course-request .row-number-1 .content-intro .atmc-headline-default { padding: 0 67px; } .course-request .row-number-1 .content-intro .atmc-intro h4 { line-height: 29px; color: #539DA6; } .course-request .content-description h2 { font-size: 32px; line-height: 27px; color: #2E5559; } .course-request .content-description .atmc-intro h4 { color: #539DA6; font-weight: bold; } .course-request .content-description .atmc-content-01_content p { color: #539DA6; } .course-request .content-description .atmc-content-01_content h3 { font-weight: bold; font-size: 24px; line-height: 48px; color: #2E5559; } .course-request .content-description .atmc-content-01_content ul { padding-left: 30px; } .course-request .content-description .atmc-content-01_content ul li { font-size: 18px; line-height: 26.1px; color: #539DA6; } .course-request .atmc-form-01 { padding: 30px 55px; background: #eee; } .course-request .atmc-form-01 input { border-radius: 10px !important; } .course-request .atmc-form-01 select { border-radius: 10px !important; } .course-request .atmc-form-01 textarea { border-radius: 10px !important; } .course-request .atmc-form-01 h3 { /* font-size: 38px; line-height: 57px; */ color: #2E5559; line-height: 39px; } .course-request .hs_please_describe { margin-top: 63px; } .course-request .hs_please_describe label { font-weight: bold; font-size: 26px; line-height: 39px; color: #2E5559; margin-bottom: 39px; } .course-request .hs_please_describe .hs-input { height: 168px !important; } .course-request .content-description { margin-top: 40px; } * { --base: #2E5559; --primary: #539DA6; --secondary: #9BBFBF; --danger: #E73845; --warning: #FFBE4F; --success: #3DCC79; --gray: #8D8D94; --lightgray: #dfdbd2; --light: #fafafa; --dark: #4A5278; --border_radius: 4; --primary100: #ffffff; --primary200: #e9ffff; --primary300: #b7ffff; --primary400: #85cfd8; --primary500: #539DA6; --primary600: #216b74; --primary700: #003942; --primary800: #000710; --primary900: #000000; --secondary100: #ffffff; --secondary200: #ffffff; --secondary300: #ffffff; --secondary400: #cdf1f1; --secondary500: #9BBFBF; --secondary600: #698d8d; --secondary700: #375b5b; --secondary800: #052929; --secondary900: #000000; --gray100: #ffffff; --gray200: #ffffff; --gray300: #f1f1f8; --gray400: #bfbfc6; --gray500: #8D8D94; --gray600: #5b5b62; --gray700: #292930; --gray800: #000000; --gray900: #000000; --dark100: #9aa2c8; --dark200: #868eb4; --dark300: #727aa0; --dark400: #5e668c; --dark500: #4A5278; --dark600: #363e64; --dark700: #222a50; --dark800: #0e163c; --dark900: #000228; --h1_color: #333; --h2_color: #333; --h3_color: #333; --h4_color: #333; --h5_color: #333; --h6_color: #2E5559; } .side-bar-subscription{position:relative;overflow:hidden;border-radius:8px;padding: 25px 32px 40px;} .side-bar-subscription .hs-form-field.focus label,.side-bar-subscription .hs-form-field.active label{display:none} .side-bar-subscription form .hs-form-field{margin:10px 0} .side-bar-subscription form .hs-form-field label{z-index:9;color:#414042} .side-bar-subscription form .hs-form-field label .hs-form-required{color:red} .side-bar-subscription.show-hex *{position:relative;z-index:2} .side-bar-subscription.show-hex .hex{position:absolute;width:35em;height:57em;border-radius:4em/2.5em} .side-bar-subscription.show-hex .hex.hex-left{background:#ff5964;top:-56em;left:-26em;z-index:1} .side-bar-subscription.show-hex .hex.hex-right{background:#1890c7;bottom:-56em;right:-26em;z-index:1} .side-bar-subscription .widget-icon{max-height:240px} .side-bar-subscription .widget-title{font-weight:bold !important;font-family: Lato; font-style: normal; font-weight: bold; font-size: 32px; line-height: 43px; /* or 136% */ text-align: center; color: #FFFFFF;} .side-bar-subscription p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; text-align: center; padding: 0 55px; margin-bottom: 35px; } .side-bar-subscription .hs-form-field input { background: #FFFFFF; border-radius: 7px !important; padding-top: 16px !important; padding-bottom: 16px !important; border: none !important; } .side-bar-subscription .hs-form-field input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #2E5559; } .side-bar-subscription .hs-form-field input::-ms-input-placeholder { /* Internet Explorer 10-11 */ font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #2E5559; } .side-bar-subscription .hs-form-field input::-ms-input-placeholder { /* Microsoft Edge */ font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #2E5559; } .side-bar-subscription h3 {font-weight: bold !important; font-family: Lato; font-style: normal; font-weight: bold; font-size: 32px; line-height: 43px; text-align: center; color: #fff; } .side-bar-subscription h3 p { font-family: Lato; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; text-align: center; padding: 0 55px; margin-bottom: 35px; } .side-bar-subscription label {display: none} .side-bar-subscription {text-align: center; z-index: 9;position: relative} .side-bar-subscription .hs-form-field{position:relative} .side-bar-subscription input::-webkit-input-placeholder{font-size:16px;color:#1e3d6b;text-align:center} .side-bar-subscription input::-webkit-input-placeholder,.side-bar-subscription input:-ms-input-placeholder,.side-bar-subscription input::placeholder{font-size:16px;color:#1e3d6b;text-align:center} .side-bar-subscription label:not(.hs-error-msg){position:absolute;top:8px;left:13px;width:auto;-webkit-transition:all .4s;transition:all .4s;font-size:16px} .side-bar-subscription input:not([type=submit]){font-size:16px;color:#414042} .side-bar-subscription .input input{border-radius:8px;border:2px solid white;background:#fff} .side-bar-subscription .hs-error-msgs{list-style:none;padding:0} .side-bar-subscription .hs-error-msgs label{color:red !important;font-size:14px;display:block !important;text-align:left} .side-bar-subscription .hs_error_rollup label{position:unset} .side-bar-subscription .hs_submit{margin-top:20px} .side-bar-subscription .hs_submit input[type=submit]{ border-radius: 7px; font-family: Lato; font-style: normal; font-weight: normal; font-size: 16px !important; line-height: 19px !important; color: #fff !important; background-color: #E73845; padding: 12px 33px !important; border: 1px solid; border-color: #E73845 !important; vertical-align: unset !important; width: auto; } .side-bar-subscription .hs_submit input[type=submit]:hover{opacity:.8} .side-bar-subscription .legal-consent-container{text-align:left} .side-bar-subscription .legal-consent-container .hs-richtext{font-size:10px;color:#414042} .side-bar-subscription .legal-consent-container .hs-richtext a{color:#1890c7} .side-bar-subscription .form-holder{margin-top:25px} .side-bar-subscription .form-holder.bg-submit-sky .hs_submit input{background:#6cf} .side-bar-subscription .form-holder.bg-submit-red_orange_gradient .hs_submit input{background:-webkit-gradient(linear,left top,right top,color-stop(13%,#f79452),to(#ff6264));background:-webkit-linear-gradient(left,#f79452 13%,#ff6264 100%);background:linear-gradient(90deg,#f79452 13%,#ff6264 100%)} .side-bar-subscription .form-holder.bg-submit-white .hs_submit input{background:white} .side-bar-subscription .form-holder.bg-submit-navy .hs_submit input{background:#1e3d6b} .side-bar-subscription .form-holder.bg-submit-royal .hs_submit input{background:#1890c7} .side-bar-subscription .form-holder.bg-submit-orange .hs_submit input{background:#f79452} .side-bar-subscription .form-holder.bg-submit-text-sky .hs_submit input{color:#6cf} .side-bar-subscription .form-holder.bg-submit-text-white .hs_submit input{color:white} .side-bar-subscription .form-holder.bg-submit-text-navy .hs_submit input{color:#1e3d6b} .side-bar-subscription .form-holder.bg-submit-text-royal .hs_submit input{color:#1890c7} .side-bar-subscription .form-holder.bg-submit-text-orange .hs_submit input{color:#f79452} @media(min-width:61.25em){.side-bar-subscription .hex.hex-left{top:-55em;left:-25em} .side-bar-subscription .hex.hex-right{right:-37em;bottom:-45em} }