/* Start:/local/templates/main/css/owl_carousel_css/owl.carousel.min.css?16246227153351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/main/css/owl_carousel_css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/main/css/owl_carousel_css/owl.carousel.min.css?16246227153351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/main/css/owl_carousel_css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/main/css/slick.css?16246227151729*/ /* Slider */ .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: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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; } .slick-track:before, .slick-track:after { 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; } /* End */ /* Start:/local/templates/main/css/fancybox/jquery.fancybox.min.css?162462271512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/css/fancybox/jquery.fancybox.min.css?162462271512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/css/hover-min.css?162462271595282*/ /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.3.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Hover.css Copyright Ian Lunn 2017. Generated with Sass. */.hvr-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse:active,.hvr-pulse:focus,.hvr-pulse:hover{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes hvr-pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.hvr-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-grow:active,.hvr-pulse-grow:focus,.hvr-pulse-grow:hover{-webkit-animation-name:hvr-pulse-grow;animation-name:hvr-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}.hvr-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pulse-shrink:active,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:hover{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hvr-push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.hvr-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-push:active,.hvr-push:focus,.hvr-push:hover{-webkit-animation-name:hvr-push;animation-name:hvr-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes hvr-pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}}.hvr-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-pop:active,.hvr-pop:focus,.hvr-pop:hover{-webkit-animation-name:hvr-pop;animation-name:hvr-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-bounce-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-in:active,.hvr-bounce-in:focus,.hvr-bounce-in:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-bounce-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-rotate:active,.hvr-rotate:focus,.hvr-rotate:hover{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.hvr-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-grow-rotate:active,.hvr-grow-rotate:focus,.hvr-grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.hvr-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-float:active,.hvr-float:focus,.hvr-float:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.hvr-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sink:active,.hvr-sink:focus,.hvr-sink:hover{-webkit-transform:translateY(8px);transform:translateY(8px)}@-webkit-keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob{0%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-webkit-keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes hvr-bob-float{100%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-bob:active,.hvr-bob:focus,.hvr-bob:hover{-webkit-animation-name:hvr-bob-float,hvr-bob;animation-name:hvr-bob-float,hvr-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang{0%{-webkit-transform:translateY(8px);transform:translateY(8px)}50%{-webkit-transform:translateY(4px);transform:translateY(4px)}100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@-webkit-keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes hvr-hang-sink{100%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.hvr-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover{-webkit-animation-name:hvr-hang-sink,hvr-hang;animation-name:hvr-hang-sink,hvr-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}.hvr-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover{-webkit-transform:skew(-10deg);transform:skew(-10deg)}.hvr-skew-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-skew-backward:active,.hvr-skew-backward:focus,.hvr-skew-backward:hover{-webkit-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-vertical:active,.hvr-wobble-vertical:focus,.hvr-wobble-vertical:hover{-webkit-animation-name:hvr-wobble-vertical;animation-name:hvr-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-bottom-right:active,.hvr-wobble-to-bottom-right:focus,.hvr-wobble-to-bottom-right:hover{-webkit-animation-name:hvr-wobble-to-bottom-right;animation-name:hvr-wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes hvr-wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-to-top-right:active,.hvr-wobble-to-top-right:focus,.hvr-wobble-to-top-right:hover{-webkit-animation-name:hvr-wobble-to-top-right;animation-name:hvr-wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%}.hvr-wobble-top:active,.hvr-wobble-top:focus,.hvr-wobble-top:hover{-webkit-animation-name:hvr-wobble-top;animation-name:hvr-wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}.hvr-wobble-bottom:active,.hvr-wobble-bottom:focus,.hvr-wobble-bottom:hover{-webkit-animation-name:hvr-wobble-bottom;animation-name:hvr-wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes hvr-wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}.hvr-wobble-skew{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-wobble-skew:active,.hvr-wobble-skew:focus,.hvr-wobble-skew:hover{-webkit-animation-name:hvr-wobble-skew;animation-name:hvr-wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz:active,.hvr-buzz:focus,.hvr-buzz:hover{-webkit-animation-name:hvr-buzz;animation-name:hvr-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-forward:active,.hvr-forward:focus,.hvr-forward:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.hvr-backward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-backward:active,.hvr-backward:focus,.hvr-backward:hover{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.hvr-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover{background-color:#2098D1;color:#fff}@-webkit-keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}@keyframes hvr-back-pulse{50%{background-color:rgba(32,152,209,.75)}}.hvr-back-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);overflow:hidden;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color,background-color;transition-property:color,background-color}.hvr-back-pulse:active,.hvr-back-pulse:focus,.hvr-back-pulse:hover{-webkit-animation-name:hvr-back-pulse;animation-name:hvr-back-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#2098D1;background-color:#2098d1;color:#fff}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover{color:#fff}.hvr-sweep-to-right:active:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover{color:#fff}.hvr-sweep-to-left:active:before,.hvr-sweep-to-left:focus:before,.hvr-sweep-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover{color:#fff}.hvr-sweep-to-bottom:active:before,.hvr-sweep-to-bottom:focus:before,.hvr-sweep-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover{color:#fff}.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-bounce-to-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{color:#fff}.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-left:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover{color:#fff}.hvr-bounce-to-left:active:before,.hvr-bounce-to-left:focus:before,.hvr-bounce-to-left:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-bottom:active,.hvr-bounce-to-bottom:focus,.hvr-bounce-to-bottom:hover{color:#fff}.hvr-bounce-to-bottom:active:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-bounce-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover{color:#fff}.hvr-bounce-to-top:active:before,.hvr-bounce-to-top:focus:before,.hvr-bounce-to-top:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,.37,.66);transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-radial-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover{color:#fff}.hvr-radial-out:active:before,.hvr-radial-out:focus:before,.hvr-radial-out:hover:before{-webkit-transform:scale(2);transform:scale(2)}.hvr-radial-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-radial-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;border-radius:100%;-webkit-transform:scale(2);transform:scale(2);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover{color:#fff}.hvr-radial-in:active:before,.hvr-radial-in:focus:before,.hvr-radial-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-in:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#e1e1e1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover{color:#fff}.hvr-rectangle-in:active:before,.hvr-rectangle-in:focus:before,.hvr-rectangle-in:hover:before{-webkit-transform:scale(0);transform:scale(0)}.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098D1;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}.hvr-shutter-in-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-shutter-out-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-horizontal:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover{color:#fff}.hvr-shutter-out-horizontal:active:before,.hvr-shutter-out-horizontal:focus:before,.hvr-shutter-out-horizontal:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.hvr-shutter-in-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-in-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#e1e1e1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover{color:#fff}.hvr-shutter-in-vertical:active:before,.hvr-shutter-in-vertical:focus:before,.hvr-shutter-in-vertical:hover:before{-webkit-transform:scaleY(0);transform:scaleY(0)}.hvr-shutter-out-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;background:#e1e1e1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-shutter-out-vertical:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#2098D1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#fff}.hvr-shutter-out-vertical:active:before,.hvr-shutter-out-vertical:focus:before,.hvr-shutter-out-vertical:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.hvr-border-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover{box-shadow:inset 0 0 0 4px #2098D1,0 0 1px rgba(0,0,0,0)}.hvr-hollow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover{background:0 0}.hvr-trim{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-trim:active:before,.hvr-trim:focus:before,.hvr-trim:hover:before{opacity:1}@-webkit-keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}@keyframes hvr-ripple-out{100%{top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0}}.hvr-ripple-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-out:before{content:'';position:absolute;border:#e1e1e1 solid 6px;top:0;right:0;bottom:0;left:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-out:active:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:hover:before{-webkit-animation-name:hvr-ripple-out;animation-name:hvr-ripple-out}@-webkit-keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}@keyframes hvr-ripple-in{100%{top:0;right:0;bottom:0;left:0;opacity:1}}.hvr-ripple-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-ripple-in:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-12px;right:-12px;bottom:-12px;left:-12px;opacity:0;-webkit-animation-duration:1s;animation-duration:1s}.hvr-ripple-in:active:before,.hvr-ripple-in:focus:before,.hvr-ripple-in:hover:before{-webkit-animation-name:hvr-ripple-in;animation-name:hvr-ripple-in}.hvr-outline-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-out:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-out:active:before,.hvr-outline-out:focus:before,.hvr-outline-out:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.hvr-outline-in{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-outline-in:before{pointer-events:none;content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.hvr-outline-in:active:before,.hvr-outline-in:focus:before,.hvr-outline-in:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.hvr-round-corners{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius}.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover{border-radius:1em}.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-underline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-right:active:before,.hvr-underline-from-right:focus:before,.hvr-underline-from-right:hover:before{left:0}.hvr-overline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;top:0;background:#2098D1;height:4px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before{right:0}.hvr-overline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#2098D1;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-center:active:before,.hvr-overline-from-center:focus:before,.hvr-overline-from-center:hover:before{left:0;right:0}.hvr-overline-from-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-from-right:before{content:"";position:absolute;z-index:-1;left:100%;right:0;top:0;background:#2098D1;height:4px;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-from-right:active:before,.hvr-overline-from-right:focus:before,.hvr-overline-from-right:hover:before{left:0}.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#2098D1;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-reveal:active:before,.hvr-reveal:focus:before,.hvr-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:4px}.hvr-underline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-underline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;background:#2098D1;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-reveal:active:before,.hvr-underline-reveal:focus:before,.hvr-underline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-overline-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;overflow:hidden}.hvr-overline-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;background:#2098D1;height:4px;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-overline-reveal:active:before,.hvr-overline-reveal:focus:before,.hvr-overline-reveal:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}.hvr-glow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-glow:active,.hvr-glow:focus,.hvr-glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.hvr-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-shadow:active,.hvr-shadow:focus,.hvr-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5)}.hvr-grow-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow,transform;transition-property:box-shadow,transform}.hvr-grow-shadow:active,.hvr-grow-shadow:focus,.hvr-grow-shadow:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.5);-webkit-transform:scale(1.1);transform:scale(1.1)}.hvr-box-shadow-outset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow}.hvr-box-shadow-outset:active,.hvr-box-shadow-outset:focus,.hvr-box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.hvr-box-shadow-inset{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-box-shadow-inset:active,.hvr-box-shadow-inset:focus,.hvr-box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.hvr-float-shadow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity}.hvr-float-shadow:active,.hvr-float-shadow:focus,.hvr-float-shadow:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.hvr-float-shadow:active:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px)}.hvr-shadow-radial{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-shadow-radial:after,.hvr-shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.hvr-shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.hvr-shadow-radial:active:after,.hvr-shadow-radial:active:before,.hvr-shadow-radial:focus:after,.hvr-shadow-radial:focus:before,.hvr-shadow-radial:hover:after,.hvr-shadow-radial:hover:before{opacity:1}.hvr-bubble-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);top:0;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1}.hvr-bubble-top:active:before,.hvr-bubble-top:focus:before,.hvr-bubble-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.hvr-bubble-bottom:active:before,.hvr-bubble-bottom:focus:before,.hvr-bubble-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-top:active,.hvr-bubble-float-top:focus,.hvr-bubble-float-top:hover{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-top:active:before,.hvr-bubble-float-top:focus:before,.hvr-bubble-float-top:hover:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:before{position:absolute;z-index:-1;top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-right:active,.hvr-bubble-float-right:focus,.hvr-bubble-float-right:hover{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-bubble-float-right:active:before,.hvr-bubble-float-right:focus:before,.hvr-bubble-float-right:hover:before{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-bottom{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:before{position:absolute;z-index:-1;content:'';left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-bottom:active,.hvr-bubble-float-bottom:focus,.hvr-bubble-float-bottom:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hvr-bubble-float-bottom:active:before,.hvr-bubble-float-bottom:focus:before,.hvr-bubble-float-bottom:hover:before{-webkit-transform:translateY(10px);transform:translateY(10px)}.hvr-bubble-float-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:before{position:absolute;z-index:-1;content:'';top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-bubble-float-left:active,.hvr-bubble-float-left:focus,.hvr-bubble-float-left:hover{-webkit-transform:translateX(10px);transform:translateX(10px)}.hvr-bubble-float-left:active:before,.hvr-bubble-float-left:focus:before,.hvr-bubble-float-left:hover:before{-webkit-transform:translateX(-10px);transform:translateX(-10px)}.hvr-icon-back{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-back .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-back:active .hvr-icon,.hvr-icon-back:focus .hvr-icon,.hvr-icon-back:hover .hvr-icon{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.hvr-icon-forward{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.1s;transition-duration:.1s}.hvr-icon-forward .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-forward:active .hvr-icon,.hvr-icon-forward:focus .hvr-icon,.hvr-icon-forward:hover .hvr-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}@-webkit-keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-down{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-down .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-down:active .hvr-icon,.hvr-icon-down:focus .hvr-icon,.hvr-icon-down:hover .hvr-icon{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,100%,50%{-webkit-transform:translateY(0);transform:translateY(0)}25%,75%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-up .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-up:active .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:hover .hvr-icon{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-spin{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-spin .hvr-icon{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hvr-icon-spin:active .hvr-icon,.hvr-icon-spin:focus .hvr-icon,.hvr-icon-spin:hover .hvr-icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}@-webkit-keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}@keyframes hvr-icon-drop{0%{opacity:0}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%,51%{opacity:1}}.hvr-icon-drop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-drop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-drop:active .hvr-icon,.hvr-icon-drop:focus .hvr-icon,.hvr-icon-drop:hover .hvr-icon{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-animation-name:hvr-icon-drop;animation-name:hvr-icon-drop;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.52,1.64,.37,.66);animation-timing-function:cubic-bezier(0.52,1.64,.37,.66)}.hvr-icon-fade{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-fade .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:color;transition-property:color}.hvr-icon-fade:active .hvr-icon,.hvr-icon-fade:focus .hvr-icon,.hvr-icon-fade:hover .hvr-icon{color:#0F9E5E}@-webkit-keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}@keyframes hvr-icon-float-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-1em);transform:translateY(-1em)}}.hvr-icon-float-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-float-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-float-away:active .hvr-icon,.hvr-icon-float-away:focus .hvr-icon,.hvr-icon-float-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-float-away;animation-name:hvr-icon-float-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}@keyframes hvr-icon-sink-away{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em)}}.hvr-icon-sink-away{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-sink-away .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hvr-icon-sink-away:active .hvr-icon,.hvr-icon-sink-away:focus .hvr-icon,.hvr-icon-sink-away:hover .hvr-icon{-webkit-animation-name:hvr-icon-sink-away;animation-name:hvr-icon-sink-away;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.hvr-icon-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow:active .hvr-icon,.hvr-icon-grow:focus .hvr-icon,.hvr-icon-grow:hover .hvr-icon{-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)}.hvr-icon-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-shrink:active .hvr-icon,.hvr-icon-shrink:focus .hvr-icon,.hvr-icon-shrink:hover .hvr-icon{-webkit-transform:scale(0.8);transform:scale(0.8)}@-webkit-keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse{25%{-webkit-transform:scale(1.3);transform:scale(1.3)}75%{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse:active .hvr-icon,.hvr-icon-pulse:focus .hvr-icon,.hvr-icon-pulse:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes hvr-icon-pulse-grow{to{-webkit-transform:scale(1.3);transform:scale(1.3)}}.hvr-icon-pulse-grow{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-grow .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-grow:active .hvr-icon,.hvr-icon-pulse-grow:focus .hvr-icon,.hvr-icon-pulse-grow:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-grow;animation-name:hvr-icon-pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes hvr-icon-pulse-shrink{to{-webkit-transform:scale(0.8);transform:scale(0.8)}}.hvr-icon-pulse-shrink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-pulse-shrink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pulse-shrink:active .hvr-icon,.hvr-icon-pulse-shrink:focus .hvr-icon,.hvr-icon-pulse-shrink:hover .hvr-icon{-webkit-animation-name:hvr-icon-pulse-shrink;animation-name:hvr-icon-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes hvr-icon-push{50%{-webkit-transform:scale(0.5);transform:scale(0.5)}}.hvr-icon-push{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-push .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-push:active .hvr-icon,.hvr-icon-push:focus .hvr-icon,.hvr-icon-push:hover .hvr-icon{-webkit-animation-name:hvr-icon-push;animation-name:hvr-icon-push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes hvr-icon-pop{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.hvr-icon-pop{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-pop .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-pop:active .hvr-icon,.hvr-icon-pop:focus .hvr-icon,.hvr-icon-pop:hover .hvr-icon{-webkit-animation-name:hvr-icon-pop;animation-name:hvr-icon-pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-icon-bounce{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bounce .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-bounce:active .hvr-icon,.hvr-icon-bounce:focus .hvr-icon,.hvr-icon-bounce:hover .hvr-icon{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}.hvr-icon-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-rotate:active .hvr-icon,.hvr-icon-rotate:focus .hvr-icon,.hvr-icon-rotate:hover .hvr-icon{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.hvr-icon-grow-rotate{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-grow-rotate .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-grow-rotate:active .hvr-icon,.hvr-icon-grow-rotate:focus .hvr-icon,.hvr-icon-grow-rotate:hover .hvr-icon{-webkit-transform:scale(1.5) rotate(12deg);transform:scale(1.5) rotate(12deg)}.hvr-icon-float{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-float .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-float:active .hvr-icon,.hvr-icon-float:focus .hvr-icon,.hvr-icon-float:hover .hvr-icon{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hvr-icon-sink{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-sink .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-icon-sink:active .hvr-icon,.hvr-icon-sink:focus .hvr-icon,.hvr-icon-sink:hover .hvr-icon{-webkit-transform:translateY(4px);transform:translateY(4px)}@-webkit-keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob{0%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hvr-icon-bob-float{100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.hvr-icon-bob{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-bob .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-bob:active .hvr-icon,.hvr-icon-bob:focus .hvr-icon,.hvr-icon-bob:hover .hvr-icon{-webkit-animation-name:hvr-icon-bob-float,hvr-icon-bob;animation-name:hvr-icon-bob-float,hvr-icon-bob;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hvr-icon-hang-sink{100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}.hvr-icon-hang{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-hang .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-hang:active .hvr-icon,.hvr-icon-hang:focus .hvr-icon,.hvr-icon-hang:hover .hvr-icon{-webkit-animation-name:hvr-icon-hang-sink,hvr-icon-hang;animation-name:hvr-icon-hang-sink,hvr-icon-hang;-webkit-animation-duration:.3s,1.5s;animation-duration:.3s,1.5s;-webkit-animation-delay:0s,.3s;animation-delay:0s,.3s;-webkit-animation-timing-function:ease-out,ease-in-out;animation-timing-function:ease-out,ease-in-out;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-direction:normal,alternate;animation-direction:normal,alternate}@-webkit-keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes hvr-icon-wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-horizontal .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-horizontal:active .hvr-icon,.hvr-icon-wobble-horizontal:focus .hvr-icon,.hvr-icon-wobble-horizontal:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hvr-icon-wobble-vertical{16.65%{-webkit-transform:translateY(6px);transform:translateY(6px)}33.3%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.hvr-icon-wobble-vertical{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-wobble-vertical .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-wobble-vertical:active .hvr-icon,.hvr-icon-wobble-vertical:focus .hvr-icon,.hvr-icon-wobble-vertical:hover .hvr-icon{-webkit-animation-name:hvr-icon-wobble-vertical;animation-name:hvr-icon-wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes hvr-icon-buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.hvr-icon-buzz{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz:active .hvr-icon,.hvr-icon-buzz:focus .hvr-icon,.hvr-icon-buzz:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz;animation-name:hvr-icon-buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-icon-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-icon-buzz-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-transition-duration:.3s;transition-duration:.3s}.hvr-icon-buzz-out .hvr-icon{-webkit-transform:translateZ(0);transform:translateZ(0)}.hvr-icon-buzz-out:active .hvr-icon,.hvr-icon-buzz-out:focus .hvr-icon,.hvr-icon-buzz-out:hover .hvr-icon{-webkit-animation-name:hvr-icon-buzz-out;animation-name:hvr-icon-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.hvr-curl-top-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before{width:25px;height:25px}.hvr-curl-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-right:active:before,.hvr-curl-bottom-right:focus:before,.hvr-curl-bottom-right:hover:before{width:25px;height:25px}.hvr-curl-bottom-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative}.hvr-curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.hvr-curl-bottom-left:active:before,.hvr-curl-bottom-left:focus:before,.hvr-curl-bottom-left:hover:before{width:25px;height:25px} /* End */ /* Start:/local/templates/main/css/main.css?1658216333278762*/ /*============ PRE-SET =============*/ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { scroll-behavior: smooth; } input:focus::-webkit-input-placeholder { opacity: 0; } a, input { outline: none; text-decoration: none !important; } body, h1, h2, h3, h4, h5, h6, p, ul { margin: 0; padding: 0; } html, body { overflow-x: hidden; } body { overflow-x: hidden; } html, body { margin: 0; } .contact-input-new::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .feedback-textarea::-webkit-input-placeholder{ color: #abaaab !important; } /* WebKit, Blink, Edge */ .contact-input-new:-moz-placeholder, .form-control:-moz-placeholder, .feedback-textarea:-moz-placeholder { color: #abaaab ; } /* Mozilla Firefox 4 to 18 */ .contact-input-new::-moz-placeholder, .form-control::-moz-placeholder, .feedback-textarea::-moz-placeholder { color: #abaaab !important; } /* Mozilla Firefox 19+ */ .contact-input-new:-ms-input-placeholder, .form-control:-ms-input-placeholder, .feedback-textarea:-ms-input-placeholder { color: #abaaab !important; } /* Internet Explorer 10-11 */ .contact-input-new::-ms-input-placeholder, .form-control::-ms-input-placeholder, .feedback-textarea::-ms-input-placeholder { color: #abaaab !important; } /*----- placeholder style -----*/ ::-webkit-input-placeholder { color: #abaaab !important; } :-moz-placeholder { /* Firefox 18- */ color: #abaaab !important; } ::-moz-placeholder { /* Firefox 19+ */ color: #abaaab !important; } :-ms-input-placeholder { color: #abaaab !important; } input:focus::-webkit-input-placeholder { opacity: 0 !important; } a, input { outline: none !important; text-decoration: none !important; } #problem-description:active, #problem-description:focus, textarea:active, textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus, select:focus { box-shadow: inset 0 -1px 0 #ddd !important; border: 1px solid #a939bf; outline: 0 !important; -webkit-appearance: none; } /* delete file input outline */ label { outline: none !important; box-shadow: none !important; border-color: #f0c6c1 !important; } .owl-carousel .owl-nav.disabled { display: block !important; } .calculator-btn{ /*display: none !important;*/ } /*=============== END PRE-SET ================*/ @font-face{ font-family:"PTrouble"; src:url("../../../../../../local/templates/main/fonts/RUBSN.eot"); src:url("../../../../../../local/templates/main/fonts/RUBSN-1.eot") format("embedded-opentype"), url("../../../../../../local/templates/main/fonts/RUBSN.woff") format("woff"), url("../../../../../../local/templates/main/fonts/RUBSN.ttf") format("truetype"); font-weight:normal; font-style:normal; } @font-face { font-family:"MyriadPro-Regular"; src:url("../../../../../../local/templates/main/fonts/MyriadPro-It.eot"); src:url("../../../../../../local/templates/main/fonts/MyriadPro-It-1.eot") format("embedded-opentype"), url("../../../../../../local/templates/main/fonts/MyriadPro-It.woff") format("woff"), url("../../../../../../local/templates/main/fonts/MyriadPro-It.ttf") format("truetype"); font-weight:normal; font-style:italic; } /*============================================ HEADER AND FOOTER FOR ALL PAGES, BUT INDEX; MODALS FOR ALL PAGES ==============================================*/ .header-general .container, .footer-general .container{ padding: 0 30px; } /* HEADER */ .header.header-general { background-color: #31253d; /*position: relative; z-index: 0;*/ } .header-general .container-header { padding: 23px 98px 13px; } .header-general .logo-phone { display: flex; justify-content: space-between; } .header-general .logo__img { max-width: 100%; height: auto; display: block; } .header-general .phone { display: flex; flex-direction: column; } .header-general .phone__number { display: flex; justify-content: space-between; margin-bottom: 16px; margin-top: 8px; } .header-general .phone__link { font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; line-height: 1; transition: all ease .5s; } .header-general .phone__link:hover { color: #a939bf; } .header-general .phone__separator { font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; line-height: 1; margin: 0 10px; } .header-general .phone__buttons { display: flex; justify-content: space-between; } .header-general .phone__btn { width: 142px; height: 40px; border-radius: 3px; border: 1px solid #7c3288; background-color: #3d2e4c; font-family: 'Open Sans', sans-serif; /* font-weight: 300;*/ color: #ffffff; font-size: 12px; /*letter-spacing: 1.5px;*/ display: flex; justify-content: center; align-items: center; text-transform: uppercase; transition: all ease .3s; } .header-general .phone__btn:first-child { margin-right: 6px; } .header-general .phone__btn:hover { color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 700; border: 1px solid #a939bf; background-color: #271a33; } .header-general .navigation { margin-right: auto; margin-left: auto; max-width: 1200px; margin-top: 15px; padding: 0 14px; } .header-general .navigation .navigation__ul{ margin: 0; padding: 0; display: flex; justify-content: space-between; } .header-general .navigation .navigation__li{ list-style-type: none; display: block; width: 100%; position: relative; } .header-general .navigation .navigation__li:hover .navigation__drop{ display: block; } .header-general .navigation__button { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #ffffff; font-size: 12px; text-transform: uppercase; height: 39px; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 100%; max-width: 100%; } .header-general .navigation__button--active, .header-general .navigation__button:hover { color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; background-color: transparent; } .header-general .header-content { display: flex; flex-direction: column; text-align: center; padding-top: 157px; align-items: center; height: 100%; } .header-general .header-content__title { font-family: gilroyExtraBold, sans-serif; color: #ffffff; font-size: 60px; text-transform: uppercase; line-height: 1; } .header-general .header-content__subtitle { font-family: gilroyExtraBold, sans-serif; color: #ffffff; font-size: 16px; text-transform: uppercase; letter-spacing: 3.2px; line-height: 2.4; } .header-general .header-content__subtitle--modified { font-family: 'Open Sans', sans-serif; font-weight: 300; } .header-general .header-content__btn { font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 2.25px; color: #ffffff; text-transform: uppercase; font-size: 15px; border-radius: 3px; border: 1px solid #a939bf; width: 342px; height: 43px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; position: relative; margin-top: 120px; } .header-general .header-content__btn::before { position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0; background-color: #3d2e4c; opacity: 0.6; z-index: -1; transition: all 0.3s ease-in-out; } .header-general .header-content__btn:hover { color: #ffffff; } .header-general .header-content__btn:hover::before { opacity: 1; } .header-general .open-nav { display: flex !important; } .header-general .menu-btn { display: none; width: 30px; height: 20px; cursor: pointer; } .header-general .menu-btn__span { display: block; width: 30px; height: 4px; background-color: #7D3493; position: relative; } .header-general .menu-btn__span::after { content: ""; position: absolute; top: 8px; left: 0; width: 30px; height: 4px; background-color: #7D3493; } .header-general .menu-btn__span::before { content: ""; position: absolute; top: 16px; left: 0; width: 30px; height: 4px; background-color: #7D3493; } .header-general .menu-btn:hover > .menu-btn__span::after, .header-general .menu-btn:hover > .menu-btn__span::before, .header-general .menu-btn:hover > .menu-btn__span { background-color: #a939bf; } /* END HEADER */ /* FOOTER */ .footer.footer-general { background: #31253d; } .footer-general .container-footer { padding: 47px 98px 40px; display: flex; flex-direction: row; } .footer-general .footer-content-wrap { display: flex; flex-direction: row; justify-content: space-between; margin: 0; } .footer-general .footer-row { display: flex; margin: 0; flex-direction: column; width: inherit; } .footer-general .row-copyright { margin: 0; } .footer-general .footer-logo-wrap__link { width: 100%; } .footer-general .footer-logo-wrap__img { max-width: 100%; height: auto; display: block; } .footer-logo-wrap { width: 24%; } .footer-general .footer-logo-wrap__img { margin-bottom: 24px; } .footer-general .footer-logo-wrap__text { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #ffffff; /*line-height: 1;*/ margin-bottom: 24px; } .footer-general .footer-logo-wrap__text span { font-family: 'Open Sans', sans-serif; font-weight: 700; } .footer-general .footer-logo-wrap__copyright { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 12px; color: rgba(232,232,232,.3); line-height: 1.2; margin-top: 0; margin-bottom: 5px; } .footer-ul-wrap { width: 75%; display: flex; flex-wrap: wrap; margin-top: 9px; } .footer-general .ul-footer { width: 100%; } .footer-general .li-footer { width: 100%; text-align: left; list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #ffffff; margin-bottom: 0; /*line-height:1.2;*/ } .footer-general .li-footer a { color: #fff; } .footer-general .li-footer a:hover { color: #d595c8; text-decoration: underline !important; } .footer-general .li-footer--header { font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .footer-general .li-footer--header:hover > a { color: #a939bf; text-decoration: none !important; } .footer-general .li-footer--header a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 0 10px; border-bottom: 2px solid #a939bf; } .footer-general .li-footer--one { padding-right: 50px; } .footer-general .li-footer--two { padding-right: 13px; } .footer-general .li-footer--three { padding-right: 4px; } .footer-general .li-footer--four { padding-right: 33px; } /* END FOOTER */ /* MODALS */ .madal-content{ margin: 0 auto; } .modal-open { padding-right: 0px !important; } .modal { padding-right: 0 !important; } /* technical support */ .tech-sup-content { max-width: 350px; margin: 0 auto; width: 100%; padding: 0 0; display: flex; flex-direction: column; align-items: center; position: relative; background-color: #fff; border-radius: 5px; } .tech-sup-content .feedback-input, .tech-sup-content .feedback-file, .tech-sup-content .feedback-textarea, .tech-sup-content .call-send-btn--feedback{ max-width: 292px; width: 100%; } .tech-sup-content__close-btn { position: absolute; top: 4px; right: 10px; z-index: 20; } .tech-sup-header-wrap { display: flex; flex-direction: column; align-items: center; padding: 0 30px; width: 100%; } .tech-sup__title { font-family: gilroyExtraBold, sans-serif; font-size: 16px; color: #18161e; line-height: 1; margin-top: 25px; margin-bottom: 25px; text-transform: uppercase; text-align: center; width: 100%; } .tech-sup__text { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #18161e; line-height: 1.2; margin-bottom: 25px; text-align: left; letter-spacing: unset; width: 100%; } .tech-sup__body { padding: 0 10px; margin: 0; max-width: 440px; width: 100%; } .form-control, #problem-description { text-align: left; /*border: 1px solid #c4c4c4;*/ border-radius: 5px; font-family: 'Open Sans', sans-serif; font-weight: 400; /*font-size: 13px;*/ margin-bottom: 0; letter-spacing: normal; } #problem-description { width: 100%; max-width: 420px; color: #dddbdf; } .tech-sup-send-btn { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; letter-spacing: 1px; color: #ffffff; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 420px; height: 42px; background-color: #a939bf; border: none; border-radius: 3px; transition: background-color 0.2s linear; } .tech-sup-send-btn:hover { color: #ffffff; background-color: #31253d; } .tech-sup__body .form-group{ position: relative; display: flex; justify-content: center; width: 100%; margin-bottom: 20px; } .form-group__or{ display: block; position: absolute; top: -17px; left: 0; font-size: 13px; line-height: 1; right: 0; text-align: center; } /* feedback */ .modal-dialog--feedback { width: 100%; max-width: 900px; min-height: 600px; padding: 0 10px; } .feedbackModal-content { width: 100%; max-width: 940px; min-height: 600px; height: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 30px 0 30px; position: relative; margin: 0 auto; } .feedbackModal__close-btn { position: absolute; top: 4px; right: 10px; } .call-back { width: 33.33333%; display: flex; flex-direction: column; align-items: center; padding: 0 15px; border-right: 1px dashed #e5e5e5; } .call-back-header-wrap{ width: 100%; padding: 0 15px; } .call-back__body { width: 100%; } .call-back__body .form-group, .feedback-letter__body .form-group { display: flex; justify-content: center; width: 100%; margin-bottom: 20px; } .contacts { width: 33.33333%; display: flex; flex-direction: column; padding: 0 30px; } .feedback-letter { width: 33.33333%; display: flex; flex-direction: column; align-items: center; padding: 0 15px; border-right: 1px dashed #e5e5e5; } .call-back__title { font-family: gilroyExtraBold, sans-serif; font-size: 16px; color: #18161e; line-height: 1; margin-top: 25px; margin-bottom: 25px; text-transform: uppercase; text-align: center; } .call-back__text { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #18161e; line-height: 1.2; margin-bottom: 25px; text-align: left; } .call-back__body { margin: 0; padding: 0; } .call-input { max-width: 240px; width: 100%; height: 32px; display: flex; align-items: center; padding: 0 10px; } .call-send-btn { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; line-height: 1; color: #ffffff; display: flex; justify-content: center; align-items: center; max-width: 240px; width: 100%; height: 35px; background-color: #a939bf; border: none; border-radius: 5px; transition: background-color 0.2s linear; margin: 30px auto 0; } .call-send-btn:hover { color: #ffffff; background-color: #803792; } .contacts__body { display: flex; flex-direction: column; align-items: center; padding: 0; height: 100%; } .contacts__ul { width: 100%; } .contacts__li { list-style: none; width: 100%; padding: 0 0 0 70px; position: relative; margin-bottom: 26px; } .contacts__li-title { font-family: gilroyExtraBold, sans-serif; font-size: 14px; color: #18161e; line-height: 1; margin-bottom: 10px; padding-left: 40px; position: relative; margin-top: 5px; } .contacts__li-title:first-child{ margin-top: 0; } .contacts__li-text { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #18161e; line-height: 1.5; padding-left: 40px; margin-bottom: 20px; font-weight: 400; } .contacts__li-link{ color: #9a36ae; text-decoration: underline !important; font-family: gilroyLight, sans-serif; font-size: 14px; margin-bottom: 15px; } .contacts__li-img{ position: absolute; left: 0; top: 0; } .call-send-btn--map { margin-top: 10px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 15px; color: #7f7f80; line-height: 1; background-color: #f3eaf5; } .call-send-btn--map:hover { color: #fff; background-color: #404451; } .feedback-letter__body { padding: 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .feedback-letter__body form { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; } .feedback-input, .feedback-file, .feedback-textarea { max-width: 240px; width: 100%; } .feedback-textarea { text-align: left; border: 1px solid #c4c4c4; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px !important; padding-top: 5px; padding-left: 10px; color: #c4c4c4; border-radius: 5px; } .call-send-btn--feedback { margin-top: 30px; width: 100%; max-width: 240px; } .custom-file { width: 100%; max-width: 240px; height: 32px; border: 1px solid #c4c4c4; border-radius: 5px; color: #abaaab; padding-left: 10px; display: flex; align-items: center; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; } .custom-file-input { width: 100%; max-width: 105px; height: 32px; z-index: 1 !important; } .custom-file-label { width: 100%; max-width: 102px; height: 30px; border: none; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; color: #7f7f80; line-height: 1; background-color: #f3eaf5; display: flex; align-items: center; justify-content: center; border-bottom-left-radius: 0; border-top-left-radius: 0; left: unset; right: 0; cursor: pointer; } .custom-file-label::after { content: none; display: none; } .custom-file-label__text{ padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Прикрепить" !important; } .custom-file .custom-file-label{ padding: .375rem 8.5rem .375rem .75rem; } /* END MODALS */ /*========================== END HEADER, FOOTER, MODALS ===========================*/ /*==================================== MEDIA QUERY (HEADER, FOOTER, MODALS) =====================================*/ @media (min-width: 1200px) { .footer-general .container, .header-general .container{ max-width: 1200px; } } @media (max-width: 1200px) { /* HEADER */ .header-general .container-header { padding: 23px 0 33px !important; } /* FOOTER */ .footer-general .container-footer { padding: 47px 10px 40px !important; } .ul-footer-inner-wrap{ flex-wrap: wrap !important; } .footer .ul-footer{ padding: 0 10px 0 20px !important; width: 40% !important; } } @media (max-width: 992px) { /* HEADER */ .header-general .container-header { padding: 23px 0 33px; } /* FOOTER */ .footer-general .ul-footer--one, .footer-general .ul-footer--two, .footer-general .ul-footer--three, .footer-general .ul-footer--four { padding-right: 0 !important; } /* MODAl FEEDBACK */ .feedbackModal-content { width: 100%; max-width: 601px !important; margin: 0 auto; } .contacts, .call-back { width: 50%; } .call-back__text { margin-bottom: 45px; } .call-send-btn { margin: 50px auto 0; } .contacts { border-right: none; } .contacts__li { padding: 0 0 0 44px; } .contacts__li--phone::before { top: -3px; left: 10px; width: 21px; } .contacts__li--envelope::before { top: -4px; left: 9px; width: 23px; } .contacts__li--marker::before { top: -9px; left: 12px; width: 20px; } .feedback-letter { width: 100%; margin-top: 20px; } } @media (max-width: 767px) { /* HEADER */ .header-general .logo-phone { flex-direction: column; justify-content: center; } .header-general .logo { margin: 0 auto 20px; } .header-general .phone__number, .header-general .phone__buttons { justify-content: center !important; } /* FOOTER */ .footer-general .footer-content-wrap { flex-flow: wrap; flex-direction: column; } .footer-general .footer-content-wrap div:nth-child(2) { order: -1; } .footer-general .footer-ul-wrap { width: 100%; display: flex; justify-content: space-between; } .footer-general .footer-logo-wrap { width: 100%; padding-left: 10px; margin-top: 10px; } } @media (max-width: 576px) { /* HEADER */ .header-general .container-header { padding: 23px 10px 33px !important; } .header-general .menu-btn { display: block; } .header-general .phone__number, .header-general .phone__buttons { justify-content: space-around !important; flex-direction: column; margin: 0 !important; height: 100% !important; } .header-general .phone__link { margin-bottom: 0 !important; } .header-general .phone__btn { margin: 0 !important; } .header-general .phone__separator { display: none; } .header-general .phone { flex-direction: row; justify-content: space-around; align-items: center; height: 97px !important; } /* nav block */ .header-general .navigation { align-items: center; flex-direction: column; margin-top: 0; padding: 31px 0 0; margin-left: -10px; margin-right: -10px; position: relative; z-index: 99; display: none; } .header-general .navigation::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, #31253d, transparent); opacity: 0.9; z-index: 0; } .header-general .navigation__button { max-width: unset; position: relative; z-index: 100; } .header-general .navigation__button:hover { background-color: #31253d; } /* FOOTER */ .footer-general .container-footer { padding: 20px 10px 20px !important; } .footer-general .ul-footer { width: 110px; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; } .footer-general .footer-ul-wrap { flex-wrap: wrap; } .footer-general .ul-footer .li-footer { text-align: center; } /* MODAL FEEDBACK */ .feedbackModal-content { max-width: 342px !important; padding: 5px 5px 5px; } .call-back { width: 100%; border-right: none; margin-bottom: 20px; } .call-back__title { margin-bottom: 17px; } .call-back__text { margin-bottom: 17px; } .call-send-btn { margin: 30px auto 0; } .contacts, .call-back { width: 100%; } #feedbackModal { padding-right: 14px !important; } } @media (max-width: 390px) { /* HEADER */ .header-general .phone__link { font-size: 12px !important; } .header-general .phone__btn { width: 114px !important; } } @media (max-height: 450px) { /* HEADER */ .header-general .navigation { padding: 0; } .header-general .navigation__button { height: 23px; } } /* END HEADER, FOOTER, MODALS ===========================*/ /*=================== HEX BLOCK ====================*/ .index-page .container-hex{ padding: 50px 0; background-color: #31253d; position: relative; height: 800px; } /* PRE-SET */ .section-hex-3.index-page{ background-color: #31253d; } /* hex version three */ .index-page .hex-3-wrap{ width: 100%; height: auto; display: flex; justify-content: center; margin: 0 auto; align-items: center; position: relative; } .index-page .hex-3-wrap::after{ content: ""; position: absolute; top: 60px; left: 9px; right: 0; bottom: 0; background: url(../../../../../../local/templates/main/img/section-three/bg-services.png) 50% 0 no-repeat; transition: all linear .5s; opacity: 1; } .index-page .hes-3-group{ width: 162px; height: 94px; justify-content: center; display: flex; position: relative; margin-bottom: 93px; align-items: center; z-index:15; cursor: default; transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .index-page .hex-column{ display: flex; flex-direction: column; align-items: center; } .hex-text-wrap{ cursor: pointer; } .hex-text-wrap:after{ content: ""; position: absolute; top: -12px; left: -8px; right: -5px; bottom: -15px; transform: rotate(30deg); } .hex-text-wrap:before{ content: ""; position: absolute; top: -12px; left: -8px; right: -5px; bottom: -15px; transform: rotate(-30deg); } .hex-text-wrap__line{ position: absolute; top: -17px; left: 0; right: 0; bottom: -17px; transform: rotate(90deg); } .index-page .cl-one{ } .index-page .cl-two{ } .index-page .cl-three{ } .index-page .cl-four{ } .index-page .cl-three .hes-3-group:first-child{ top: 6px; left: 4px; } .index-page .cl-two .hes-3-group:first-child{ top: -14px; left: -3px; } .index-page .cl-five { margin-bottom: 10px; } .cl-six{ padding-top: 180px; } .index-page .net-bg-wrap{ position: absolute; top: 0; left: 0; z-index: -4; } .index-page .net-bg{ position: relative; z-index: -5; opacity: 0; visibility: hidden; transition: opacity 500ms linear; } .index-page .hex-3:hover>.net-bg-wrap>.net-bg{ opacity: 1; visibility: visible; } .hes-3-group:hover .hex-3-wrap::after{ opacity: 0; } .index-page .hes-3-group-services .hex-3-active, .index-page .hes-3-group-services .hex-3-active::before, .index-page .hes-3-group-services .hex-3-active::after{ background-color: #281a33; } .index-page .hex-3-wrap.active .hes-3-group-services .hex-3-active, .index-page .hex-3-wrap.active .hes-3-group-services .hex-3-active::before, .index-page .hex-3-wrap.active .hes-3-group-services .hex-3-active::after{ background-color: #532A62; } .index-page .hex-3-wrap.active .hes-3-group-services .hex-3-border-wrap{ top: 0; left: 0; opacity: 1 !important; } .index-page .hex-3-wrap.active .hes-3-group-services .hex-3-border{ width: 162px; height: 94px; } .index-page .hex-3-wrap .hes-3-group-services:hover .hex-3-border-wrap{ top: -2px; left: -4px; } .index-page .hex-3-wrap .hes-3-group-services:hover .hex-3-border{ width: 171px; height: 98px; } div.hex-3-wrap{ pointer-events: none; } div.hex-3{ pointer-events: auto; } div.hex-3-wrap:hover::after{ opacity: 0; } div.hex-3-wrap:hover .hex-3-active, div.hex-3-wrap:hover .hex-3-active::after, div.hex-3-wrap:hover .hex-3-active::before{ background-color: #532a62 ; } div.hex-3-wrap:hover .hex-border-visible{ opacity: 0 !important; } .index-page .hes-3-group-services .hex-border-visible, .hex-3-wrap:hover .hes-3-group-services .hex-border-visible{ opacity: 1; } .index-page .hex-3{ width: 153px; height: 88px; background-color: #532a62; position: relative; z-index: 12; display: flex; justify-content: center; align-items: center; } .index-page .hex-3::before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: #532a62; top: 0; left: 0; transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); -webkit-transform: rotate(60deg); } .index-page .hex-3::after{ position: absolute; content: ""; width: 100%; height: 100%; background-color: #532a62; top: 0; left: 0; transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); } /* hex-3 inner */ .index-page .hex-3-border-wrap{ top: -2px; left: -4px; position: absolute; width: 100%; height: 100%; z-index: 10; opacity: 0; } .hex-border-visible{ opacity: 1 !important; } .index-page .hex-3-border{ width: 171px; height: 98px; background-color: #a838be; position: relative; } .index-page .hex-3-border::before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: #a838be; top: 0; left: 0; transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); -webkit-transform: rotate(60deg); } .index-page .hex-3-border::after{ position: absolute; content: ""; width: 100%; height: 100%; background-color: #a838be; top: 0; left: 0; transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); } /* hover for hex-3 */ .index-page .hex-3:hover::before, .index-page .hex-3:hover::after, .index-page .hex-3:hover{ background-color: #281a33 !important; } .index-page .hex-3:hover + .hex-3-border-wrap{ opacity: 1 !important; } .index-page .hex-3-active, .index-page .hex-3-active::before, .index-page .hex-3-active::after{ background-color: #281a33; } .group-host{ top: -5px; } .group-wifi{ top: 2px; } /* HOVER EFFECT */ .box-wrap{ display: flex; justify-content: center; align-items: center; width: 472px; height: 472px; background-color: transparent; z-index: -1; transform: rotate(-90deg) translate3d(3%, -3%, 0); position: absolute; opacity: 0; visibility: hidden; } .box-wrap.box-wrap--host{ width: 1250px; height: 1250px; /*transform: rotate(-90deg) translate3d(-251px, 4px, 0);*/ transform: rotate(-90deg) translate3d(-5px, 4px, 0); margin: 0; } .box-wrap.box-wrap--pc{ width: 1140px; height: 1140px; /*transform: rotate(-90deg) translate3d(-15px, 212px, 0);*/ transform: rotate(-90deg) translate3d(-12px, 20px, 0); margin: 0; } .box-wrap.box-wrap__serv{ width: 1100px; height: 1100px; /*transform: rotate(-90deg) translate3d(-108px, 152px, 0);*/ transform: rotate(-90deg) translate3d(-1px, -1px, 0); margin: 0; } .box-wrap.box-wrap__work{ width: 1100px; height: 1100px; /*transform: rotate(-90deg) translate3d(-162px, 52px, 0);*/ transform: rotate(-90deg) translate3d(-6px, 52px, 0); margin: 0; } .box-wrap.box-wrap__po{ /*width: 650px; height: 650px; transform: rotate(-90deg) translate3d(-123px, -138px, 0);*/ width: 1100px; height: 1100px; transform: rotate(-90deg) translate3d(-2px, -3px, 0); margin: 0; } .box-wrap.box-wrap__net{ width: 1000px; height: 1000px; /*transform: rotate(-90deg) translate3d(-84px, -47px, 0);*/ transform: rotate(-90deg) translate3d(0, 0, 0); margin: 0 -4px -2px 0; } .box-wrap.box-wrap__per{ width: 1000px; height: 1000px; /*transform: rotate(-90deg) translate3d(-62px, -7px, 0);*/ transform: rotate(-90deg) translate3d(0, 0, 0); } .box-wrap.box-wrap--1c{ width: 1200px; height: 1200px; /*transform: rotate(-90deg) translate3d(15px, -286px, 0);*/ transform: rotate(-90deg) translate3d(14px, -38px, 0); /*margin: 0 75px 30px 0;*/ } .box-wrap.box-wrap__email{ width: 1000px; height: 1000px; /*transform: rotate(-90deg) translate3d(30px, -100px, 0);*/ transform: rotate(-90deg) translate3d(0, 0, 0); margin: 0 0 4px 0; } .box-wrap.box-wrap__it-et{ width: 1150px; height: 1150px; /*transform: rotate(-90deg) translate3d(63px, 120px, 0);*/ transform: rotate(-90deg) translate3d(14px, 0px, 0); margin: 0; } .box-wrap.box-wrap--phone{ /*width: 700px; height: 700px; transform: rotate(-90deg) translate3d(225px, 34px, 0);*/ width: 1210px; height: 1210px; transform: rotate(-90deg) translate3d(-8px, 2px, 0); margin: 0; } .box-wrap.box-wrap--video{ width: 1200px; height: 1200px; /*transform: rotate(-90deg) translate3d(222px, 142px, 0);*/ transform: rotate(-90deg) translate3d(-5px, 2px, 0); margin: 0; } .box-wrap.box-wrap--wifi{ width: 1000px; height: 1000px; /*transform: rotate(-90deg) translate3d(162px, -83px, 0);*/ transform: rotate(-90deg) translate3d(-14px, 2px, 0); margin: 0; } .box-wrap.box-wrap--internet{ width: 1300px; height: 1300px; /*transform: rotate(-90deg) translate3d(227px, 193px, 0);*/ transform: rotate(-90deg) translate3d(-35px, 58px, 0); margin: 0; } .box-wrap.box-wrap--rentvps{ width: 1100px; height: 1100px; /*transform: rotate(-90deg) translate3d(152px, 18px, 0);*/ transform: rotate(-90deg) translate3d(0, 0, 0); margin: 0 -1px 4px 0; } .box-wrap.box-wrap--rent1c{ width: 900px; height: 900px; /*transform: rotate(-90deg) translate3d(72px, -114px, 0);*/ transform: rotate(-90deg) translate3d(0, 0, 0); margin: 0 -2px 3px 0; } .box{ width: 0; height: 0; border-radius: 50%; transition: width linear 1200ms 100ms, height linear 1200ms 100ms; overflow: hidden; position: absolute; } .group-serv{ top:-2px; left: 2px; } .img-net{ display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); } .hex-3:hover>.box-wrap>.box{ width: 100%; height: 100%; z-index: 1; } .hex-3:hover>.box-wrap.box-wrap--host>.box, .hex-3:hover>.box-wrap.box-wrap--pc>.box, .hex-3:hover>.box-wrap.box-wrap__serv>.box, .hex-3:hover>..box-wrap.box-wrap__work>.box{ /*width: 637px; height: 657px;*/ width: 100% !important; height: 100% !important; } .hex-3:hover>.box-wrap{ opacity: 1; visibility: visible; } .hes-3-group:hover{ z-index: 1; } /* HE-EL-TWO */ .box-wrap__it-outs{ /*width: 610px; height: 510px; transform: rotate(-90deg) translate3d(-3%, 0, 0);*/ width: 1100px; height: 1100px; /*transform: rotate(-90deg) translate3d(-122px, -81px, 0);*/ transform: rotate(-90deg) translate3d(-1px, 0px, 0); } .hex-3:hover>.box-wrap>.box.box__it-outs{ /*width: 608px; height: 508px;*/ width: 100%; height: 100%; } /* HE-EL-THREE */ .box-wrap__el-three{ /*width: 610px; height: 510px; transform: rotate(-90deg) translate3d(-1%, 4%, 0);*/ width: 770px; height: 770px; transform: rotate(-90deg) translate3d(-80px, 110px, 0); } .hex-3:hover>.box-wrap>.box.box__el-three{ /*width: 608px; height: 508px;*/ width: 100%; height: 100%; } /* hex columns */ .index-page .hidden-hex-edge{ display: none; } .index-page .hidden-hex-center{ display: none; } .index-page .hex-img{ position: relative; z-index: 50; display: block; margin:0 auto 10px; /*transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);*/ } .index-page .hex-img-wrap{ /*left: 19px; align-items: center; display: flex; position: absolute;*/ } .hex-text-wrap{ transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: relative; z-index: 50; text-align: center; max-width: 90%; width: 100%; } .index-page .hex-title{ margin-bottom: 0 !important; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; line-height: 1.4; color: #fff; text-transform: uppercase; text-align: center; position: relative; z-index: 50; /*transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);*/ } .index-page .bright-bg, .index-page .bright-bg::after, .index-page .bright-bg::before{ background-color: #6d2e7d; } /* small hex */ .index-page .small-group{ width: 126px; height: 80px; } .index-page .small-hex{ width: 118px; height: 69px; } .index-page .small-border-wrap{ left: -5px; top: 1px; } .index-page .small-border{ width: 136px; height: 78px; } .index-page .small-hex:hover::before, .index-page .small-hex:hover::after, .index-page .small-hex:hover{ background-color: #281a33; } /* middle hex */ .index-page .middle-group{ width: 141px; height: 81px; } .index-page .middle-hex{ width: 133px; height: 77px; } .index-page .middle-border-wrap{ left: -4px; top: -2px; } .index-page .middle-border{ width: 148px; height: 85px; } .index-page .middle-hex:hover::before, .index-page .middle-hex:hover::after, .index-page .middle-hex:hover{ background-color: #281a33; } .index-page .hidden-hex-bg{ display: none; } .responsive-hex-block{ display: none; } /* END HEX BLOCK ===========================*/ /* MEDIA QUERY (HEX BLOCK) */ @media (min-width: 1200px){ .index-page .container-hex{ max-width: 1200px; } .index-page .container-consult{ max-width: 1200px; } } @media (max-width: 1200px){ /* .index-page .container-hex { padding: 50px 0 157px 78px; height: 957px; } .index-page .hex-3-wrap { transform: rotate(-90deg); } .index-page .hex-3 { transform: rotate(180deg); } .index-page .cl-four { margin-left: 0; margin-right: 12px; } .index-page .cl-five { margin-top: 0; margin-left: 14px; } */ /* .index-page .hex-3-wrap{ transform: rotate(0deg); flex-direction: column; } .index-page .hex-3{ transform: rotate(0deg); } .index-page .hex-column{ flex-direction: row; justify-content: space-between; margin: 0 0 100px 0 !important; } .index-page .hex-3-wrap::after{ background: none; width: 0; height: 0; } .index-page .middle-hex, .index-page .small-hex{ width: 153px; height: 88px; } .index-page .middle-border-wrap, .index-page .small-border-wrap{ top: -2px; left: -4px; } .index-page .middle-border, .index-page .small-border{ width: 171px; height: 98px; } .index-page .middle-group, .index-page .small-group{ width: 162px; height: 94px; } .hex-column{ padding: 0 !important; margin: 0 !important; width: 100%; } */ .hex-3-wrap{ display: none !important; } .responsive-hex-block{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } .index-page .container-hex{ height: auto; padding-top: 76px !important; padding-bottom: 76px !important; } .index-page .hes-3-group{ margin-bottom: 0; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .hes-3-group{ width: 21% !important; height: auto !important; margin-bottom: 30px !important; } .index-page .hex-3{ width: 88px; height: 153px; flex-direction: column; } .index-page .hex-img{ transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .index-page .hex-title{ transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); } .index-page .hex-img-wrap{ left: unset; position: relative; } .index-page .hex-3-border{ width: 98px; height: 171px; } .index-page .hex-3-border-wrap{ top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: auto; height: auto; } .img-net{ display: none !important; } } @media (max-width: 991px) { /* .index-page .container-hex { padding: 50px 0 0 42px; } .index-page .hex-column { width: 702px; margin-bottom: 51px; } .index-page .cl-one { margin-right: 160px; margin-bottom: 38px; } .index-page .cl-four { margin-left: 0; margin-right: 36px; } .index-page .cl-five { margin-top: 0; margin-left: 5px; } */ .hes-3-group { width: 29% !important; } } @media (max-width: 767px) { /* .index-page .container-hex { height: 1447px; padding: 0 0 50px 42px; } .index-page .hex-3-wrap { width: 100%; height: 100%; } .index-page .hex-column { width: 1456px; margin-bottom: 45px; } .index-page .cl-three { margin-left: 0px; } .index-page .cl-two { margin-right: 0px; width: 1290px !important; } */ /* hex */ /* .index-page .hex-3{ width: 140px; height: 81px; } .index-page .hex-3-border-wrap { top: 3px; left: 3px; } .index-page .hex-3-border { width: 155px; height: 89px; } */ /* small hex */ /* .index-page .small-group{ width: 162px; height: 94px; } .index-page .small-hex{ width: 140px; height: 81px; } .index-page .small-border-wrap{ top: 3px; left: 3px; } .index-page .small-border{ width: 155px; height: 89px; } .index-page .small-hex:hover::before, .index-page .small-hex:hover::after, .index-page .small-hex:hover{ background-color: #281a33; width: 140px; height: 81px; } */ /* middle hex */ /* .index-page .middle-group{ width: 162px; height: 94px; } .index-page .middle-hex{ width: 140px; height: 81px; } .index-page .middle-border-wrap{ top: 3px; left: 3px; } .index-page .middle-border{ width: 155px; height: 89px; } .index-page .middle-hex:hover::before, .index-page .middle-hex:hover::after, .index-page .middle-hex:hover{ background-color: #281a33; width: 140px; height: 81px; } */ .hes-3-group{ width: 43% !important; } .index-page .container-hex{ padding-bottom: 186px !important; padding-left: 15px; padding-right: 15px; } } @media (max-width: 500px) { .hes-3-group:nth-child(odd){ margin-bottom: -156px !important; } } @media (max-width: 420px) { .index-page .container{ padding-left: 5px !important; padding-right: 5px !important; } } @media (max-width: 370px) { .index-page .hes-3-group{ width: 94px; height: 162px; } .index-page .hex-3{ width: 81px; height: 140px; } .index-page .hex-3-border{ width: 89px; height: 155px; } .index-page .hex-3:hover::before, .index-page .hex-3:hover::after, .index-page .hex-3:hover{ background-color: #281a33; width: 81px; height: 140px; } .index-page .hex-title{ font-size: 13px; } .hes-3-group:nth-child(odd){ margin-bottom: -141px !important; } .hes-3-group{ margin-bottom: 22px !important; } } /* END HEX BLOCK =================*/ /*================= INDEX PAGE*/ .index-page .container { padding: 0 30px; } .index-page .bg-video { position: relative; height: 100vh; overflow: hidden; /*background: url("/local/templates/main/css/../img/header/bg.png") center no-repeat;*/ background-size: cover; z-index: 1; /* header */ } .index-page .bg-video::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; z-index: 4; width: 40%; background: -moz-linear-gradient(left, #231d2b 1%, #231d2b 20%, rgba(35, 29, 43, 0) 100%); background: -webkit-linear-gradient(left, #231d2b 1%, #231d2b 20%, rgba(35, 29, 43, 0) 100%); background: linear-gradient(to right, #231d2b 1%, #231d2b 20%, rgba(35, 29, 43, 0) 100%); } .index-page .bg-video::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; z-index: 4; width: 40%; background: -moz-linear-gradient(left, rgba(35, 29, 43, 0) 0%, #231d2b 80%, #231d2b 99%); background: -webkit-linear-gradient(left, rgba(35, 29, 43, 0) 0%, #231d2b 80%, #231d2b 99%); background: linear-gradient(to right, rgba(35, 29, 43, 0) 0%, #231d2b 80%, #231d2b 99%); } .index-page .bg-video .video-wrap { left: 0; overflow: hidden; position: relative; top: 0; z-index: 2; width: 100%; height: 100vh; } .index-page .bg-video .video-wrap .video-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; background-color: #31253d; opacity: 0.3; } .index-page .bg-video .video-wrap .video-file { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: auto; height: auto; min-width: 100%; min-height: 100%; } .index-page .bg-video .container--header { z-index: 100; position: absolute; height: 100vh; top: 0; left: 50%; transform: translateX(-50%); } .index-page .bg-video .header { display: flex; flex-direction: column; padding: 23px 69px 0; /* logo, phone numbers, buttons */ } .index-page .bg-video .header .logo-phone { display: flex; justify-content: space-between; } .index-page .bg-video .header .logo-phone .logo__img { max-width: 100%; height: auto; display: block; } .index-page .bg-video .header .logo-phone .phone { display: flex; flex-direction: column; } .index-page .bg-video .header .logo-phone .phone .phone__number { display: flex; justify-content: space-between; margin-bottom: 16px; margin-top: 8px; } .index-page .bg-video .header .logo-phone .phone .phone__number .phone__link { font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; line-height: 1; transition: all ease .5s; } .index-page .bg-video .header .logo-phone .phone .phone__number .phone__link--def{ display: block; } .index-page .bg-video .header .logo-phone .phone .phone__number .phone__link--mb{ display: none; } .index-page .bg-video .header .logo-phone .phone .phone__number .phone__link:hover { color: #a939bf; } .index-page .bg-video .header .logo-phone .phone .phone__number .phone__separator { font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #fff; line-height: 1; margin: 0 10px; } .index-page .bg-video .header .logo-phone .phone .phone__buttons { display: flex; justify-content: space-between; } .index-page .bg-video .header .logo-phone .phone .phone__buttons .phone__btn { width: 142px; height: 23px; border-radius: 3px; border: 1px solid #7c3288; background-color: #3d2e4c; font-family: 'Open Sans', sans-serif; /*font-weight: 300;*/ color: #ffffff; font-size: 12px; /* letter-spacing: 1.5px; */ display: flex; justify-content: center; align-items: center; text-transform: uppercase; transition: all ease .3s; } .index-page .bg-video .header .logo-phone .phone .phone__buttons .phone__btn:first-child { margin-right: 6px; } .index-page .bg-video .header .logo-phone .phone .phone__buttons .phone__btn:hover { color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 700; border: 1px solid #a939bf; background-color: #271a33; } .index-page .bg-video .header .navigation { margin-top: 31px; padding: 0 14px; } .navigation-fixed{ background-color: #271a33; position: fixed; top: -100%; left: 0; right: 0; z-index: 98; /*transition: all ease .5s;*/ } .navigation-fixed.fixed{ top: 0; } .navigation-fixed .navigation{ max-width: 1200px; margin-top: 0; } .index-page .bg-video .header .navigation__ul, .navigation-fixed .navigation__ul{ display: flex; justify-content: space-between; margin: 0; padding: 0; } .index-page .bg-video .header .navigation__li, .navigation-fixed .navigation__li{ list-style-type: none; display: block; width: 100%; position: relative; } .index-page .bg-video .header .navigation__li:hover .navigation__drop, .navigation-fixed .navigation__li:hover .navigation__drop{ display: block; } .navigation__drop{ position: absolute; top: 100%; width:190px; background-color: rgba(26,17,35,.8); border-radius: 5px; left: 50%; margin: 0 0 0 -95px; overflow:hidden; display: none; z-index: 90; padding: 0 15px; } .navigation__drop li{ list-style-type: none; font-size: 11px; line-height: 1.2; font-family: 'Open Sans', sans-serif; text-align: center; border-top: 1px solid rgba(255,255,255,.2); } .navigation__drop li:first-child{ border-top: none; } .navigation__drop li a{ display: block; padding: 8px 5px; color: #fff; transition: all ease .5s; text-transform: uppercase; letter-spacing: 1px; } .navigation__drop li a:hover{ background-color: transparent; color: #a26fac; text-decoration: none; } .index-page .bg-video .header .navigation .navigation__button, .navigation-fixed .navigation .navigation__button { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #ffffff; font-size: 12px; text-transform: uppercase; height: 39px; display: flex; justify-content: center; align-items: center; cursor: pointer; width: 100%; max-width: 100%; } .navigation-fixed .navigation .navigation__button{ max-width: 100%; } .index-page .bg-video .header .navigation .navigation__button--active, .bg-video .header .navigation .navigation__button:hover, .navigation-fixed .navigation .navigation__button:hover { color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; } .index-page .bg-video .header-content { display: flex; flex-direction: column; text-align: center; padding-top: 157px; align-items: center; height: 100%; } .index-page .bg-video .header-content .header-content__title { font-family: gilroyExtraBold, sans-serif; color: #ffffff; font-size: 60px; text-transform: uppercase; line-height: 1; } .index-page .bg-video .header-content .header-content__subtitle { font-family: gilroyExtraBold, sans-serif; color: #ffffff; font-size: 16px; text-transform: uppercase; letter-spacing: 3.2px; line-height: 2.4; } .index-page .bg-video .header-content .header-content__subtitle .header-content__subtitle--modified { font-family: 'Open Sans', sans-serif; font-weight: 300; } .index-page .bg-video .header-content .header-content__btn { font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 2.25px; color: #ffffff; text-transform: uppercase; font-size: 15px; border-radius: 3px; border: 1px solid #a939bf; width: 342px; height: 43px; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-in-out; position: relative; margin-top: 120px; } .index-page .bg-video .header-content .header-content__btn::before { position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0; background-color: #3d2e4c; opacity: 0.6; z-index: -1; transition: all 0.3s ease-in-out; } .index-page .bg-video .header-content .header-content__btn:hover { color: #ffffff; } .index-page .bg-video .header-content .header-content__btn:hover::before { opacity: 1; } .index-page .open-nav { display: flex !important; } .index-page .menu-btn { display: none; width: 30px; height: 20px; cursor: pointer; } .index-page .menu-btn .menu-btn__span { display: block; width: 30px; height: 4px; background-color: #7D3493; position: relative; } .index-page .menu-btn .menu-btn__span::after { content: ""; position: absolute; top: 8px; left: 0; width: 30px; height: 4px; background-color: #7D3493; } .index-page .menu-btn .menu-btn__span::before { content: ""; position: absolute; top: 16px; left: 0; width: 30px; height: 4px; background-color: #7D3493; } .index-page .menu-btn:hover > .menu-btn__span::after, .menu-btn:hover > .menu-btn__span::before, .menu-btn:hover > .menu-btn__span { background-color: #a939bf; } .section-one.index-page { width: 100%; background-color: #201728; } .index-page .container-slider-brands { padding: 0 98px; height: 100px; position: relative; } .index-page .container-slider-brands::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ""; width: 0; height: 0; display: none; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #43424d; } /* slider */ .index-page .slider-brands { width: 100%; height: 100px; display: flex; flex-direction: row; } /* slide */ .index-page .brand { display: flex; justify-content: center; align-items: center; text-align: center; max-width: 114px; height: 100px; margin: 0; } /* OWL NAV */ .index-page .owl-nav { margin-top: -100%; } .index-page .owl-carousel .nav-btn { height: 22px; width: 12px; position: absolute; top: 40px; cursor: pointer; z-index: 1000; display: flex; justify-content: center; align-items: center; } .index-page .owl-carousel .nav-btn:hover .arrow-svg { fill: #b91bd8; } .index-page .arrow-svg { fill: #fff; width: 12px; height: 22px; } .index-page .owl-carousel .prev-slide { z-index: 15; left: -15px; } .index-page .owl-carousel .next-slide { z-index: 15; transform: rotate(180deg); right: -15px; } .index-page .brand:hover img { /*filter: brightness(0.5) sepia(1) saturate(10000%);*/ /* IE5+ */ /*-webkit-filter: brightness(0.5) sepia(1) saturate(10000%);*/ } .index-page .brand .brand__img--h{ display: none; } .index-page .brand:hover .brand__img--h{ display: block; } .index-page .brand:hover .brand__img--def{ display: none; } .index-page .brand img{ width: auto; max-width: 100%; } .index-page .s2-title { margin-top: 80px; padding: 0 68px; color: #201728; font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; } .index-page .s2-text { margin-top: 33px; padding: 0 68px; line-height: 1.4; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; } .index-page .s2-text span { font-family: 'Open Sans', sans-serif; font-weight: 700; } .index-page .s2-video { margin-top: 52px; padding: 0 36px 0 68px; display: flex; justify-content: space-between; } .index-page .s2-video .s2-video__wrap { width: 100%; height: 100%; max-width: 682px; max-height: 423px; background-color: #201728; position: relative; cursor: pointer; margin-top: 9px; } .index-page .s2-video .s2-video__wrap iframe{ width: 100%; } .index-page .s2-video .s2-video__wrap .s2-video__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; cursor: pointer; z-index: 19; background-color: #201728; opacity: 0.7; } .index-page .s2-video .s2-video__wrap .s2-video__btn { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 90px; height: 90px; display: none; justify-content: center; align-items: center; cursor: pointer; z-index: 20; } .index-page .s2-video .s2-video__wrap .s2-video__btn .play-svg { width: 90px; height: 90px; fill: #fff; } .index-page .s2-video .s2-video__wrap .s2-video__file { width: 100%; height: 100%; min-width: 100%; min-height: 100%; } .index-page .s2-video .phone-placeholder { width: 290px; height: 508px; background-color: #727272; border-radius: 48px; } .index-page .col-phone-placeholder { display: flex; justify-content: flex-end; } .index-page .show-play-btn { display: flex !important; } .section-three.index-page { background-color: #31253d; } .index-page .container-net { padding: 90px 62px 0 81px; background-size: contain; position: relative; } .index-page .container-net::before { position: absolute; bottom: -22px; left: 89px; content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #31253d; } .index-page .container-net .container-net__title { font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #ffffff; padding-left: 17px; } .index-page .container-net .container-net__link { position: relative; display: flex; align-items: center; padding-left: 17px; margin-top: 11px; } .index-page .container-net .container-net__link .net-link-btn { width: 13px; height: 2px; background-color: #a939bf; cursor: pointer; position: relative; margin-top: 4px; } .index-page .container-net .container-net__link .net-link-btn::before { width: 13px; height: 2px; background-color: #a939bf; cursor: pointer; content: ""; position: absolute; top: -4px; left: 0; margin-bottom: 2px; } .index-page .container-net .container-net__link .net-link-btn::after { width: 13px; height: 2px; background-color: #a939bf; cursor: pointer; content: ""; position: absolute; bottom: -4px; left: 0; } .index-page .container-net .container-net__link .net-link { margin-left: 7px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #a939bf; text-decoration: underline !important; cursor: pointer; letter-spacing: 0.7px; line-height: 1; } .index-page .container-s4 { padding: 44px 77px 33px 98px; display: flex; flex-direction: row; justify-content: space-between; } .index-page .row-s4-outer { margin: 0; width: inherit; } .index-page .col-s4-title { padding: 0; } .index-page .col-s4-items { padding: 0; display: flex; align-items: center; } .index-page .row-items { margin: 0; display: flex; justify-content: space-between; width: 100%; } .index-page .col-items { padding: 0; } .index-page .s4-title { font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #201728; width: 207px; height: 127px; padding-top: 35px; border-right: 1px solid #492957; } .index-page .s4-content { /*display: flex; align-items: center; justify-content: center;*/ } .index-page .s4-content .s4-content__img { max-width: 100%; display: block; height: auto; margin-bottom: 10px; } .s4-img-wrap{ min-height: 70px; } .index-page .s4-content .s4-content__text { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: #492957; line-height: 1.2; } .index-page .s4-content .s4-content__text span { font-family: 'Open Sans', sans-serif; font-weight: 700; } .section-five.index-page { position: relative; } .section-five.index-page::before { position: absolute; top: 0; left: 0; width: 100%; height: 439px; content: ""; background: url("../../../../../../local/templates/main/img/section-five/bg.png") center no-repeat; background-size: cover; z-index: 1; } .index-page .container-s5 { padding: 90px 98px 80px; position: relative; } .index-page .container-s5::after { content: ""; position: absolute; top: 47px; right: 100px; width: 100%; max-width: 526px; height: 100%; background: url("../../../../../../local/templates/main/img/section-five/pic-1.png") right no-repeat; background-size: contain; z-index: 2; } .index-page .s5-title { font-family: gilroyExtraBold, sans-serif; color: #ffffff; font-size: 40px; line-height: 0.8; text-transform: uppercase; position: relative; z-index: 2; } .index-page .s5-content { display: flex; flex-direction: column; padding-left: 49px; position: relative; z-index: 2; line-height: 1.3; margin-top: 58px; } .index-page .s5-content .s5-content__text { width: 395px; /*font-family: gilroyLight, sans-serif;*/ color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 16px; } .index-page .s5-content .s5-content__btn { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #ffffff; font-size: 20px; line-height: 1; /*letter-spacing: 3px;*/ /*text-transform: uppercase;*/ width: 292px; height: 43px; margin-top: 39px; display: flex; justify-content: center; align-items: center; background-color: #a939bf; border-radius: 3px; transition: background-color 0.2s linear; } .index-page .s5-content .s5-content__btn:hover { background-color: #271a33; } .section-six.index-page { background-color: #31253d; display: none; } .about-section{ /* background-color: #632f6f;*/ background-color: #412548; padding: 67px 0; } .about-section__title{ font-family: gilroyExtraBold, sans-serif; font-size: 22px; line-height: 1.2; text-transform: uppercase; margin: 0 0 15px; color: #fff; } .about-section__text{ color: #fff; font-size: 15px; line-height: 1.5; font-family: 'Open Sans', sans-serif; } .about-section__ul{ list-style: none; } .about-section__li{ position: relative; padding-left: 23px; margin-bottom: 5px; } .hex-marker{ position: absolute; width: 20px; height: 20px; top: 3px; top: 3px; left: 0; fill: #ffffff; } .about-section__text p{ margin: 0 0 15px; } .about-section__text p:last-child{ margin: 0; } .about-section__img{ display: block; max-width: 100%; margin: 0 auto; } .about-section .about-section__text .s5-content__btn { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; /* identical to box height, or 100% */ text-align: center; letter-spacing: 0.228205px; color: #FFFFFF; width: 292px; height: 43px; margin-top: 0; display: flex; justify-content: center; align-items: center; background-color: #a939bf; border-radius: 3px; transition: background-color 0.2s linear; } .about-section .about-section__text .s5-content__btn:hover { /*background-color: #271a33; */ background-color: #3d2e4c; } .index-page .container-s6 { padding-top: 117px; padding-bottom: 99px; position: relative; } .index-page .container-s6::after { position: absolute; bottom: -22px; left: 89px; content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #31253d; } .index-page .dots-wrap { display: flex; justify-content: center; } .index-page .dots { display: flex; position: relative; justify-content: center; width: 7px; } .index-page .dots::before { content: ""; position: absolute; width: 7px; height: 7px; top: 0; left: -12px; background: url("../../../../../../local/templates/main/img/section-six/dot.png") center no-repeat; background-size: contain; } .index-page .dots::after { content: ""; position: absolute; width: 7px; height: 7px; top: 0; left: 12px; background: url("../../../../../../local/templates/main/img/section-six/dot.png") center no-repeat; background-size: contain; } .index-page .dots .dots__img { max-width: 100%; height: auto; display: block; } .index-page .s6-content { margin-top: 37px; display: flex; justify-content: center; } .index-page .s6-content .s6-content__text { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #ffffff; line-height: 1.2; width: 515px; padding-left: 66px; padding-right: 25px; padding-top: 38px; position: relative; } .index-page .s6-content .s6-content__text::before { content: ""; position: absolute; top: 0; left: 0; width: 29px; height: 191px; background: url("../../../../../../local/templates/main/img/section-six/bracket-left.png") center no-repeat; background-size: contain; z-index: 2; } .index-page .s6-content .s6-content__text::after { content: ""; position: absolute; top: 0; right: 0; width: 29px; height: 191px; background: url("../../../../../../local/templates/main/img/section-six/bracket-right.png") center no-repeat; background-size: contain; z-index: 2; } .index-page .s6-content .s6-content__text span { font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; } .index-page .s6-content-wrap { width: 753px; display: flex; justify-content: space-between; } .index-page .s6-content__img { width: 100%; max-width: 194px; } .section-seven.index-page { background-color: #e8e8e8; } .index-page .container-s7 { padding: 80px 123px 25px 98px; position: relative; background: url("../../../../../../local/templates/main/img/section-seven/lines.png") right 110px bottom 60px no-repeat; background-size: auto; } .index-page .container-s7 .purpose { position: absolute; bottom: 69px; right: 133px; width: 423px; } .index-page .container-s7 .purpose .purpose__text { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; color: #492957; line-height: 1.3; margin-bottom: .5rem; } .index-page .container-s7 .purpose .purpose__text--title{ margin-bottom: 1rem; } .index-page .container-s7 .purpose .purpose__text--subtext { text-transform: uppercase; margin-top: 10px; } .index-page .container-s7::after { position: absolute; bottom: -22px; left: 89px; content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #e8e8e8; } .index-page .s7-title { font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #201728; line-height: 0.7; margin-bottom: 28px; } .index-page .row-s7 { margin: 0; } .index-page .col-s7 { padding: 0 0 0 0; height: 210px; margin-bottom: 24px; } .index-page .col-s7-item-wrap .col-s7-item-wrap__title { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; color: #492957; text-transform: uppercase; line-height: 1; padding-top: 40px; } .index-page .col-s7-item-wrap .col-s7-item-wrap__text { width: 438px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: #492957; padding-top: 57px; line-height: 1.2; } .index-page .col-s7--one { background: url("../../../../../../local/templates/main/img/section-seven/pic-1.png") left top no-repeat; background-size: auto; } .index-page .col-s7--one .col-s7-item-wrap__title { padding-left: 200px; } .index-page .col-s7--two { background: url("../../../../../../local/templates/main/img/section-seven/pic-2.png") right top no-repeat; background-size: auto; } .index-page .col-s7--two .col-s7-item-wrap__title { padding-right: 200px; text-align: right; } .index-page .col-s7--two .col-s7-item-wrap__text { padding-left: 50px; } .index-page .col-s7--three { background: url("../../../../../../local/templates/main/img/section-seven/pic-3.png") left top no-repeat; background-size: auto; } .index-page .col-s7--three .col-s7-item-wrap__title { padding-left: 200px; } .index-page .col-s7--four { background: url("../../../../../../local/templates/main/img/section-seven/pic-4.png") right top no-repeat; background-size: auto; } .index-page .col-s7--four .col-s7-item-wrap__title { padding-right: 200px; text-align: right; } .index-page .col-s7--four .col-s7-item-wrap__text { padding-left: 50px; } .index-page .col-s7--five { background: url("../../../../../../local/templates/main/img/section-seven/pic-5.png") left top no-repeat; background-size: auto; margin-top: 25px; } .index-page .col-s7--five .col-s7-item-wrap__title { padding-left: 200px; } .section-eight.index-page { background-color: #31253d; } .index-page .container-s8 { padding: 80px 98px 78px; position: relative; } .index-page .container-s8::after { content: ""; position: absolute; bottom: -15px; right: 194px; width: 314px; height: 269px; background: url("../../../../../../local/templates/main/img/section-eight/bg.png") center no-repeat; background-size: auto; z-index: 1; } .index-page .s8-title { font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #ffffff; } .index-page .s8-btn { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; color: #ffffff; /*letter-spacing: 2.4px;*/ /*text-transform: uppercase;*/ width: 100%; max-width: 474px; height: 45px; margin-top: 14px; display: flex; justify-content: center; align-items: center; border-radius: 2px; border: 1px solid #a939bf; background-color: #a939bf; transition: background-color 0.2s linear; } .index-page .s8-btn:hover { color: #fff; background-color: #492957; } .section-consult{ background: #31253D; } .consult-content{ padding: 0 0 0 80px; } .index-page .container-consult { padding: 0 98px 80px; position: relative; } .index-page .container-consult::after { position: absolute; top: 0; left: 89px; content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #ffffff; display: none; } .index-page .container-consult:before{ content: ""; position: absolute; bottom: 0; right: 98px; z-index: 1; width: 485px; height: 225px; background: url(../../../../../../local/templates/main/img/consult-bg.png) 0 0 / contain no-repeat; } .section-consult.index-page .s8-btn{ max-width: 380px; margin-top: 0; } .more-btn-services { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 1; padding: 0 0 2px; color: #ffffff; /*letter-spacing: 2.4px;*/ /*text-transform: uppercase;*/ width: 100%; max-width: 255px; height: 40px; margin-top: 35px; display: flex; justify-content: center; align-items: center; border-radius: 2px; background-color: #a939bf; transition: background-color 0.2s linear; } .more-btn-services:hover { color: #fff; /*background-color: #3d2e4c;*/ background-color: #803792 } .section-nine.index-page { z-index: 2; position: relative; background-color: #fff; } .index-page .container-s9 { padding: 83px 98px 106px; } .index-page .s9-title { font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #201728; line-height: 0.7; margin-bottom: 15px; } .index-page .s9-link-wrap { position: relative; display: flex; align-items: center; margin-bottom: 22px; } .index-page .s9-link-wrap .s9-link-wrap__btn { width: 13px; height: 2px; background-color: #a939bf; cursor: pointer; position: relative; margin-top: 4px; } .index-page .s9-link-wrap .s9-link-wrap__btn::before { width: 13px; height: 2px; background-color: #a939bf; cursor: pointer; content: ""; position: absolute; top: -4px; left: 0; margin-bottom: 2px; } .index-page .s9-link-wrap .s9-link-wrap__btn::after { width: 13px; height: 2px; background-color: #a939bf; cursor: pointer; content: ""; position: absolute; bottom: -4px; left: 0; } .index-page .s9-link-wrap .s9-link-wrap__link { margin-left: 7px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #a939bf; text-decoration: underline !important; cursor: pointer; letter-spacing: 0.7px; line-height: 1; } /* slider */ .index-page .portfolio { width: 100%; height: 218px; display: flex; flex-direction: row; } /* slide */ .index-page .work { display: flex; max-width: 248px; max-height: 218px; min-height: 218px; margin: 0; position: relative; z-index: 10; cursor: pointer; } .index-page .work::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 15; background-color: #31253d; opacity: 0; } .index-page .work:hover::before { opacity: 0.7; } .index-page .work:hover > .work__content > .work__content-inner::before { background-color: #5e296a; opacity: 1; } .index-page .work:hover > .work__content > .work__content-inner > .work__arrow-wrap::after { opacity: 1; } .index-page .work .work__content { position: absolute; bottom: 0; left: 0; z-index: 20; display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .index-page .work .work__content .work__content-inner { position: relative; padding: 11px 0 6px 22px; width: 100%; } .index-page .work .work__content .work__content-inner::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #19161e; opacity: 0.8; z-index: 30; } .index-page .work .work__content .work__content-inner .work__arrow-wrap { position: relative; } .index-page .work .work__content .work__content-inner .work__arrow-wrap::after { content: ""; position: absolute; top: 4px; right: 20px; width: 19px; height: 4px; background: url("../../../../../../local/templates/main/img/section-nine/arrow.png") center no-repeat; background-size: auto; opacity: 0; z-index: 40; } .index-page .work .work__content .work__content-inner .work__text { position: relative; z-index: 40; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #ffffff; text-transform: uppercase; } .index-page .work .work__content .work__content-inner .work__text--mod { text-transform: none; } /* OWL NAV */ .index-page .portfolio .owl-nav { margin-top: -100%; } .index-page .portfolio .nav-btn { height: 50px; width: 50px; position: absolute; top: 90px; cursor: pointer; z-index: 1000; display: flex; justify-content: center; align-items: center; } .index-page .portfolio .nav-btn:hover .arrow-svg { fill: #b91bd8; } .index-page .portfolio .arrow-svg { fill: #2b2232; width: 50px; height: 50px; } .index-page .portfolio .prev-slide { z-index: 15; left: -46px; } .index-page .portfolio .next-slide { z-index: 15; transform: rotate(180deg); right: -46px; } /* left/right beyond slider */ .index-page .portfolio::before { content: ""; position: absolute; top: 0; right: -3000px; width: 3000px; bottom: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 10; } .index-page .portfolio::after { content: ""; position: absolute; top: 0; left: -3000px; width: 3000px; bottom: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 10; } .index-page .portfolio .owl-stage-outer { overflow: visible; } /* FOOTER INDEX PAGE */ .footer.index-page { background: #31253d; } .index-page .container-footer { padding: 47px 98px 40px; display: flex; flex-direction: row; } .index-page .footer-content-wrap { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: inherit; margin: 0; } .index-page .footer-row { display: flex; margin: 0; flex-direction: column; width: inherit; } .index-page .row-copyright { margin: 0; } .index-page .footer-logo-wrap__link { width: 100%; } .index-page .footer-logo-wrap__img { max-width: 100%; height: auto; display: block; } .footer-logo-wrap { width: 24%;} .index-page .footer-logo-wrap .footer-logo-wrap__img { margin-bottom: 24px; } .index-page .footer-logo-wrap .footer-logo-wrap__text { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #ffffff; /*line-height: 1.2;*/ margin-bottom: 24px; } .index-page .footer-logo-wrap .footer-logo-wrap__text span { font-family: 'Open Sans', sans-serif; font-weight: 700; } .index-page .footer-logo-wrap__copyright { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 12px; color: rgba(232,232,232,.3); line-height: 1.2; margin-top: 0; margin-bottom: 5px; } .link-map, a.link-map{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 1; text-decoration: none; color: #c12adf; border-bottom: 1px solid #c12adf; display: inline-block; vertical-align: top; margin: 3px 0 4px; } .link-map:hover, a.link-map:hover{ color: #c12adf; text-decoration: none; border-bottom-color: transparent; } .footer-ul-wrap { width: 75%; display: flex; flex-wrap: wrap; margin-top: 9px; } .ul-footer-inner-wrap{ display:-webkit-box; display:-ms-flexbox; display:flex; width: 100%; align-items: flex-start; } .ul-footer-inner-wrap.first{ flex-wrap: wrap; } .ul-footer-inner-wrap.first .ul-footer--two .li-footer--header a{ padding: 0 20px 10px 0; } .ul-footer-inner-wrap.first .li-footer--header a{ min-height: 48px; } .footer-contacts-panel{ width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex; padding: 50px 0 0 20px; border-top: 1px solid rgba(255,255,255,.1); } .f-link{ width: 33.3%; text-decoration: underline !important; text-transform: uppercase; color: #fff; font-size: 12px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .f-link:hover{ text-decoration: none !important; color: #c12adf; } .f-link__img{ width: 50px; } .f-link__img img{ max-width: 18px; } .index-page .ul-footer, .footer-general .ul-footer{ padding: 0 30px 0 0; box-sizing: border-box; margin: 0 0 40px; } .index-page .ul-footer .li-footer { width: 100%; text-align: left; list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #ffffff; margin-bottom: 0; /*line-height: 1.2;*/ } .index-page .ul-footer .li-footer a { color: #fff; } .index-page .ul-footer .li-footer a:hover { color: #d595c8; text-decoration: underline !important; } .index-page .ul-footer .li-footer--header { font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .index-page .ul-footer .li-footer--header a{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 0 10px; border-bottom: 2px solid #a939bf; width: 100%; } .index-page .ul-footer .li-footer--header:hover > a { color: #a939bf; text-decoration: none !important; } .index-page .ul-footer--one, .footer-general .ul-footer--one { /*width: 25%;*/ } .index-page .ul-footer--two, .footer-general .ul-footer--two { /*width: 25%;*/ } .index-page .ul-footer--three, .footer-general .ul-footer--free { /*width: 25%;*/ } .index-page .ul-footer--four, .footer-general .ul-footer--four { padding: 0; /*width: 25%;*/ } .footer .ul-footer{ padding: 0 10px 0 0; width: 24.6%; } .ul-footer-inner-wrap.second .ul-footer--four{ margin-top: -18px; } /* END INDEX PAGE =================*/ /*============ ABOUT PAGE*/ .about-page .container{ padding-left: 98px; padding-right: 98px; } /* SECTION ONE */ .section-one.about-page{ background-color: #e8e8e8; } .about-page .container-s1{ padding-top: 80px; padding-bottom: 25px; position: relative; } .about-page .container-s1::after{ position: absolute; content: ""; bottom: 40px; right: -108px; z-index: 1; width: 685px; height: 511px; background-size: cover; background: url("../../../../../../local/templates/main/img/about/img-1.png") center no-repeat; } .about-page .title-big{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .about-page .way{ display: flex; align-items: center; margin-top: 10px; } .about-page .breadcrumb{ margin: 0; padding: 0; background: none; } .about-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .about-page .breadcrumb .active a{ text-decoration: none !important; } .about-page .breadcrumb-item a{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .about-page .s1-text{ margin-top: 38px; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4; position: relative; z-index: 30; } .about-page .s1-text p{ margin-bottom: 24px; text-align: justify; } .about-page .s1-li{ list-style: none; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4; position: relative; padding-left: 28px; margin-bottom: 22px; } .about-page .s1-ul{ margin-top: 62px; } .about-page .s1-li::before{ position: absolute; content: ""; top: 8px; left: 0; width: 7px; height: 7px; border-radius: 50%; background-color: #c648c6; } /* END SECTION ONE */ /* END ABOUT PAGE ==================*/ /*======================= ACKNOWLEDGEMENT PAGE */ .acknowledgement-page .container { padding-left: 98px; padding-right: 98px; } .compensate-for-scrollbar { margin-right: 0 !important; } /* SECTION ONE */ .section-one.acknowledgement-page { background-color: #e8e8e8; } .acknowledgement-page .container-s1 { padding-top: 80px; padding-bottom: 60px; position: relative; } .acknowledgement-page .title-big { font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .acknowledgement-page .way { display: flex; align-items: center; margin-top: 10px; } .acknowledgement-page .breadcrumb { margin: 0; padding: 0; background: none; } .acknowledgement-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .acknowledgement-page .breadcrumb .active a { text-decoration: none !important; } .acknowledgement-page .breadcrumb-item a { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .acknowledgement-page .s1-text{ margin-top: 35px; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; } /* END SECTION ONE */ /* SECTION TWO */ .section-two.acknowledgement-page { background-color: #efefef; } .acknowledgement-page .container-s2{ padding-top: 70px; padding-bottom: 15px; position: relative; } .acknowledgement-page .slider-acknowledgement{ width: 100%; min-height: 275px; height: auto; } .acknowledgement-page .row-s2{ margin: 0; } .acknowledgement-page .acknowledgement-img-wrap{ position: absolute; bottom: 20px; right: -133px; width: 379px; height: 350px; } .logo-img-wrap{ position: relative; z-index: 5; max-width: 100%; } .logo-img-wrap .row{ justify-content: center; } .logo-img-wrap img{ display: block; max-width: 130px; margin: 10px 0; } .clients-logo-wrap:nth-child(1) .clients-logo, .clients-logo-wrap:nth-child(2) .clients-logo, .clients-logo-wrap:nth-child(3) .clients-logo, .clients-logo-wrap:nth-child(4) .clients-logo{ max-width: 228px; } .clients-logo-wrap{ display: flex; justify-content: center; } .acknowledgement-page .acknowledgement-img{ max-width: 100%; height: auto; display: block; } .acknowledgement-page .col-s2{ padding: 0; } .acknowledgement-page .item-feedback p{ text-align: justify; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: italic; font-size: 14px; line-height: 1.8; } .acknowledgement-page .item-feedback{ margin-left: 30px; margin-right: 70px; } /* owl nav */ .acknowledgement-page .slider-acknowledgement .owl-nav { margin-top: -100%; } .acknowledgement-page .slider-acknowledgement .nav-btn { height: 22px; width: 12px; position: absolute; top: 138px; cursor: pointer; z-index: 1000; display: flex; justify-content: center; align-items: center; } .acknowledgement-page .slider-acknowledgement .nav-btn:hover .arrow-svg { fill: #b91bd8; } .acknowledgement-page .slider-acknowledgement .arrow-svg{ fill: #2b2232; width: 12px; height: 22px; } .acknowledgement-page .slider-acknowledgement .prev-slide{ z-index: 15; transform: rotate(180deg); left: -15px; } .acknowledgement-page .slider-acknowledgement .next-slide{ z-index: 15; right: 32px; } /* END SECTION TWO */ /* SECTION THREE */ .section-three.acknowledgement-page { background-color: #e8e8e8; } .acknowledgement-page .container-s3{ padding-top: 80px; padding-bottom: 70px; } .acknowledgement-page .col-s3{ margin-bottom: 0; } .acknowledgement-page .col-s3-content-wrap{ cursor: pointer; position: relative; z-index: 1; } .acknowledgement-page .col-s3-content-wrap__img{ position: relative; min-height: 305px; } .acknowledgement-page .col-s3-content-wrap__img::before{ position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: #60206f; opacity: 0; z-index: 2; } .acknowledgement-page .col-s3-content-wrap__img::after{ position: absolute; content: ""; width: 47px; height: 47px; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background: url("../../../../../../local/templates/main/img/acknowledgement/icon.png") center no-repeat; -webkit-background-size: cover; background-size: cover; opacity: 0; z-index: 3; } .acknowledgement-page .col-s3-content-wrap__img-file{ max-width: 100%; height: auto; display: block; margin: auto; box-shadow: 0 0 7px rgb(0,0,0,.1); } .acknowledgement-page .col-s3-content-wrap__text{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 16px; color: #000000; margin-top: 20px; margin-bottom: 0px; line-height: 1; padding: 15px 0 10px 0; border-top: 2px solid #a039b9; } .acknowledgement-page .col-s3-content-wrap__link{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #a939bf; text-decoration: underline !important; } .acknowledgement-page .col-s3-content-wrap:hover .col-s3-content-wrap__text{ font-weight: 300; } .acknowledgement-page .col-s3-content-wrap:hover .col-s3-content-wrap__link{ font-weight: 700; } .acknowledgement-page .col-s3-content-wrap:hover>.col-s3-content-wrap__img::before{ opacity: 0.6; } .acknowledgement-page .col-s3-content-wrap:hover>.col-s3-content-wrap__img::after{ opacity: 1; } .acknowledgement-page .load-more{ font-size: 16px; letter-spacing: 2.4px; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; display: flex; justify-content: center; align-items: center; width: 292px; height: 42px; margin: 9px auto 0; background-color: #a939bf; border: 1px solid #a939bf; border-radius: 4px; transition: background-color 0.2s linear; } .acknowledgement-page .load-more:hover{ color: #ffffff; background-color: #31253d; } .sertificat-container .title-big{ margin:0 0 20px; } .s-text-sertificat{ color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; padding: 0 0 10px; } .s-text-sertificat p{ margin: 0 0 20px; } .card-sertificat{ width: 100%; padding: 0 15px; } .sertificat-slider{ margin: 0 -15px; } .sertificat-arrows{ font-size: 0; text-align: right; } .sertificat-arrows .slick-arrow{ display: inline-block; vertical-align: top; padding: 0; border: none; background: transparent; margin: 0 0 20px; } .sertificat-arrows .slick-arrow .arrow-svg{ fill: #a534bb; } .sertificat-arrows .slick-arrow:hover .arrow-svg{ fill: #a534bb; } .sertificat-arrows .slick-prev{ outline: none !important; } .sertificat-arrows .slick-next{ margin: 0 0 0 40px; transform: rotateY(180deg); outline: none !important; } .sertificat-arrows .slick-disabled{ opacity: 0; } .sertificat-container{ position: relative; } .sertificat-container:after{ content: ""; position: absolute; top: 210px; right: -213px; z-index: 5; width: 183px; height: 137px; background-image: url("../../../../../../local/templates/main/img/acknowledgement/pattern-sertificat.png"); } /* END SECTION THREE */ /* END ACKNOWLEDGEMENT PAGE ==========================*/ /* ARTICLE PAGE ================*/ .article-page .container { padding-left: 98px; padding-right: 98px; } /* SECTION ONE */ .section-one.article-page{ background-color: #e8e8e8; } .article-page .container-s1 { padding-top: 80px; padding-bottom: 25px; position: relative; } .article-page .container-s1::before { position: absolute; bottom: -22px; left: 89px; content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #e8e8e8; z-index: 5; } .article-page .title-big { font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .article-page .title-medium { font-family: gilroyExtraBold, sans-serif; font-size: 16px; color: #201728; text-transform: uppercase; line-height: 1; } .article-page .title-small { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #201728; text-transform: uppercase; line-height: 1; font-weight: 700; } .article-page .text-big { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #201728; line-height: 1.6; } .article-page .text-small-grey { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 12px; color: #8b888d; line-height: 1.7; text-align: justify; } .article-page .way { display: flex; align-items: center; margin-top: 10px; } .article-page .breadcrumb { margin: 0; padding: 0; background: none; } .article-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .article-page .breadcrumb .active a { text-decoration: none !important; } .article-page .breadcrumb-item a { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .article-page .s1-title__links{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 12px; color: #ffffff; letter-spacing: 0.6px; line-height: 0.7; padding: 1px 12px; background-color: #af4ac3; margin-right: 4px; } .article-page .s1-title__links:hover{ color: #ffffff; background-color: #492958; } .article-page .page-title{ margin-bottom: 35px; } .article-page .s1-title{ margin-bottom: 19px; } .article-page .article{ margin-bottom: 15px; } .article-page .s1-title__right{ margin-bottom: 42px; } .article-page .s1-related-news{ margin-top: 123px; } .article-page .article__img{ float: right; max-width: 100%; height: auto; display: block; margin-right: -458px; margin-top: -56px; padding-top: 4px; padding-left: 38px; padding-bottom: 4px; } .article-page .article p{ text-align: justify; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.75; color: #2d2535; } /* END SECTION ONE */ /* SECTION TWO */ .article-page .container-s2{ } .article-page .slider-s2{ width: 100%; height: 388px; } .article-page .news-item{ width: 100%; max-width: 334px; margin: 0; padding: 70px 12px 30px; height: 100%; min-height: 388px; justify-content: space-between; display: flex; flex-direction: column; } .article-page .slide-content{ display: flex; flex-direction: column; width: 100%; } .article-page .news-item__date{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #201728; margin-bottom: 5px; } .article-page .news-item__title{ margin-bottom: 20px; } .article-page .news-item__text{ margin-bottom: 26px; } .article-page .news-item__link{ font-family: 'Open Sans', sans-serif; font-weight: 400; color: #c648c6; font-size: 14px; /*letter-spacing: 1.4px;*/ /*text-transform: uppercase;*/ padding-left: 36px; position: relative; } .article-page .news-item__link:hover{ color: #492958; } .article-page .news-item__link::before{ position: absolute; content: ""; left: 10px; top: 45%; transform: translateX(-50%); width: 16px; height: 4px; background: url("../../../../../../local/templates/main/img/article/arrow-back.png") center no-repeat; -webkit-background-size: cover; background-size: cover; } .article-page .news-item--bg-grey{ background-color: #eeeeee; } /* owl nav */ .article-page .slider-s2 .owl-nav { margin-top: -100%; } .article-page .slider-s2 .nav-btn { height: 22px; width: 12px; position: absolute; top: 210px; cursor: pointer; z-index: 1000; display: flex; justify-content: center; align-items: center; } .article-page .slider-s2 .nav-btn:hover .arrow-svg { fill: #b91bd8; } .article-page .slider-s2 .arrow-svg{ fill: #2b2232; width: 12px; height: 22px; } .article-page .slider-s2 .prev-slide{ z-index: 15; transform: rotate(180deg); left: -44px; } .article-page .slider-s2 .next-slide{ z-index: 15; right: -44px; } /* END SECTION TWO */ /* END ARTICLE PAGE ===================*/ /* CERTIFICATES PAGE ====================*/ .certificates-page .container{ padding-left: 98px; padding-right: 98px; } .compensate-for-scrollbar { margin-right: 0 !important; } /* SECTION ONE */ .section-one.certificates-page{ background-color: #e8e8e8; } .certificates-page .container-s1{ padding-top: 80px; padding-bottom: 85px; position: relative; } .certificates-page .container-s1::after{ position: absolute; content: ""; bottom: -60px; right: 0px; z-index: 1; width: 555px; height: 482px; background-size: cover; background: url("../../../../../../local/templates/main/img/certificates/img-1.png") center no-repeat; } .certificates-page .title-big{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .certificates-page .way{ display: flex; align-items: center; margin-top: 10px; } .certificates-page .breadcrumb{ margin: 0; padding: 0; background: none; } .certificates-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .certificates-page .breadcrumb .active a{ text-decoration: none !important; } .certificates-page .breadcrumb-item a{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .certificates-page .s1-text{ margin-top: 90px; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4; position: relative; z-index: 30; } .certificates-page .s1-text p{ margin-bottom: 20px; } .certificates-page .row-s1{ margin: 0; } .certificates-page .col-s1{ padding: 0; } /* END SECTION ONE */ /* SECTION TWO */ .section-two.certificates-page{ background-color: #e8e8e8; } .certificates-page .container-s2{ padding-top: 45px; padding-bottom: 10px; } .certificates-page .col-s2{ margin-bottom: 30px; } .certificates-page .col-s2-content-wrap{ cursor: pointer; position: relative; z-index: 1; } .certificates-page .col-s2-content-wrap__img{ position: relative; } .certificates-page .col-s2-content-wrap__img::before{ position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: #60206f; opacity: 0; z-index: 2; } .certificates-page .col-s2-content-wrap__img::after{ position: absolute; content: ""; width: 47px; height: 47px; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background: url("../../../../../../local/templates/main/img/certificates/icon.png") center no-repeat; -webkit-background-size: cover; background-size: cover; opacity: 0; z-index: 3; } .certificates-page .col-s2-content-wrap__img-file{ max-width: 100%; height: auto; display: block; margin: auto; max-height: 150px; } .certificates-page .col-s2-content-wrap__text{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #000000; margin-top: 26px; margin-bottom: 0px; line-height: 1; } .certificates-page .col-s2-content-wrap__link{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #a939bf; text-decoration: underline !important; } .certificates-page .col-s2-content-wrap:hover .col-s2-content-wrap__text{ font-weight: 700; } .certificates-page .col-s2-content-wrap:hover .col-s2-content-wrap__link{ font-weight: 700; } .certificates-page .col-s2-content-wrap:hover>.col-s2-content-wrap__img::before{ opacity: 0.6; } .certificates-page .col-s2-content-wrap:hover>.col-s2-content-wrap__img::after{ opacity: 1; } .certificates-page .load-more{ font-size: 16px; letter-spacing: 2.4px; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; display: flex; justify-content: center; align-items: center; width: 292px; height: 42px; margin: 9px auto 0; background-color: #a939bf; border: 1px solid #a939bf; border-radius: 4px; transition: background-color 0.2s linear; } .certificates-page .load-more:hover{ color: #ffffff; background-color: #31253d; } /* END SECTION TWO */ /* END CERTIFICATES PAGE ========================*/ /* CONTACT PAGE ===============*/ .contact-form-input::-webkit-input-placeholder { color: #a1a1a1; text-align: left; letter-spacing: 1px; } /* WebKit, Blink, Edge */ .contact-form-input:-moz-placeholder { color: #a1a1a1; text-align: left; letter-spacing: 1px; } /* Mozilla Firefox 4 to 18 */ .contact-form-input::-moz-placeholder { color: #a1a1a1; text-align: left; letter-spacing: 1px; } /* Mozilla Firefox 19+ */ .contact-form-input:-ms-input-placeholder { color: #a1a1a1; text-align: left; letter-spacing: 1px; } /* Internet Explorer 10-11 */ .contact-form-input::-ms-input-placeholder { color: #a1a1a1; text-align: left; letter-spacing: 1px; } /* HEADER */ .header.contact-page { background: url("../../../../../../local/templates/main/img/contact/contact-bg.jpg") center no-repeat; background-size: cover; } /* SECTION ONE */ .section-one.contact-page{ background-color: #e8e8e8; } .contact-page .container-s1 { padding: 80px 98px 17px; position: relative; } .contact-page .container-s1::before { position: absolute; bottom: -22px; left: 89px; content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #e8e8e8; } .contact-page .title-big { font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .contact-page .way { display: flex; align-items: center; margin-top: 10px; } .contact-page .breadcrumb { margin: 0; padding: 0; background: none; } .contact-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .contact-page .breadcrumb .active a { text-decoration: none !important; } .contact-page .breadcrumb-item a { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .contact-page .contacts-form { display: flex; width: 100%; flex-wrap: wrap; } .contact-page .contacts-block { display: flex; flex-direction: column; width: 41.63%; margin-top: 90px; } .contact-page .form-block { display: flex; flex-direction: column; width: 58.36%; } .contact-page .contacts-block__ul { width: 100%; } .contact-page .contacts-block__li { list-style: none; width: 100%; padding: 0 0 0 65px; position: relative; margin-bottom: 26px; } .contact-page .title-small { font-family: gilroyExtraBold, sans-serif; font-size: 14px; color: #201728; text-transform: uppercase; line-height: 0.7; } .contact-page .contacts-text { /*font-family: gilroyLight, sans-serif;*/ font-size: 15px; color: #201728; margin-top: 5px; font-family: 'Open Sans', sans-serif; } .contact-page .contacts-block__li--phone::before { position: absolute; content: ""; top: -10px; left: 0; width: 50px; height: 35px; background: url("../../../../../../local/templates/main/img/modal/phone-2.png") center no-repeat; background-size: auto; } .contact-page .contacts-block__li--envelope::before { position: absolute; content: ""; top: -10px; left: 0; width: 50px; height: 35px; background: url("../../../../../../local/templates/main/img/modal/email-2.png") center no-repeat; background-size: auto; } .contact-page .contacts-block__li--marker::before { position: absolute; content: ""; top: -10px; left: 0; width: 50px; height: 35px; background: url("../../../../../../local/templates/main/img/modal/marker-2.png") center no-repeat; background-size: auto; } .contact-page .form-block { padding: 0 45px 0 0; } .contact-page .form-block__form { margin-top: 31px; width: 100%; display: flex; flex-direction: column; } .contact-page .form-row { margin: 0; } .contact-page .col-form-one, .contact-page .col-form-two, .contact-page .col-form-three, .contact-page .col-form-four { padding-left: 0 !important; } .col-form-three .form-group{ width: 100%; } .form-control{ background-color: #fff !important; background-clip: padding-box !important; border: 1px solid #abaaab; border-radius: .25rem !important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important; font-size: 14px !important; } .custom-file{ border: none !important; } label{ border-color: #abaaab !important; } textarea.form-control{ height: auto; font-size: 13px !important; } .custom-file-label{ color: #abaaab !important; } .custom-file-label::after{ color: #abaaab !important; } .contact-input-new{ letter-spacing: normal; margin-bottom: 15px; text-align: left; font-weight: 400; font-size: 14px; font-family: 'Open Sans', sans-serif; width: 100%; max-width: 265px; height: 35px; padding-left: 15px; display: flex; align-items: center; background-color: #fff; background-clip: padding-box; border: 1px solid #abaaab; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .contact-page .contact-form-input { width: 100%; max-width: 265px; height: 35px; padding-left: 15px; display: flex; align-items: center; /*border: none;*/ font-family: 'Open Sans', sans-serif; /*font-size: 14px;*/ /*text-transform: uppercase;*/ margin-bottom: 15px; text-align: left; font-weight: 400; font-size: 1rem; color: #a1a1a1 !important; letter-spacing: normal !important; } .contact-page .input-long { max-width: unset; } .contact-page .contact-form-input--comment { max-width: unset; height: 150px; align-items: flex-start; padding-top: 10px; color: #cccccc; } .contact-page .col-form-three { display: flex; } .contact-page .img-input-wrap { height: 100%; } .contact-page .img-input { max-width: 100%; height: auto; display: block; padding-left: 13px; padding-top: 15px; } .contact-page .contact-form-input--question { max-width: 154px; height: 44px; } .contact-page .col-form-four { display: flex; justify-content: flex-end; } .contact-page .contacts-send-btn { height: 35px; width: 236px; border: none; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 16px; letter-spacing: normal; text-transform: capitalize; display: flex; align-items: center; justify-content: center; background-color: #a939bf; cursor: pointer; transition: background-color 0.2s linear; border-radius: 4px; } .contact-page .contacts-send-btn:hover { color: #ffffff; background-color: #803792; } /* END SECTION ONE */ /* SECTION TWO */ .section-two.contact-page{ background-color: #f4f4f4; } .contact-page .container-s2 { padding: 40px 98px 25px; } .contact-page .s2-content-wrap { display: flex; flex-direction: row; align-items: center; } .contact-page .title-big--managers{ line-height: 1; display: flex; align-items: center; padding-right: 76px; height: 130px; border-right: 1px solid #492957; } .contact-page .managers-wrap{ display: flex; } .contact-page .managers{ display: flex; align-items: center; margin-left: 40px; } .contact-page .managers:last-child{ margin-left: 118px; } .contact-page .manager-img-wrap{ width: 156px; height: 156px; display: flex; justify-content: center; align-items: center; padding: 5px; border-radius: 50%; border: 1px solid #a939bf; margin-right: 28px; } .contact-page .manager-img{ max-width: 100%; height: auto; display: block; } /* END SECTION TWO */ /* SECTION THREE */ .section-three.contact-page{ background-color: #31253d; } .contact-page .container-s3{ padding: 45px 128px 44px 92px; } .contact-page .s3-content-wrap{ margin: 0; } .contact-page .s3-btn{ padding: 0 10px; } .contact-page .s3-btn-wrap { position: relative; } .contact-page .s3-link { position: relative; width: 100%; height: 50px; background-color: #a939bf; cursor: pointer; color: #ffffff; border-radius: 0; display: flex; align-items: center; /*letter-spacing: 2.4px;*/ /*text-transform: uppercase;*/ font-size: 17px; border: 1px solid #a939bf; transition: background-color 0.2s linear; line-height: 1; font-family: 'Open Sans', sans-serif; justify-content: center; } .contact-page .s3-link:hover{ background-color: #492957; color: #ffffff; } .contact-page .s3-btn-wrap__tech .s3-link{ background-color: #492957; } .contact-page .s3-btn-img--mod-1{ /*left: 36px;*/ } .contact-page .s3-btn-img--mod-2{ /*left: 36px;*/ } .contact-page .s3-btn-img--mod-3{ /*left: 36px;*/ } .contact-page .s3-link--mod-1{ /*padding-left: 90px;*/ } .contact-page .s3-link--mod-2{ /*padding-left: 87px;*/ } .contact-page .s3-link--mod-3{ /*padding-left: 87px;*/ text-transform: none; } .contact-page .s3-btn-img{ /*position: absolute; top: 50%; transform: translateY(-50%);*/ margin-right: 10px; } .contact-page .col-s3{ padding: 0; } /* END SECTION THREE */ /* SECTION FOUR */ .section-four.contact-page{ width: 100%; height: 500px; } /* END SECTION FOUR */ /* END CONTACT PAGE ====================*/ /* MISSION PAGE ================*/ .mission-page .container{ padding-left: 98px; padding-right: 98px; } /* SECTION ONE */ .section-one.mission-page { background-color: #e8e8e8; } .mission-page .container-s1{ padding-top: 80px; padding-bottom: 74px; position: relative; } .mission-page .container-s1::after{ position: absolute; content: ""; bottom: -73px; right: -198px; z-index: 1; width: 691px; height: 751px; background-size: cover; background: url("../../../../../../local/templates/main/img/mission/img-1.png") center no-repeat; } .mission-page .title-big{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .mission-page .title-small{ font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; line-height: 1.4; color: #201728; text-transform: uppercase; } .mission-page .way{ display: flex; align-items: center; margin-top: 10px; } .mission-page .breadcrumb{ margin: 0; padding: 0; background: none; } .mission-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .mission-page .breadcrumb .active a{ text-decoration: none !important; } .mission-page .breadcrumb-item a{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .mission-page .s1-text{ margin-top: 40px; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; position: relative; z-index: 30; } .mission-page .s1-text p{ margin-bottom: 17px; } .mission-page .s1-text-title{ margin-top: 38px; } /* END SECTION ONE */ /* SECTION TWO */ .section-two.mission-page { background-color: #31253d; position: relative; z-index: 10; } .mission-page .container-s2{ padding-top: 45px; padding-bottom: 60px; } .mission-page .s2-content-wrap{ display: flex; flex-direction: column; align-items: center; } .mission-page .s2-img-wrap{ margin-bottom: 17px; } .mission-page .s2-img{ max-width: 100%; height: auto; display: block; } .mission-page .s2-content{ padding: 0 67px; display: flex; flex-direction: column; align-items: center; position: relative; margin: 0 30px; min-height: 191px; } .mission-page .s2-content::before{ position: absolute; content: ""; left: 0; top: 0; width: 29px; height: 191px; background: url("../../../../../../local/templates/main/img/mission/bracket-left.png") center no-repeat; background-size: cover; } .mission-page .s2-content::after{ position: absolute; content: ""; right: 0; top: 0; width: 29px; height: 191px; background: url("../../../../../../local/templates/main/img/mission/bracket-right.png") center no-repeat; background-size: cover; } .mission-page .s2-content__title{ margin-top: 14px; margin-bottom: 25px; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; color: #ffffff; text-align: center; line-height: 0.7; } .mission-page .s2-content__text{ margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #ffffff; line-height: 1.4; } /* END SECTION TWO */ /* SECTION THREE */ .section-three.mission-page{ background-color: #e8e8e8; } .mission-page .container-s3{ padding-top: 48px; padding-bottom: 48px; } .mission-page .s3-title{ margin-bottom: 40px; } .mission-page .s3-title__text{ margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #000; line-height: 1.4; } /* END SECTION THREE */ /* SECTION FOUR */ .section-four.mission-page{ background-color: #efefef; } .mission-page .container-s4{ padding-top: 20px; padding-bottom: 28px; } .mission-page .s4-title, .mission-page .s4-subtitle{ text-align: center; } .mission-page .hex-wrap{ display: flex; flex-direction: row; justify-content: space-between; margin: 43px 190px 49px; } .mission-page .hex-outer{ width: 168px; height: 144px; position: relative; } .mission-page .hex{ width: 168px; height: 144px; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 16; overflow: hidden; } .mission-page .hex-title{ font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; line-height: 1.4; color: #000; text-transform: uppercase; text-align: center; position: relative; z-index: 50; transition: color 1s linear; } .mission-page .hex-text{ margin-bottom: 1px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #000; line-height: 1.4; text-transform: uppercase; text-align: center; position: relative; z-index: 50; transition: color 1s linear; } .mission-page .hex-outer-one::before{ position: absolute; content: ""; top: -25px; left: -104px; width: 334px; height: 126px; background-size: contain; background: url("../../../../../../local/templates/main/img/mission/g1.png") center no-repeat; z-index: 15; } .mission-page .hex-outer-two::before{ position: absolute; content: ""; top: -20px; left: -29px; width: 255px; height: 176px; background-size: contain; background: url("../../../../../../local/templates/main/img/mission/g2.png") center no-repeat; z-index: 15; } .mission-page .hex-outer-three::before{ position: absolute; content: ""; top: 4px; left: -10px; width: 286px; height: 180px; background-size: contain; background: url("../../../../../../local/templates/main/img/mission/g4.png") center no-repeat; z-index: 15; } .mission-page .hex:hover .span-hex{ opacity: 0; transition: 1s; background: #a939be; } /* hex border */ .mission-page .span-hex{ z-index: 20; background-color: #a939be; position: absolute; } .mission-page .span-top{ width: 85px; height: 5px; top: 0; left: 50%; transform: translateX(-50%); } .mission-page .span-bottom{ width: 85px; height: 5px; bottom: 0; left: 50%; transform: translateX(-50%); } .mission-page .span-top-left{ width: 82px; height: 5px; top: 35px; left: -18px; transform: rotate(-60deg); } .mission-page .span-top-right{ width: 82px; height: 5px; top: 35px; right: -18px; transform: rotate(60deg); } .mission-page .span-bottom-left{ width: 82px; height: 5px; bottom: 35px; left: -18px; transform: rotate(60deg); } .mission-page .span-bottom-right{ width: 82px; height: 5px; bottom: 35px; right: -18px; transform: rotate(-60deg); } /* hex run-border */ .mission-page .hex-inner{ position: relative; width: 100%; height: 100%; overflow: hidden; } .mission-page .hex-top{ position: absolute; z-index: 21; width: 85px; height: 5px; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; } .mission-page .hex-top-right{ position: absolute; z-index: 21; width: 82px; height: 5px; top: 35px; right: -18px; transform: rotate(60deg); opacity: 0; } .mission-page .hex-bottom-right{ position: absolute; z-index: 21; width: 82px; height: 5px; bottom: 35px; right: -18px; transform: rotate(-60deg); opacity: 0; } .mission-page .hex-bottom{ position: absolute; z-index: 21; width: 85px; height: 5px; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; } .mission-page .hex-bottom-left{ position: absolute; z-index: 21; width: 82px; height: 5px; bottom: 35px; left: -18px; transform: rotate(60deg); opacity: 0; } .mission-page .hex-top-left{ position: absolute; z-index: 21; width: 82px; height: 5px; top: 35px; left: -18px; transform: rotate(-60deg); opacity: 0; } .mission-page .span-hex-inner{ z-index: 20; background: linear-gradient(90deg, transparent, #a939be); position: absolute; } .mission-page .span-top-inner{ width: 85px; height: 5px; top: 0; left: -100%; } .mission-page .span-top-right-inner{ width: 82px; height: 5px; top: 0; left: -100%; } .mission-page .span-bottom-right-inner{ width: 82px; height: 5px; top: 0; right: -100%; background: linear-gradient(-90deg, transparent, #a939be); } .mission-page .span-bottom-inner{ width: 85px; height: 5px; top: 0; right: -100%; background: linear-gradient(-90deg, transparent, #a939be); } .mission-page .span-bottom-left-inner{ width: 82px; height: 5px; top: 0; right: -100%; background: linear-gradient(-90deg, transparent, #a939be); } .mission-page .span-top-left-inner{ width: 82px; height: 5px; top: 0; left: -100%; } .mission-page .hex:hover .hex-top, .mission-page .hex:hover .hex-top-right, .mission-page .hex:hover .hex-bottom-right, .mission-page .hex:hover .hex-bottom, .mission-page .hex:hover .hex-bottom-left, .mission-page .hex:hover .hex-top-left{ opacity: 1; } .mission-page .hex:hover>.hex-top>.hex-inner>.span-top-inner{ left: 100%; /*transition-delay: 1s;*/ -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; } .mission-page .hex:hover>.hex-top-right>.hex-inner>.span-top-right-inner{ left: 100%; -webkit-transition: 0.5s; -webkit-transition-delay: 0.15s; -o-transition: 0.5s; -o-transition-delay: 0.15s; -moz-transition: 0.5s; -moz-transition-delay: 0.15s; transition: 0.5s; transition-delay: 0.15s; } .mission-page .hex:hover>.hex-bottom-right>.hex-inner>.span-bottom-right-inner{ right: 100%; -webkit-transition: 0.5s; -webkit-transition-delay: 0.3s; -o-transition: 0.5s; -o-transition-delay: 0.3s; -moz-transition: 0.5s; -moz-transition-delay: 0.3s; transition: 0.5s; transition-delay: 0.3s; } .mission-page .hex:hover>.hex-bottom>.hex-inner>.span-bottom-inner{ right: 100%; -webkit-transition: 0.5s; -webkit-transition-delay: 0.45s; -o-transition: 0.5s; -o-transition-delay: 0.45s; -moz-transition: 0.5s; -moz-transition-delay: 0.45s; transition: 0.5s; transition-delay: 0.45s; } .mission-page .hex:hover>.hex-bottom-left>.hex-inner>.span-bottom-left-inner{ right: 100%; -webkit-transition: 0.5s; -webkit-transition-delay: 0.6s; -o-transition: 0.5s; -o-transition-delay: 0.6s; -moz-transition: 0.5s; -moz-transition-delay: 0.6s; transition: 0.5s; transition-delay: 0.6s; } .mission-page .hex:hover>.hex-top-left>.hex-inner>.span-top-left-inner{ left: 100%; -webkit-transition: 0.5s; -webkit-transition-delay: 0.75s; -o-transition: 0.5s; -o-transition-delay: 0.75s; -moz-transition: 0.5s; -moz-transition-delay: 0.75s; transition: 0.5s; transition-delay: 0.75s; } /* hex-background */ .mission-page .hex-background-wrap{ position: absolute; top: 44px; left: 13px; width: 100%; height: 100%; z-index: 22; } .mission-page .hex-background { width: 145px; height: 55px; background: #a939be; position: relative; transform: rotate(90deg); opacity: 0; transition: opacity 1s linear; } .mission-page .hex-background::before { content: ""; position: absolute; top: -56px; left: -29px; width: 0; height: 0; border-left: 101px solid transparent; border-right: 101px solid transparent; border-bottom: 60px solid #a939be; } .mission-page .hex-background::after { content: ""; position: absolute; bottom: -56px; left: -29px; width: 0; height: 0; border-left: 101px solid transparent; border-right: 101px solid transparent; border-top: 60px solid #a939be; } .mission-page .hex-outer-one:hover>.hex>.hex-title, .mission-page .hex-outer-one:hover>.hex>.hex-text, .mission-page .hex-outer-two:hover>.hex>.hex-title, .mission-page .hex-outer-two:hover>.hex>.hex-text, .mission-page .hex-outer-three:hover>.hex>.hex-title, .mission-page .hex-outer-three:hover>.hex>.hex-text { color: #ffffff; } .mission-page .hex-outer-one:hover>.hex>.hex-background-wrap>.hex-background, .mission-page .hex-outer-two:hover>.hex>.hex-background-wrap>.hex-background, .mission-page .hex-outer-three:hover>.hex>.hex-background-wrap>.hex-background { opacity: 1; -webkit-transition-delay: 0.75s; -o-transition-delay: 0.75s; -moz-transition-delay: 0.75s; transition-delay: 0.75s; } /* END SECTION FOUR */ /* SECTION FIVE */ .section-five.mission-page { background-color: #e8e8e8; } .mission-page .container-s5{ padding-top: 45px; padding-bottom: 70px; } .mission-page .s5-text{ margin-bottom: 61px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #000; line-height: 1.4; } /* END SECTION FIVE */ /* END MISSION PAGE ===================*/ /* NEWS PAGE =============*/ .news-page .container { padding-left: 98px; padding-right: 98px; } /* SECTION ONE */ .section-one.news-page{ background-color: #e8e8e8; } .news-page .container-s1 { padding-top: 80px; padding-bottom: 58px; position: relative; } .news-page .container-s1::before { position: absolute; bottom: -22px; left: 89px; content: ""; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #e8e8e8; z-index: 5; } .news-page .container-s1::after { position: absolute; bottom: 0; right: -10px; content: ""; width: 598px; height: 365px; background: url("../../../../../../local/templates/main/img/news/s1-bg.png") center no-repeat; background-size: cover; } .news-page .title-big { font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .news-page .title-medium { font-family: gilroyExtraBold, sans-serif; font-size: 16px; color: #201728; text-transform: uppercase; line-height: 1; } .news-page .title-small { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #201728; text-transform: uppercase; line-height: 1; font-weight: 700; } .news-page .text-big { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #201728; line-height: 1.6; } .news-page .text-small { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #201728; line-height: 1.7; text-align: justify; } .news-page .text-small-grey { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #8b888d; line-height: 1.7; text-align: justify; } .news-page .way { display: flex; align-items: center; margin-top: 10px; } .news-page .breadcrumb { margin: 0; padding: 0; background: none; } .news-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .news-page .breadcrumb .active a { text-decoration: none !important; } .news-page .breadcrumb-item a { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .news-page .main-news-wrap{ margin-top: 38px; } .news-page .main-news-wrap__title-one{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #201728; line-height: 1.4; padding: 0 0 4px; } .news-page .main-news-wrap__title-one .line-b{ margin: 0 18px; color: #000; font-weight: 300; } .news-page .main-news-wrap__title-one .date-b{ color: #000; font-weight: 300; } .news-page .main-news-wrap__title-one span{ font-weight: 400; color: #a039b9; } .news-page .main-news-wrap__article{ text-align: justify; margin-bottom: 45px; margin-top: 26px; line-height: 1.75; } .news-page .main-news-wrap__link{ font-family: 'Open Sans', sans-serif; font-weight: 300; color: #ffffff; font-size: 16px; /*letter-spacing: 2.8px;*/ /*text-transform: uppercase;*/ display: flex; justify-content: center; align-items: center; width: 100%; max-width: 307px; height: 38px; border-radius: 4px; border: 1px solid #a939bf; background-color: #a939bf; z-index: 3; position: relative; } .news-page .main-news-wrap__link:hover{ color: #ffffff; background-color: #492958; } .news-page .row-s1{ margin: 0; } .news-page .col-s1{ padding: 0; } /* END SECTION ONE */ /* SECTION TWO */ .news-page .slider-s2{ width: 100%; height: 388px; } .news-page .news-item{ width: 100%; max-width: 334px; margin: 0; padding: 70px 12px 30px; /*height: 100%;*/ min-height: 388px; justify-content: space-between; display: flex; flex-direction: column; } .news-page .slide-content{ display: flex; flex-direction: column; width: 100%; } .news-page .news-item__date{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #201728; margin-bottom: 5px; } .news-page .news-item__title{ margin-bottom: 20px; } .news-page .news-item__text{ margin-bottom: 26px; } .news-page .news-item__link{ font-family: 'Open Sans', sans-serif; font-weight: 400; color: #c648c6; font-size: 14px; /*letter-spacing: 1.4px;*/ /*text-transform: uppercase;*/ padding-left: 36px; position: relative; } .news-page .news-item__link:hover{ color: #492958; } .news-page .news-item__link::before{ position: absolute; content: ""; left: 10px; top: 45%; transform: translateX(-50%); width: 16px; height: 4px; background: url("../../../../../../local/templates/main/img/news/arrow-details.png") center no-repeat; -webkit-background-size: cover; background-size: cover; } .news-page .news-item--bg-grey{ /*background-color: #eeeeee;*/ } /* owl nav */ .news-page .slider-s2 .owl-nav { margin-top: -100%; } .news-page .slider-s2 .nav-btn { height: 50px; width: 50px; position: absolute; top: 198px; cursor: pointer; z-index: 1000; display: flex; justify-content: center; align-items: center; } .news-page .slider-s2 .nav-btn:hover .arrow-svg { fill: #b91bd8; } .news-page .slider-s2 .arrow-svg{ fill: #2b2232; width: 50px; height: 50px; } .news-page .slider-s2 .prev-slide{ z-index: 15; left: -48px; } .news-page .slider-s2 .next-slide{ z-index: 15; transform: rotate(180deg); right: -48px; } /* END SECTION TWO */ /* SECTION THREE */ .section-three.news-page { background: url("../../../../../../local/templates/main/img/news/s3-bg.png") center repeat-x; background-size: cover; } .news-page .container-s3{ padding-top: 45px; padding-bottom: 35px; } .news-page .s3-title{ display: flex; justify-content: space-between; } .news-page .s3-title__left-title{ margin-bottom: 40px; } .news-page .s3-title__links{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 12px; color: #ffffff; letter-spacing: 0.6px; line-height: 0.7; padding: 1px 12px; background-color: #af4ac3; margin-left: 4px; } .news-page .s3-title__links:hover{ color: #ffffff; background-color: #492958; } .news-page .s3-title__right{ padding-top: 18px; } .news-page .s3-text{ margin-bottom: 38px; } .news-page .news-item--wide { max-width: 668px; } /* END SECTION THREE */ /* SECTION FOUR */ .news-page .container-s4{ padding-bottom: 63px; } .news-page .slider-s4{ width: 100%; display: flex !important; align-items: stretch; /*height: 100%;*/ min-height: 388px; } /* owl nav */ .news-page .slider-s4 .owl-nav { margin-top: -100%; } .news-page .slider-s4 .nav-btn { height: 50px; width: 50px; position: absolute; top: 210px; cursor: pointer; z-index: 1000; display: flex; justify-content: center; align-items: center; } .news-page .slider-s4 .nav-btn:hover .arrow-svg { fill: #b91bd8; } .news-page .slider-s4 .arrow-svg{ fill: #2b2232; width: 50px; height: 50px; } .news-page .slider-s4 .prev-slide{ z-index: 15; left: -48px; } .news-page .slider-s4 .next-slide{ z-index: 15; transform: rotate(180deg); right: -48px; } .news-page .s4__link{ margin: 28px auto 0; } /* END SECTION FOUR */ /* END NEWS PAGE ================*/ /* SERVICE-DETAILS PAGE =======================*/ .service-details-page .container{ padding-left: 98px; padding-right: 98px; } .body-block.service-details-page{ background-color: #e8e8e8; background: url("../../../../../../local/templates/main/img/services-main/body-bg.png") center repeat; background-size: cover; } /* SECTION ONE */ .service-details-page .container-s1{ position: relative; } .service-details-page .s1-content-wrap{ display: flex; } .side-menu{ padding-top: 82px; padding-bottom: 55px; width: 100%; max-width: 250px; background: #f6f6f6; position: relative; /*height: 100%;*/ min-height: 946px; } .side-menu::after{ position: absolute; top: 0; right: 0; width: 5000px; height: 100%; content: ""; background-color: #f6f6f6; z-index: -1; } .close-aside-btn { display: none; justify-content: center; align-items: center; width: 30px; height: 30px; position: fixed; left: 263px; top: 18px; border-radius: 50%; background-color: #f3f3f3; box-shadow: 0 3px 4px -1px grey; cursor: pointer; z-index: 999; } .close-btn-svg { width: 20px; height: 20px; fill: #111212; } .close-aside-btn:hover .close-btn-svg { fill: #a939bf; } .main-section{ width: 100%; padding-top: 0; padding-bottom: 0; } .hidden-title{ display: none; } .aside-btn { display: none; width: 40px; height: 40px; background-color: #fff; border-radius: 3px; border: 3px solid #31253d; justify-content: center; align-items: center; position: fixed; top: 276px; left: -3px; z-index: 100; cursor: pointer; } .aside-btn:hover .arrow-svg { fill: #a939bf; } .arrow-svg { width: 20px; height: 20px; fill: #fff; z-index: 102; } .service-details-page .title-big{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .service-details-page .way{ display: flex; align-items: center; margin-top: 7px; } .service-details-page .breadcrumb{ margin: 0; padding: 0; background: none; } .service-details-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .service-details-page .breadcrumb .active a{ text-decoration: none !important; } .service-details-page .breadcrumb-item a{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .service-details-page .s1-text{ margin-top: 38px; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 1.4; position: relative; z-index: 30; } .service-details-page .s1-text p{ margin-bottom: 24px; text-align: justify; } .ul-side-menu{ margin-top: 35px; } .li-side-menu{ list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0.6px; font-size: 12px; text-transform: uppercase; min-height: 28px; height: auto; display: flex; justify-content: center; flex-direction: column; position: relative; margin-bottom: 7px; } .li-link{ color: #201728; } .li-side-menu:hover .li-link, .li-side-menu .li-link.selected-service{ color: #201728; font-weight: 700; } .li-img-wrap{ position: absolute; top: 2px; left: -52px; width: 21px; height: 21px; } .li-img{ max-width: 100%; height: auto; display: block; } .ul-inner{ display: none; margin-top: 0; padding-left: 19px; } .li-inner{ list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 400; letter-spacing: 0.7px; font-size: 14px; text-transform: none; display: flex; justify-content: center; flex-direction: column; position: relative; /*margin-bottom: 13px;*/ line-height: 1.4; z-index: 1; min-height: 25px; } .li-inner:first-child{ margin-top: 17px; } .li-inner__link{ position: relative; z-index: 1; } .li-inner__link::before{ position: absolute; left: -18px; top: 10px; content: ""; width: 5px; height: 2px; background-color: #c6c5c7; z-index: 1; } .li-inner::after{ position: absolute; right: 0; top: 0; content: ""; width: 5000px; height: 100%; background-color: #fff; z-index: 0; opacity: 0; } .li-inner__link{ color: #c6c5c7; } .li-inner:hover, .li-inner.selected-subservice{ background-color: #ffffff } .li-inner:hover::after, .li-inner.selected-subservice:after{ opacity: 1; } .li-inner:hover .li-inner__link, .li-inner.selected-subservice .li-inner__link{ color: #c648c6; } .open-aside { display: flex; } .hide-open-aside-btn { left: -100% !important; transition: left 300ms linear; } .active-main-menu>.li-link{ color: #201728; font-weight: 700; margin-top: 5px; } .active-main-menu>.ul-inner{ display: block !important; } .active-inner-menu::after{ opacity: 1; } .active-inner-menu{ background-color: #ffffff } .active-inner-menu>.li-inner__link{ color: #c648c6; } /* main section */ .service-details-page .main-section__content-wrap{ margin-top: 115px; } .service-details-page .dash-line-lock::after{ position: absolute; content: ""; height: 1px; width: 5000px; top: 0; left: 0; background: url("../../../../../../local/templates/main/img/data-security/dash-line.png") center repeat-x; background-size: contain; } .service-details-page .dash-line-lock::before{ position: absolute; content: ""; width: 53px; height: 35px; top: -18px; left: 82px; background: url("../../../../../../local/templates/main/img/data-security/lock-top.png") center no-repeat; background-size: 16px 21px; z-index: 97; background-color: #eeeeee; border-radius: 50%; } .service-details-page .b1-title{ font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #201728; text-transform: uppercase; margin-bottom: 10px; margin-top: 4px; } .service-details-page .block-one{ display: flex; flex-direction: column; padding-top: 25px; padding-left: 62px; padding-bottom: 96px; position: relative; } .service-details-page .b1-btns{ display: flex; } .service-details-page .price-btn, .service-details-page .ask-btn{ width: 195px; height: 36px; border-radius: 4px; border: 1px solid #c648c6; background-color: #c648c6; display: flex; justify-content: center; align-items: center; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; text-transform: uppercase; margin-right: 14px; } .service-details-page .price-btn:hover, .service-details-page .ask-btn:hover{ color: #201728; background-color: #eeeeee; } .service-details-page .b1-text{ position: relative; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.45; color: #201728; } .service-details-page .b1-content{ margin-top: 46px; } .service-details-page .b1-ul{ margin-top: 47px; } .service-details-page .b1-li{ position: relative; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1.4px; line-height: 1.2; text-transform: uppercase; list-style: none; margin-bottom: 13px; } .service-details-page .b1-li::before{ position: absolute; content: ""; width: 16px; height: 4px; left: -32px; top: 6px; background: url("../../../../../../local/templates/main/img/services-main/arrow-right.png") center no-repeat; background-size: contain; } .service-details-page .b1-link{ color: #c648c6; } .service-details-page .b1-link:hover{ color: #2c1e3a; } .service-details-page .top-links-wrap{ display: flex; justify-content: space-between; } .service-details-page .top-links__back{ padding-left: 22px; } .service-details-page .top-links__forward{ padding-right: 31px; } .service-details-page .top-links__back, .service-details-page .top-links__forward{ letter-spacing: 0.65px; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; text-decoration: underline !important; color: #c648c6; position: relative; } .service-details-page .top-links__back:hover, .service-details-page .top-links__forward:hover{ color: #c648c6; } .service-details-page .top-links__back::before{ position: absolute; content: ""; width: 16px; height: 4px; top: 50%; transform: translateY(-50%); left: 0; background: url("../../../../../../local/templates/main/img/service-details/arrow-left.png") center no-repeat; -webkit-background-size: contain; background-size: contain; } .service-details-page .top-links__forward::before{ position: absolute; content: ""; width: 16px; height: 4px; top: 50%; transform: translateY(-50%); right: 0; background: url("../../../../../../local/templates/main/img/service-details/arrow-right.png") center no-repeat; -webkit-background-size: contain; background-size: contain; } /* END SECTION ONE */ /* END SERVICE-DETAILS PAGE ===========================*/ /* SERVICE-GENERAL PAGE ===========================*/ .service-general-page .container{ padding-left: 98px; padding-right: 98px; } .body-block.service-general-page{ background-color: #e8e8e8; background: url("../../../../../../local/templates/main/img/services-main/body-bg.png") center repeat; background-size: cover; } /* SECTION ONE */ .service-general-page .container-s1{ position: relative; } .service-general-page .s1-content-wrap{ display: flex; } .service-general-page .main-section{ width: 100%; padding-top: 0; padding-bottom: 0; } .service-general-page .arrow-svg { width: 20px; height: 20px; fill: #fff; z-index: 102; } .service-general-page .title-big{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .service-general-page .way{ display: flex; align-items: center; margin-top: 7px; } .service-general-page .breadcrumb{ margin: 0; padding: 0; background: none; } .service-general-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .service-general-page .breadcrumb .active a{ text-decoration: none !important; } .service-general-page .breadcrumb-item a{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .service-general-page .s1-text{ margin-top: 38px; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 1.4; position: relative; z-index: 30; } .service-general-page .s1-text p{ margin-bottom: 24px; text-align: justify; } /* main section */ .service-general-page .main-section__content-wrap{ margin-top: 115px; } .service-general-page .dash-line-lock::after{ position: absolute; content: ""; height: 1px; width: 5000px; top: 0; left: 0; background: url("../../../../../../local/templates/main/img/data-security/dash-line.png") center repeat-x; background-size: contain; } .service-general-page .dash-line-lock::before{ position: absolute; content: ""; width: 53px; height: 35px; top: -18px; left: 82px; background: url("../../../../../../local/templates/main/img/data-security/lock-top.png") center no-repeat; background-size: 16px 21px; z-index: 97; background-color: #eeeeee; border-radius: 50%; } .service-general-page .b1-title{ font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; color: #201728; text-transform: uppercase; margin-bottom: 10px; } .service-general-page .block-one{ display: flex; flex-direction: column; padding-top: 49px; padding-left: 62px; padding-bottom: 96px; position: relative; } .service-general-page .b1-btns{ display: flex; } .service-general-page .price-btn, .service-general-page .ask-btn{ width: 195px; height: 36px; border-radius: 4px; border: 1px solid #c648c6; background-color: #c648c6; display: flex; justify-content: center; align-items: center; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; text-transform: uppercase; margin-right: 14px; } .service-general-page .price-btn:hover, .service-general-page .ask-btn:hover{ color: #201728; background-color: #eeeeee; } .service-general-page .b1-text{ position: relative; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.45; color: #201728; } .service-general-page .b1-content{ margin-top: 46px; } .service-general-page .b1-ul{ margin-top: 58px; } .service-general-page .b1-li{ position: relative; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: normal; line-height: 1.2; text-transform: uppercase; list-style: none; margin-bottom: 13px; } .service-general-page .b1-li::before{ position: absolute; content: ""; width: 16px; height: 4px; left: -32px; top: 6px; background: url("../../../../../../local/templates/main/img/services-main/arrow-right.png") center no-repeat; background-size: contain; } .service-general-page .b1-link{ color: #c648c6; } .service-general-page .b1-link:hover{ color: #2c1e3a; } /* END SECTION ONE */ /* END SERVICE-GENERAL PAGE ===========================*/ /* SERVICE-GENERAL PAGE ===========================*/ .services-main-page .container{ padding-left: 98px; padding-right: 98px; } .body-block.services-main-page{ background-color: #e8e8e8; } /* SECTION ONE */ .services-main-page .container-s1{ position: relative; } .services-main-page .s1-content-wrap{ display: flex; } .services-main-page .main-section{ width: 100%; padding-top: 0; padding-bottom: 0; } .services-main-page .arrow-svg { width: 20px; height: 20px; fill: #fff; z-index: 102; } .services-main-page .title-big{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 0.7; color: #201728; text-transform: uppercase; } .services-main-page .way{ display: flex; align-items: center; margin-top: 7px; } .services-main-page .breadcrumb{ margin: 0; padding: 0; background: none; } .services-main-page .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #abaaad; } .services-main-page .breadcrumb .active a{ text-decoration: none !important; } .services-main-page .breadcrumb-item a{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; letter-spacing: 0.65px; color: #abaaad; text-decoration: underline !important; } .services-main-page .s1-text{ margin-top: 38px; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 1.4; position: relative; z-index: 30; } .services-main-page .s1-text p{ margin-bottom: 24px; text-align: justify; } /* main section */ .services-main-page .block-one{ position: relative; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #201728; text-transform: uppercase; line-height: 1.3; padding-top: 82px; padding-bottom: 21px; padding-left: 60px; } .services-main-page .dash-line::after{ position: absolute; content: ""; height: 1px; width: 5000px; bottom: 0; left: 0; background: url("../../../../../../local/templates/main/img/services-main/dash-line.png") center repeat-x; background-size: contain; } .services-main-page .block-two{ display: flex; flex-direction: column; align-items: center; padding-top: 12px; padding-left: 60px; padding-bottom: 31px; position: relative; } .services-main-page .b2-img{ max-width: 100%; height: auto; display: block; } .services-main-page .b2-title{ text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #201728; text-transform: uppercase; margin-top: 19px; font-size: 14px; } .services-main-page .b2-content{ padding: 18px 38px; display: flex; flex-direction: column; align-items: center; position: relative; margin: 17px 0 0; min-height: 233px; } .services-main-page .b2-content::before{ position: absolute; content: ""; left: 0; top: 0; max-width: 61px; width: 100%; min-width: 35px; height: 100%; min-height: 233px; background: url("../../../../../../local/templates/main/img/services-main/left-bracket.png") center no-repeat; background-size: contain; } .services-main-page .b2-content::after{ position: absolute; content: ""; right: 0; top: 0; max-width: 61px; width: 100%; min-width: 35px; height: 100%; min-height: 233px; background: url("../../../../../../local/templates/main/img/services-main/right-bracket.png") center no-repeat; background-size: contain; } .services-main-page .b2-content__text{ margin-bottom: 23px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #201728; line-height: 1.4; } .services-main-page .b2-content__text span{ font-weight: 700; } .services-main-page .block-three{ padding-left: 60px; padding-top: 30px; padding-bottom: 47px; position: relative; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4; } .services-main-page .block-three p{ margin-bottom: 5px; } .services-main-page .block-four{ display: flex; flex-direction: column; align-items: center; padding-top: 28px; padding-left: 60px; padding-bottom: 42px; position: relative; background-color: #ededed; } .services-main-page .block-four::before{ position: absolute; background-color: #ededed; width: 5000px; height: 100%; content: ""; left: 0; top: 0; z-index: -1; } .services-main-page .b4-title{ text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #201728; text-transform: uppercase; margin-top: 22px; font-size: 14px; } .services-main-page .b4-content{ padding: 18px 38px; display: flex; flex-direction: column; align-items: center; position: relative; margin: 17px 0 0; min-height: 233px; justify-content: center; } .services-main-page .b4-content::before{ position: absolute; content: ""; left: 0; top: 0; max-width: 61px; width: 100%; min-width: 35px; height: 100%; min-height: 233px; background: url("../../../../../../local/templates/main/img/services-main/left-bracket.png") center no-repeat; background-size: contain; } .services-main-page .b4-content::after{ position: absolute; content: ""; right: 0; top: 0; max-width: 61px; width: 100%; min-width: 35px; height: 100%; min-height: 233px; background: url("../../../../../../local/templates/main/img/services-main/right-bracket.png") center no-repeat; background-size: contain; } .services-main-page .block-five{ display: flex; flex-direction: column; align-items: center; padding-top: 46px; padding-left: 62px; padding-bottom: 12px; position: relative; } .services-main-page .b5-text{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #201728; line-height: 1.45; } .services-main-page .b5-content{ height: 267px; width: 100%; position: relative; display: flex; align-items: center; margin-top: 17px; } .services-main-page .b5-content::after{ position: absolute; content: ""; top: -6px; right: -84px; width: 444px; height: 264px; background: url("../../../../../../local/templates/main/img/services-main/img-3.png") center no-repeat; -webkit-background-size: contain; background-size: contain; } .services-main-page .b5-li{ position: relative; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1.4px; line-height: 1.2; text-transform: uppercase; list-style: none; } .services-main-page .b5-li::before{ position: absolute; content: ""; width: 16px; height: 4px; left: -32px; top: 6px; background: url("../../../../../../local/templates/main/img/services-main/arrow-right.png") center no-repeat; background-size: contain; } .services-main-page .b5-link{ color: #c648c6; } .services-main-page .b5-link:hover{ color: #2c1e3a; } .services-main-page .block-six{ padding-left: 62px; padding-top: 50px; padding-bottom: 30px; position: relative; color: #201728; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.45; } .services-main-page .block-six p{ margin-bottom: 0; } .services-main-page .block-six p span{ font-weight: 700; } .services-main-page .block-seven{ display: flex; flex-direction: column; align-items: center; padding-top: 43px; padding-left: 60px; padding-bottom: 60px; position: relative; background-color: #ededed; } .services-main-page .block-seven::before{ position: absolute; background-color: #ededed; width: 5000px; height: 100%; content: ""; left: 0; top: 0; z-index: -1; } .services-main-page .b7-title{ text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #201728; text-transform: uppercase; margin-top: 29px; /*padding-left: 40px;*/ font-size: 14px; } .services-main-page .b7-content{ padding: 31px 38px 18px; display: flex; flex-direction: column; position: relative; margin: 17px 0 0; min-height: 233px; justify-content: center; width: 100%; } .services-main-page .b7-content::before{ position: absolute; content: ""; left: 0; top: 0; max-width: 61px; width: 100%; min-width: 35px; height: 100%; min-height: 233px; background: url("../../../../../../local/templates/main/img/services-main/left-bracket.png") center no-repeat; background-size: contain; } .services-main-page .b7-content::after{ position: absolute; content: ""; right: 0; top: 0; max-width: 61px; width: 100%; min-width: 35px; height: 100%; min-height: 233px; background: url("../../../../../../local/templates/main/img/services-main/right-bracket.png") center no-repeat; background-size: contain; } .services-main-page .block-eight{ display: flex; flex-direction: column; padding-top: 25px; padding-left: 62px; padding-bottom: 25px; position: relative; } .services-main-page .b8-text{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color: #201728; line-height: 1.45; } .services-main-page .b8-content{ width: 100%; position: relative; display: flex; align-items: center; margin-top: 0; } .services-main-page .b8-li{ position: relative; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1.4px; line-height: 1.2; text-transform: uppercase; list-style: none; margin-bottom: 13px; } .services-main-page .b8-li::before{ position: absolute; content: ""; width: 16px; height: 4px; left: -32px; top: 6px; background: url("../../../../../../local/templates/main/img/services-main/arrow-right.png") center no-repeat; background-size: contain; } .services-main-page .b8-link{ color: #c648c6; } .services-main-page .b8-link:hover{ color: #2c1e3a; } .aside-btn-2 { display: none; height: 45px; width: 26px; background-color: #9b40f7; /* border-radius: 3px; */ /* border: 3px solid #31253d; */ justify-content: center; align-items: center; position: fixed; top: 462px; left: 15px; z-index: 100; cursor: pointer; /*transition: all linear 100ms;*/ } .aside-btn-2::after{ position: absolute; content: ""; transform: rotate(-60deg); width: 100%; height: 100%; top: 0; left: 0; background-color: #9b40f7; } .aside-btn-2::before{ position: absolute; transform: rotate(60deg); width: 100%; height: 100%; top: 0; left: 0; background-color: #9b40f7; content: ""; } .aside-btn-2:hover{ width: 45px; height: 26px; top: 472px; left: 1px; background-color: #a939bf; } .aside-btn-2:hover::after{ background-color: #a939bf; } .aside-btn-2:hover::before{ background-color: #a939bf; } .aside-btn-2:hover .aside-btn-inner{ background-color: #31253d; width: 39px; height: 22px; top: 2px; left: 3px; } .aside-btn-2:hover .aside-btn-inner::before, .aside-btn-2:hover .aside-btn-inner::after{ background-color: #31253d; } .aside-btn-inner{ display: none; height: 39px; width: 22px; background-color: #532a62; justify-content: center; align-items: center; position: absolute; top: 3px; left: 2px; z-index: 101; cursor: pointer; } .aside-btn-inner::after{ position: absolute; content: ""; transform: rotate(-60deg); width: 100%; height: 100%; top: 0; left: 0; background-color: #532a62; } .aside-btn-inner::before{ position: absolute; transform: rotate(60deg); width: 100%; height: 100%; top: 0; left: 0; background-color: #532a62; content: ""; } /* END SECTION ONE */ /* END SERVICE-GENERAL PAGE ===========================*/ /*================ =================*/ /*================= MEDIA QUERY (MQ) ==================*/ /*=============== INDEX PAGE MQ*/ @media (min-width: 1200px) { .index-page .container { max-width: 1200px; } } @media (min-aspect-ratio: 16 / 9) { .index-page .video-file { width: 100%; height: auto; } } @media (max-aspect-ratio: 16 / 9) { .index-page .video-file { width: auto; height: 100%; } } @media (max-width: 1200px) { /* HEADER */ .index-page .bg-video .header { padding-left: 0; padding-right: 0; } /* SECTION TWO */ .index-page .col-phone-placeholder { justify-content: center; } /* SECTION FOUR */ .index-page .container-s4 { padding: 44px 0px 33px 0px; } /* SECTION FIVE */ .index-page .container-s5 { padding: 90px 0 80px; } .index-page .container-s5::after { right: 0; } /* SECTION SEVEN */ .index-page .container-s7 { padding: 80px 0 25px 0; background: url(../../../../../../local/templates/main/img/section-seven/lines.png) right -18px bottom 60px no-repeat; } .index-page .container-s7 .purpose { right: 9px; } .index-page .row-s7 { margin-right: -15px; margin-left: -15px; } /* SECTION EIGHT */ .index-page .container-s8 { padding: 80px 0 78px; } .index-page .container-s8::after { right: 10px; } /* SECTION NINE */ .index-page .container-s9 { padding: 83px 97px 106px; } .index-page .work .work__content .work__content-inner { padding: 11px 0 6px 8px; } .index-page .portfolio .nav-btn { top: 100px; } /* FOOTER */ .index-page .container-footer { padding: 47px 10px 40px; } .index-page .container-consult{ padding: 80px 0; } .consult-content{ padding: 0; } .index-page .container-consult::before{ right: 0; } .index-page .container-consult::after{ left: -22px; } .ul-footer-inner-wrap.second .ul-footer--four{ margin-top: 0; } } @media (max-width: 992px) { /* HEADER */ .index-page .container--header { padding-left: 0 !important; padding-right: 0 !important; } .index-page .bg-video .header-content { justify-content: center; height: auto; margin-top: 100px; padding-top: 0; } .index-page .bg-video .header-content .header-content__btn { margin-top: 30px; } /* SECTION TWO */ .index-page .s2-title, .index-page .s2-text, .index-page .s2-video { padding: 0; } /* SECTION FOUR */ .index-page .s4-title { margin-bottom: 20px; border-right: none; border-bottom: 1px solid #492957; height: 80px; padding-top: 10px; } /* SECTION FIVE */ .index-page .s5-content { padding-left: 0; } .index-page .container-s5::after { max-width: 345px; top: 52px; } .index-page .container-s5 { padding: 50px 0 40px; } .section-five.index-page::before { height: 343px; } /* SECTION SIX */ .index-page .s6-content .s6-content__text { width: 415px; padding-left: 25px; padding-right: 25px; } /* SECTION SEVEN */ .index-page .col-s7--one, .index-page .col-s7--two, .index-page .col-s7--three, .index-page .col-s7--four, .index-page .col-s7--five { background-size: 365px; } .index-page .col-s7--one .col-s7-item-wrap__title, .index-page .col-s7--three .col-s7-item-wrap__title, .index-page .col-s7--five .col-s7-item-wrap__title { padding-left: 170px; } .index-page .col-s7--two .col-s7-item-wrap__title, .index-page .col-s7--four .col-s7-item-wrap__title { padding-right: 170px; } .index-page .col-s7-item-wrap .col-s7-item-wrap__text { width: 100%; } .index-page .col-s7--one .col-s7-item-wrap__text, .index-page .col-s7--three .col-s7-item-wrap__text, .index-page .col-s7--five .col-s7-item-wrap__text { padding-right: 50px; font-size: 14px; } .index-page .col-s7--two .col-s7-item-wrap__text, .index-page .col-s7--four .col-s7-item-wrap__text { font-size: 14px; } .index-page .container-s7 { background: url(../../../../../../local/templates/main/img/section-seven/lines.png) right 14px bottom 60px no-repeat; background-size: 450px 646px; } .index-page .container-s7 .purpose .purpose__text { font-size: 14px; max-width: 300px; width: 100%; } .index-page .container-s7 .purpose { right: 16px; bottom: 85px; width: auto; } .index-page .col-s7--three .col-s7-item-wrap__title, .index-page .col-s7--one .col-s7-item-wrap__title, .index-page .col-s7--five .col-s7-item-wrap__title { padding-left: 0; width: fit-content; background-color: #e8e8e8; margin-left: 175px; padding-right: 10px; } .index-page .col-s7--two .col-s7-item-wrap__title, .index-page .col-s7--four .col-s7-item-wrap__title { padding-left: 10px; width: 139px; background-color: #e8e8e8; margin-right: 0; padding-right: 0; margin-left: 65px; } /* SECTION EIGHT */ .index-page .s8-btn { max-width: 344px; } /* SECTION NINE */ .index-page .container-s9 { padding: 83px 0px 106px; } .index-page .portfolio .nav-btn { top: 90px; } .index-page .index-page .portfolio .next-slide { right: -48px; } .index-page .index-page .portfolio .prev-slide { left: -48px; } /* FOOTER */ .index-page .ul-footer--one, .index-page .ul-footer--two, .index-page .ul-footer--three, .index-page .ul-footer--four { padding-right: 0; } /* MODAl FEEDBACK */ .feedbackModal-content { width: 100%; max-width: 6500px; margin: 0 auto; } .contacts, .call-back { width: 50%; } .call-back__text { margin-bottom: 45px; } .call-send-btn { margin: 50px auto 0; } .contacts { border-right: none; } .contacts__li { padding: 0 0 0 44px; } .feedback-letter { width: 50%; margin-top: 0; border-right: none; } .modal-dialog--feedback { width: 100%; max-width: 622px; min-height: 600px; padding: 0 10px; } .index-page .container-consult::before{ right: -180px; } .section-consult.index-page .s8-btn{ max-width: 350px; } .ul-footer-inner-wrap.second .ul-footer--four{ margin-top: -18px; } .ul-footer-inner-wrap.first .ul-footer--two{ margin-top: -18px; } } @media (max-width: 767px) { /* HEADER */ .index-page .bg-video .logo-phone { flex-direction: column; justify-content: center; } .index-page .container--header { padding: 0 10px !important; } .index-page .logo { margin: 0 auto 20px; } .index-page .bg-video .phone__number, .index-page .bg-video .phone__buttons { justify-content: center !important; } .index-page .bg-video .header-content .header-content__title { font-size: 50px; } .index-page .bg-video .header-content .header-content__subtitle { font-size: 14px; } /* SECTION TWO */ .index-page .col-phone-placeholder { margin-top: 24px; } /* SECTION FOUR */ .index-page .col-items { margin-bottom: 20px; } .index-page .s4-content-first { margin-left: 0; } /* SECTION FIVE */ .index-page .container-s5 { padding: 30px 0 20px; } .index-page .s5-content { margin-top: 30px; } .index-page .s5-content .s5-content__text { width: 287px; font-size: 14px; } .index-page .s5-content .s5-content__btn { font-size: 16px; width: 235px; margin-top: 30px; } .index-page .container-s5::after { max-width: 280px; } .section-five.index-page::before { height: 284px; } .index-page .s5-title { font-size: 36px; } /* SECTION SIX */ .index-page .container-s6 { padding: 70px 10px 60px; } .index-page .s6-content .s6-content__text { font-size: 12px; line-height: 1.5; width: 333px; padding-top: 25px; } .index-page .container-s6 { padding: 70px 0px 60px; } /* SECTION SEVEN */ .index-page .container-s7 { background: unset; } .index-page .col-s7 { margin-bottom: 0; height: 180px; } .index-page .col-s7-item-wrap .col-s7-item-wrap__text { padding-top: 38px; } .index-page .col-s7--three .col-s7-item-wrap__title, .index-page .col-s7--one .col-s7-item-wrap__title, .index-page .col-s7--five .col-s7-item-wrap__title { padding-left: 0; width: auto; background-color: unset; margin-left: 175px; padding-right: 0; } .index-page .col-s7--two .col-s7-item-wrap__title, .index-page .col-s7--four .col-s7-item-wrap__title { padding-left: 0; width: auto; background-color: unset; margin-right: 175px; margin-left: 0; } .index-page .container-s7 .purpose { position: relative; right: unset; bottom: unset; display: flex; flex-direction: column; align-items: center; } .index-page .container-s7 .purpose .purpose__text { text-align: justify; word-break: break-all; } .index-page .container-s7 .purpose .purpose__text--subtext { text-align: center !important; } /* SECTION EIGHT */ .index-page .container-s8::after { width: 242px; height: 207px; background-size: cover; } .index-page .container-s8 { padding: 35px 0 60px; } .index-page .s8-title { font-size: 16px; } .index-page .s8-btn { max-width: 276px; } /* SECTION NINE */ .index-page .container-s9 { padding: 83px 0px 10px; } /* FOOTER */ .index-page .footer-content-wrap { flex-flow: wrap; flex-direction: column; } .index-page .footer-content-wrap div:nth-child(2) { order: -1; } .index-page .footer-ul-wrap { width: 100%; display: flex; justify-content: space-between; } .index-page .footer-logo-wrap { width: 100%; padding-left: 0; margin-top: 10px; } .index-page .container-consult{ padding: 40px 0; } .index-page .container-consult::before{ right: -135px; width: 310px; height: 144px; } } @media (max-width: 600px) { /* MODAL SCREEN FEEDBACK */ .custom-file{ font-size: 12px; } .custom-file-label{ max-width: 97px; } } @media (max-width: 576px) { /* HEADER */ .index-page .menu-btn { display: block; } .index-page .bg-video .phone__number, .index-page .bg-video .phone__buttons { justify-content: space-around !important; flex-direction: column; margin: 0 !important; height: 100% !important; } .index-page .bg-video .phone__link { margin-bottom: 0 !important; } .index-page .bg-video .phone__btn { margin: 0 !important; } .index-page .bg-video .phone__separator { display: none; } .index-page .bg-video .header .logo-phone .phone { flex-direction: row; justify-content: space-around; align-items: center; height: 66px !important; } /* nav block */ .index-page .bg-video .header .navigation { align-items: center; flex-direction: column; margin-top: 0; padding: 31px 0 0; margin-left: -10px; margin-right: -10px; position: relative; z-index: 100; display: none; } .index-page .bg-video .header .navigation::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, #31253d, transparent); opacity: 0.9; z-index: 0; } .index-page .bg-video .header .navigation .navigation__button { max-width: unset; position: relative; z-index: 100; } .index-page .bg-video .header .navigation .navigation__button:hover { background-color: #31253d; } /* SECTION THREE */ .index-page .container-net::before { left: 50%; transform: translateX(-50%); } /* SECTION FOUR */ .index-page .container-s4 { padding: 20px 15px 0; } .index-page .col-s4-title { display: flex; justify-content: center; text-align: center; } .index-page .col-items { width: 200px; display: flex; justify-content: center; } .index-page .s4-content { display: flex; align-items: center; justify-content: flex-start; width: 200px; } .index-page .s4-content-first { margin-left: -54px; } /* SECTION FIVE */ .index-page .container-s5 { padding: 30px 10px 20px; } .index-page .container-s5::after { right: 10px; } .index-page .container-s5::after { z-index: 1; opacity: 0.5; } /* SECTION SIX */ .index-page .container-s6 { padding: 40px 10px 30px; } .index-page .container-s6::after { left: 50%; transform: translateX(-50%); } .index-page .s6-content-wrap { flex-direction: column; align-items: center; } .index-page .s6-content .s6-content__text { font-size: 10px; line-height: 1.5; width: 194px; padding-top: 10px; margin-top: 20px; margin-bottom: 20px; } .index-page .s6-content .s6-content__text::before, .index-page .s6-content .s6-content__text::after { height: 230px; background-size: 100% 230px; } /* SECTION SEVEN */ .index-page .container-s7 { padding: 40px 15px 20px; } .index-page .s7-title { padding-left: 0; text-align: center; } .index-page .row-s7 { margin: 0; } .index-page .container-s7::after { left: 50%; transform: translateX(-50%); } /* SECTION EIGHT */ .index-page .container-s8 { padding: 35px 10px 60px 10px; } .index-page .container-s8::after { content: none; } .index-page .s8-title { text-align: center; } .index-page .s8-btn { margin: 14px auto; } .index-page .container-s8 { padding: 35px 10px 35px 10px; } /* SECTION NINE */ .index-page .container-s9 { padding: 30px 15px 30px; } .index-page .work { margin: 0 auto; } .index-page .work .work__content { bottom: 0; } .index-page .portfolio .nav-btn { top: 90px; } .index-page .portfolio .next-slide { right: -10px; } .index-page .portfolio .prev-slide { left: -10px; } /* FOOTER */ .index-page .container-footer { padding: 20px 15px 20px; } .index-page .ul-footer { width: 110px; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; } .index-page .footer-ul-wrap { flex-wrap: wrap; } .index-page .ul-footer .li-footer { text-align: center; } /* MODAL FEEDBACK */ .feedbackModal-content { max-width: 342px; padding: 0; } .call-back, .feedback-letter, .contacts{ width: 100%; border-right: none; margin-bottom: 20px; border-right: none; margin-left: auto; margin-right: auto; } .call-back__title { margin-bottom: 17px; } .call-back__text { margin-bottom: 17px; } .call-send-btn { margin: 30px auto 0; } .contacts, .call-back { width: 100%; } #feedbackModal { padding-right: 14px !important; } .index-page .container-net{ padding: 50px 15px 0 15px; } .index-page .container-net .container-net__title, .index-page .container-net .container-net__link{ padding-left: 0; } .consult-content{ text-align: left; padding: 0 15px; position: relative; z-index: 2; } .section-consult.index-page .consult-content .s8-btn{ max-width: 260px; margin: 15px 0; } .index-page .container-consult::before{ right: -45px; } .index-page .container-consult::after{ left: 50%; margin: 0 0 0 -22px; } .index-page .container-consult{ padding: 40px 0 26px; } .video-new-b .video-new-b__content{ padding: 0 0 25px; } .more-btn-services{ margin-top: 25px; } } @media (max-width: 530px) { /* SECTION FIVE */ .index-page .container-s5::after { z-index: 1; opacity: 0.5; } } @media (max-width: 500px) { /* HEADER */ .index-page .bg-video .header-content .header-content__title { font-size: 30px; } .index-page .bg-video .header-content .header-content__subtitle { font-size: 11px; } .index-page .bg-video .header-content .header-content__btn { width: 270px; } /* SECTION SEVEN */ .index-page .col-s7 { margin-bottom: 10px; height: auto; } .index-page .col-s7--one, .index-page .col-s7--two, .index-page .col-s7--three, .index-page .col-s7--four, .index-page .col-s7--five { background-size: 290px; } .index-page .col-s7-item-wrap .col-s7-item-wrap__title { font-size: 14px; padding-top: 23px; } .index-page .container-s7 .purpose { margin-top: 10px; } .index-page .col-s7--three .col-s7-item-wrap__title, .index-page .col-s7--one .col-s7-item-wrap__title, .index-page .col-s7--five .col-s7-item-wrap__title { margin-left: 140px; } } @media (max-width: 470px) { .index-page .container-consult::before{ right: -135px; } } @media (max-width: 440px) { /* SECTION ONE */ .index-page .item.brand { margin: 0 auto; } } @media (max-width: 390px) { /* HEADER */ .index-page .bg-video .phone__link { font-size: 12px !important; } .index-page .bg-video .phone__btn { width: 114px !important; } } @media (max-height: 540px) { .index-page .bg-video .header-content { margin-top: 50px; } } @media (max-height: 450px) { .index-page .bg-video .header-content { margin-top: 10px; } .index-page .bg-video .header-content .header-content__title { font-size: 20px; } .index-page .bg-video .header-content .header-content__subtitle { line-height: 1; } .index-page .bg-video .header-content .header-content__btn { margin-top: 10px; } .index-page .bg-video .header .navigation { padding: 0; } .index-page .bg-video .header .navigation .navigation__button { height: 23px; } } @media (max-width: 360px) { .index-page .portfolio .prev-slide { left: -26px; } .index-page .portfolio .next-slide { right: -26px; } } /* END INDEX PAGE MQ ====================*/ /*============= ABOUT PAGE MQ*/ @media (max-width: 1200px) { /* SECTION ONE */ .about-page .container-s1{ padding-left: 0; padding-right: 0; } } @media (max-width: 992px) { /* SECTION ONE */ .about-page .container-s1::after{ opacity: 0.2; } .about-page .s1-text p{ font-weight: 400; } } @media (max-width: 575px) { /* SECTION ONE */ .about-page .container-s1{ padding: 30px 10px; } } /* END ABOUT PAGE MQ ====================*/ /*========================= ACKNOWLEDGEMENT PAGE MQ*/ @media (max-width: 1200px) { /* SECTION ONE */ .acknowledgement-page .container-s1{ padding-left: 0; padding-right: 0; } /* SECTION TWO */ .acknowledgement-page .container-s2{ padding-left: 0; padding-right: 0; } .acknowledgement-page .container-s2::after { right: -175px; top: 46%; transform: translateY(-50%); } .acknowledgement-page .slider-acknowledgement { display: flex !important; } .acknowledgement-page .acknowledgement-img-wrap { display: none; /*right: -240px; top: -122px;*/ } /* SECTION THREE */ .acknowledgement-page .container-s3{ padding-left: 0; padding-right: 0; } } @media (max-width: 992px) { /* SECTION TWO */ .acknowledgement-page .container-s2::after { right: -409px; } .acknowledgement-page .acknowledgement-img-wrap { /*position: absolute; right: -358px; top: -113px; width: 673px; height: 552px;*/ } .clients-logo-wrap:nth-child(1) .clients-logo, .clients-logo-wrap:nth-child(2) .clients-logo, .clients-logo-wrap:nth-child(3) .clients-logo, .clients-logo-wrap:nth-child(4) .clients-logo { max-width: 179px; } } @media (max-width: 767px) { /* SECTION TWO */ .acknowledgement-page .acknowledgement-img-wrap { /*right: -358px; top: -158px; opacity: 0.2;*/ } .clients-logo-wrap:nth-child(1) .clients-logo, .clients-logo-wrap:nth-child(2) .clients-logo, .clients-logo-wrap:nth-child(3) .clients-logo, .clients-logo-wrap:nth-child(4) .clients-logo { max-width: 130px; } /* SECTION THREE */ } @media (max-width: 575px) { /* SECTION ONE */ .acknowledgement-page .container-s1{ padding: 30px 10px; } /* SECTION TWO */ .acknowledgement-page .col-s2 { padding: 0 15px; } .acknowledgement-page .item-feedback { margin-left: 30px; margin-right: 30px; } .acknowledgement-page .slider-acknowledgement .prev-slide { left: 8px; border-radius: 50%; background-color: #cecece; } .acknowledgement-page .slider-acknowledgement .next-slide { right: 8px; border-radius: 50%; background-color: #cecece; } .acknowledgement-page .slider-acknowledgement .nav-btn { width: 21px; } /* SECTION THREE */ .acknowledgement-page .container-s3{ padding-left: 10px; padding-right: 10px; } .acknowledgement-page .col-s3-content-wrap { text-align: center; } } @media (max-width: 480px) { .clients-logo-wrap:nth-child(1) .clients-logo, .clients-logo-wrap:nth-child(2) .clients-logo, .clients-logo-wrap:nth-child(3) .clients-logo, .clients-logo-wrap:nth-child(4) .clients-logo, .logo-img-wrap img { max-width: 120px; height: auto; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; } .logo-img-wrap .row > div{ position: relative; height: 50px; } .logo-img-wrap .row > div:last-child, .logo-img-wrap .row > div:nth-last-child(-n+2){ height: 130px; } } @media (max-width: 450px) { /* SECTION TWO */ .acknowledgement-page .acknowledgement-img-wrap { right: -358px; top: 50%; transform: translateY(-50%); } } /* END ACKNOWLEDGEMENT PAGE MQ ==============================*/ /* ARTICLE PAGE MQ ==================*/ @media (max-width: 1200px) { /* SECTION ONE */ .article-page .container-s1{ padding-left: 0; padding-right: 0; } /* SECTION TWO */ .article-page .container-s2 { padding: 0; } .article-page .slider-s2 .prev-slide { left: -15px; } .article-page .slider-s2 .next-slide { right: -15px; } } @media (max-width: 992px) { /* SECTION ONE */ .article-page .article__img { margin-right: -348px; } /* SECTION TWO */ .article-page .news-item { margin: auto; } } @media (max-width: 767px) { /* SECTION ONE */ .article-page .article__img { margin-right: -298px; } /* SECTION TWO */ .article-page .news-item { max-width: 310px; margin: 0 auto; } } @media (max-width: 575px) { /* SECTION ONE */ .article-page .container-s1{ padding-left: 10px; padding-right: 10px; padding-top: 30px; padding-bottom: 30px; } .article-page .article__img { float: unset; margin-right: 0; padding-top: 10px; padding-left: 0; padding-bottom: 10px; margin-top: 0; } /* SECTION TWO */ .article-page .slider-s2 .prev-slide { left: 0; } .article-page .slider-s2 .next-slide { right: 0; } } /* END ARTICLE PAGE MQ =======================*/ /* CERTIFICATES PAGE MQ =======================*/ @media (max-width: 1200px) { /* SECTION ONE */ .certificates-page .container-s1{ padding-left: 0; padding-right: 0; } /* SECTION TWO */ .certificates-page .container-s2{ padding-left: 0; padding-right: 0; } } @media (max-width: 992px) { /* SECTION ONE */ .certificates-page .container-s1::after{ opacity: 0.2; } .certificates-page .s1-text p{ font-weight: 400; } } @media (max-width: 575px) { /* SECTION ONE */ .certificates-page .container-s1{ padding: 30px 10px; } /* SECTION TWO */ .certificates-page .container-s2{ padding: 30px 10px; } .certificates-page .col-s2-content-wrap { text-align: center; } } /* END CERTIFICATES PAGE MQ ===========================*/ /* CONTACT PAGE MQ ==================*/ @media (max-width: 1200px) { /* SECTION TWO */ .contact-page .container-s2 { padding: 40px 0 25px; } /* SECTION THREE */ .contact-page .container-s3 { padding: 45px 0 44px 0; } } @media (max-width: 992px) { /* SECTION ONE */ .contact-page .container-s1 { padding: 80px 0 17px; } .contact-page .form-block { padding: 0 0 0 0; } /* SECTION TWO */ .contact-page .s2-content-wrap{ flex-direction: column; align-items: flex-start; } .contact-page .managers{ margin-left: 0; } .contact-page .managers-wrap{ margin-top: 20px; width: 100%; justify-content: space-between; } .contact-page .title-big--managers{ border-right: none; border-bottom: 1px solid #492957; } .contact-page .managers:last-child{ margin-left: 0; } /* SECTION THREE */ .contact-page .s3-btn { display: flex; justify-content: center; margin-bottom: 10px; } } @media (max-width: 767px) { /* SECTION ONE */ .contact-page .contact-form-input--question { max-width: 272px; } .contact-page .contacts-send-btn { width: 100%; } .contact-page .s3-link{ font-size: 14px; } } @media (max-width: 575px) { /* SECTION ONE */ .contact-page .container-s1 { padding: 30px 15px 17px; } .contact-page .contacts-block { width: 100%; margin-top: 30px; } .contact-page .form-block { width: 100%; } .contact-page .container-s1::before { left: 50%; transform: translateX(-50%); } /* SECTION TWO */ .contact-page .container-s2 { padding: 0 15px 25px; } .contact-page .title-big--managers { width: 100%; text-align: center; padding-right: 0; justify-content: center; } .contact-page .managers-wrap { flex-direction: column; align-items: center; } .contact-page .managers { margin-top: 15px; } /* SECTION THREE */ .contact-page .s3-link { width: 300px; } .contact-page .s3-link{ font-size: 17px; } .contact-page .s3-btn-wrap { width: 300px !important; } } /* END CONTACT PAGE MQ ======================*/ /* MISSION PAGE MQ ======================*/ @media (max-width: 1200px) { /* SECTION ONE */ .mission-page .container-s1{ padding-left: 0; padding-right: 0; } /* SECTION TWO */ .mission-page .container-s2{ padding-left: 0; padding-right: 0; } .mission-page .s2-content { margin: 0; } /* SECTION THREE */ .mission-page .container-s3{ padding-left: 0; padding-right: 0; } /* SECTION FOUR */ .mission-page .container-s4{ padding-left: 0; padding-right: 0; } /* SECTION FIVE */ .mission-page .container-s5{ padding-left: 0; padding-right: 0; } } @media (max-width: 992px) { /* SECTION ONE */ .mission-page .container-s1::after{ opacity: 0.2; } .mission-page .s1-text p{ font-weight: 400; } /* SECTION TWO */ .mission-page .hex-wrap { margin: 43px 0 49px; } } @media (max-width: 767px) { /* SECTION TWO */ .mission-page .s2-content{ padding: 0 37px; } .mission-page .s2-content__title { margin-top: 10px; margin-bottom: 10px; } } @media (max-width: 575px) { /* SECTION ONE */ .mission-page .container-s1{ padding: 30px 10px; } /* SECTION TWO */ .mission-page .container-s2{ padding-left: 10px; padding-right: 10px; } .mission-page .s2-content::before { width: 36px; height: 231px; background-size: contain; } .mission-page .s2-content::after { width: 36px; height: 231px; background-size: contain; } /* SECTION THREE */ .mission-page .container-s3{ padding: 30px 10px; } /* SECTION FOUR */ .mission-page .container-s4{ padding-left: 10px; padding-right: 10px; } .mission-page .hex-wrap { flex-direction: column; align-items: center; } .mission-page .hex-outer { margin-bottom: 20px; } /* SECTION FIVE */ .mission-page .container-s5{ padding: 30px 10px; } } @media (max-width: 400px) { /* SECTION TWO */ .mission-page .s2-content__text{ text-align: justify; } .mission-page .s2-content{ padding: 0 30px; } .mission-page .s2-content::before{ width: 60px; height: 289px; } .mission-page .s2-content::after{ width: 60px; height: 289px; } } /* END MISSION PAGE MQ ======================*/ /* NEWS PAGE MQ ================*/ @media (max-width: 1200px) { /* SECTION ONE */ .news-page .container-s1{ padding-left: 0; padding-right: 0; } /* SECTION TWO */ .news-page .container-s2 { padding: 0; } .news-page .slider-s2 .prev-slide { left: -37px; } .news-page .slider-s2 .next-slide { right: -37px; } /* SECTION THREE */ .news-page .container-s3 { padding-left: 0; padding-right: 0; } /* SECTION FOUR */ .news-page .container-s4{ padding-left: 0; padding-right: 0; } .news-page .slider-s4 .prev-slide { left: -56px; } .news-page .slider-s4 .next-slide { right: -56px; } } @media (max-width: 992px) { /* SECTION ONE */ .news-page .container-s1::after { opacity: 0.2; } .news-page .text-big { font-weight: 400; } /* SECTION TWO */ .news-page .news-item { margin: auto; } /* SECTION THREE */ .news-page .s3-title__right { text-align: right; } /* SECTION FOUR */ } @media (max-width: 767px) { /* SECTION TWO */ .news-page .news-item { max-width: 310px; margin: 0 auto; } /* SECTION FOUR */ .news-page .owl-stage{ display: flex; align-items: stretch; } } @media (max-width: 575px) { /* SECTION ONE */ .news-page .container-s1{ padding-left: 10px; padding-right: 10px; } .news-page .container-s1 { padding-top: 30px; padding-bottom: 30px; } /* SECTION TWO */ .news-page .slider-s2 .prev-slide { left: 0; } .news-page .slider-s2 .next-slide { right: 0; } /* SECTION THREE */ .news-page .container-s3 { padding-left: 10px; padding-right: 10px; } .news-page .s3-title { flex-direction: column; } .news-page .s3-title__right { text-align: left; padding-bottom: 20px; padding-top: 0; } .news-page .s3-title__left-title { margin-bottom: 20px; } /* SECTION FOUR */ .news-page .container-s4{ padding-left: 25px; padding-right: 25px; } .news-page .slider-s4 .prev-slide { left: -34px; } .news-page .slider-s4 .next-slide { right: -34px; } .news-page .slider-s4 .next-slide { /*background-color: #ccc; border-radius: 50%; width: 22px; padding-left: 2px;*/ } .news-page .slider-s4 .prev-slide { /*background-color: #ccc; border-radius: 50%; width: 22px; padding-left: 1px;*/ } } @media (max-width: 380px){ .news-page .slider-s2 .prev-slide { left: -10px; } .news-page .slider-s2 .next-slide { right: -10px; } } @media (max-width: 350px){ .news-page .news-item { max-width: 278px; padding: 70px 15px 10px; } } /* END NEWS PAGE MQ ===================*/ /* SERVICE-DETAILS PAGE MQ ==========================*/ @media (max-width: 1200px){ /* SECTION ONE */ .service-details-page .container-s1{ padding-left: 0; padding-right: 0; } .li-side-menu::before{ left: -9px; } .li-side-menu{ padding-left: 23px; } .li-img-wrap { left: -12px; } } @media (max-width: 992px){ /* SECTION ONE */ .side-menu{ position: fixed; z-index: 99; left: 0; width: 100%; display: block; top: 0; overflow-y: scroll; max-width: 310px; height: 100%; padding: 30px 10px 10px; margin-left: -310px; transition: margin-left 0.2s ease-in-out; } .li-side-menu::before{ left: 5px; } .li-side-menu{ padding-left: 40px; } .hidden-title{ display: block; margin-top: 45px; } .aside-btn{ display: flex; } .aside-btn-2, .aside-btn-inner{ display: flex; } /* main section */ .body-block.service-details-page { background-image: none; background-color: #eeeeee; } .service-details-page .block-one{ padding-left: 0; } .service-details-page .b1-li{ padding-left: 30px; z-index: 1; } .service-details-page .b1-li::before{ left: 2px; } .service-details-page .dash-line-lock::after{ left: -100%; } .service-details-page .main-section__content-wrap{ margin-top: 40px; } .service-details-page .dash-line-lock::before{ left: -3px; } .li-img-wrap { left: 4px; } } @media (max-width: 767px){ /* main section */ .service-details-page .b1-text{ text-align: justify; } .service-details-page .b1-title{ text-align: center; } .service-details-page .b1-btns{ justify-content: center; display: flex; } .service-details-page .b1-content{ margin-top: 25px; } .acknowledgement-page .col-s3-content-wrap__img{ min-height: inherit; } } @media (max-width: 575px){ .service-details-page .container-s1{ padding-left: 10px; padding-right: 10px; } } @media (max-width: 490px){ .service-details-page .b1-btns{ flex-direction: column; align-items: flex-end; } .service-details-page .price-btn { margin-bottom: 10px; } } /* END SERVICE-DETAILS PAGE MQ ==============================*/ /* SERVICE-GENERAL PAGE MQ ==============================*/ @media (max-width: 1200px){ /* SECTION ONE */ .service-general-page .container-s1{ padding-left: 0; padding-right: 0; } } @media (max-width: 992px){ /* main section */ .body-block.service-general-page { background-image: none; background-color: #eeeeee; } .service-general-page .block-one{ padding-left: 0; } .service-general-page .b1-li{ padding-left: 30px; z-index: 1; } .service-general-page .b1-li::before{ left: 2px; } .service-general-page .dash-line-lock::after{ left: -100%; } .service-general-page .main-section__content-wrap{ margin-top: 40px; } .service-general-page .dash-line-lock::before{ left: -3px; } .service-general-page .li-img-wrap { left: 4px; } } @media (max-width: 767px){ /* main section */ .service-general-page .b1-text{ text-align: justify; } .service-general-page .b1-title{ text-align: center; } .service-general-page .b1-btns{ justify-content: center; display: flex; } .service-general-page .b1-content{ margin-top: 25px; } } @media (max-width: 575px){ .service-general-page .container-s1{ padding-left: 10px; padding-right: 10px; } } @media (max-width: 490px){ .service-general-page .b1-btns{ flex-direction: column; align-items: flex-end; } .service-general-page .price-btn { margin-bottom: 10px; } } /* END SERVICE-GENERAL PAGE MQ ==============================*/ .captcha-b{ position: relative; padding: 0 0 0 105px; width: 100%; } .captcha-b img{ display: block; width: 100px; height: 44px; position: absolute; top: 0; left: 0; z-index: 1; } .captcha-b input[type="text"]{ width: 100%; height: 44px; display: block; } .services-main-page{ position: relative; z-index: 2; } /* SERVICES-MAIN PAGE MQ ==============================*/ @media (max-width: 1200px) { /* SECTION ONE */ .services-main-page .container-s1{ padding-left: 0; padding-right: 0; } } @media (max-width: 992px) { /* main section */ .services-main-page .dash-line::after, .services-main-page .block-four::before, .services-main-page .block-seven::before { left: -100%; } .contact-page .s3-btn-wrap{ width: 100%; } .services-main-page .block-one { padding-left: 0; text-align: center; } .services-main-page .b5-li, .services-main-page .b8-li { padding-left: 30px; z-index: 1; } .services-main-page .b5-li::before, .services-main-page .b8-li::before { left: 2px; } } @media (max-width: 767px) { /* SECTION ONE */ /* main section */ .services-main-page .block-one, .services-main-page .block-two, .services-main-page .block-three, .services-main-page .block-four, .services-main-page .block-five, .services-main-page .block-six, .services-main-page .block-seven, .services-main-page .block-eight{ padding-left: 0; } .services-main-page .b5-content::after { right: -116px; } .index-page .bg-video .header .navigation__li:hover .navigation__drop, .header-general .navigation .navigation__li:hover .navigation__drop{display: none;} .captcha-b{ margin: 0 0 15px; } .footer-ul-wrap{ display: none !important; } .news-page .news-item{ min-height: inherit; } .news-page .slider-s2{ height: 455px; } } @media (max-width: 576px) { .index-page .bg-video .header .navigation__ul, .header-general .navigation .navigation__ul{ display: block; } .index-page .s4-content{ width: auto; display: block; } .index-page .s4-content-first{ margin-left: 0; } .s4-img-wrap{ min-height: inherit; } .s4-content__text br{ display: none; } .index-page .s4-content .s4-content__img{ margin: 0 auto 10px; } .index-page .s4-content .s4-content__text{ text-align: center; } } @media (max-width: 575px) { /* SECTION ONE */ .services-main-page .container-s1{ padding: 30px 10px; } /* main section */ .services-main-page .b5-content::after { opacity: 0.2; } .services-main-page .b5-content::after { top: -120px; } .services-main-page .b5-content { height: 161px; } .contact-page .s3-link{ width: 100%; } } @media (max-width: 350px) { .services-main-page .b2-content__text { margin-bottom: 0; } } /* END SERVICE-MAIN PAGE MQ ==============================*/ .row-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .certificates-page .col-s2-content-wrap__img{ height:150px; overflow: hidden; } .work__link{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 25; cursor: pointer; } .modal-dialog.modal-dialog--work{ max-width: 1000px; } .work-content{ padding: 30px 25px 1px; } .work-content__text{ font-size: .9rem; font-family: 'Open Sans', sans-serif; } .work-content__text p{ margin-bottom: .8rem; } .work-content__title{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #201728; line-height: 0.7; margin-bottom: 25px; } .work-content__gallery{ padding: 15px 0 0 0; } .lg-img-wrap{ height: auto; background-size: cover; background-position: 0 50%; background-repeat: no-repeat; overflow: hidden; margin: 0 0 30px; padding-top: 56.25%; } .lg-img-wrap img, .xs-img-wrap img{ display: none; } .xs-img-wrap{ overflow: hidden; background-size: cover; background-position: 0 50%; background-repeat: no-repeat; margin: 0 0 17px; padding-top: 56.25%; } .man-img{ display: block; max-width: 100%; } .contacts__body .call-send-btn--map{ position: relative; top: -15px; } .col-form-three .form-control{ height: 35px; } .contacts-form .custom-file{ max-width: inherit; display: block; margin-bottom: 15px; } .contacts-form .custom-file-label{ max-width: inherit; } .error-field.form-control{ border: 2px solid red; } .link-phone, .link-phone:hover, .link-white, .link-white:hover{ color: #fff; text-decoration: none; } .link-black, .phone__link{ color: #000; text-decoration: none; } .link-black:hover, .phone__link:hover{ color: #000; text-decoration: none; } .feedback-letter__body .custom-file .custom-file-label{ padding: .375rem 6.5rem .375rem .45rem; max-width: inherit; } /*modal*/ .calculator .modal-dialog{ max-width: 690px; box-shadow: 0 8px 70px rgba(43,37,61,.4); } .calculator .modal-content{ background-color: #f3f3f3; border-radius: 15px; border: none; } .calculator-wrap{ font-family: 'Open Sans', sans-serif; overflow: hidden; position: relative; } .calculator-wrap__title{ padding: 25px 30px; font-size: 20px; line-height: 1; font-weight: bold; } .calculator .close{ position: absolute; top: 20px; right: 25px; opacity: 1; float: none; z-index: 20; cursor: pointer; outline: none; box-shadow: none; } .calculator .close:focus{ outline: none; box-shadow: none; } .calculator-table__heading{ width: 100%; } .calculator-table__row{ display: table; width: 100%; } .calculator-table__cell{ display: table-cell; vertical-align: middle; padding: 10px 15px; width: 21%; text-align: center; } .calculator-table__cell:first-child{ padding: 10px 15px 10px 30px; width: 62%; text-align: left; } .calculator-table__cell:last-child{ padding: 10px 30px 10px 15px; width: 27%; } .calculator-table__hover .calculator-table__cell:first-child{ padding: 10px 15px 10px 60px; } .calculator-table__heading .calculator-table__cell{ font-weight: bold; font-size: 12px; line-height: 1; } .calculator-table__cell-info{ font-size: 10px; line-height: 1.3; padding: 6px 0 0 0; } .calculator-table__body{ width: 100%; } .calculator-table__body .calculator-table__cell{ font-size: 14px; line-height: 1; } .b-counter{ display: block; margin: 0 auto; max-width: 70px; position: relative; padding: 0 18px; } .b-counter--lg{ max-width: 100px; padding: 0 24px; } .b-counter__btn{ position: absolute; top: 0; bottom: 0; width: 10px; z-index: 20; cursor: pointer; display: block; } .b-counter--lg .b-counter__btn{ width: 13px; } .b-counter__btn--minus{ left: 0; } .b-counter__btn--plus{ right: 0; } .b-counter__btn--minus:after{ content: ""; position: absolute; top: 50%; left: 0; width: 10px; height: 2px; background-color: #000; margin: -1px 0 0 0; z-index: 1; } .b-counter--lg .b-counter__btn--minus:after{ width: 13px; height: 3px; } .b-counter__btn--plus:after{ content: ""; position: absolute; top: 50%; right: 0; width: 10px; height: 2px; background-color: #000; margin: -1px 0 0 0; z-index: 1; } .b-counter--lg .b-counter__btn--plus:after{ width: 13px; height: 3px; } .b-counter__btn--plus:before{ content: ""; position: absolute; width: 2px; height: 10px; background-color: #000; top: 50%; margin: -5px 0 0 -1px; left: 50%; z-index: 2; } .b-counter--lg .b-counter__btn--plus:before{ width: 3px; height: 13px; margin: -6px 0 0 0; left: 5px; } .b-counter__control{ height: 20px; text-align: center; display: block; width: 100%; border: 1px solid #d8befc; padding: 0; background-color: transparent; border-radius: 3px; color: #000000; font-size: 14px; font-family: 'Open Sans', sans-serif; } .b-counter--lg .b-counter__control{ height: 28px; font-size: 17px; } .calculator-table__hover{ background-color: #fff; display: none; } .row-click{ cursor: pointer; } .total-table__name{ margin: 0 15px 0 0; } .rub{ position: relative; white-space: nowrap; } .rub:after{ content: "у"; font-family:"PTrouble"; margin: 0 0 0 3px; } .total-table{ padding: 15px 40px 15px 30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .total-table .total-table__cell:first-child{ flex-grow: 1; } .calculator-form{ padding: 40px 30px 45px; border-top: 1px solid #d8befc; } .calculator-form__title{ font-size: 18px; line-height: 1; font-weight: bold; } .form-wrap{ padding: 5px 0 0 0; } .form-input{ width: 100%; font-size: 14px; height: 30px; padding: 0 10px; background-color: transparent; border-radius: 3px; border: 1px solid #d8befc; font-family: 'Open Sans', sans-serif; margin: 15px 0 0 0; } .calc-img{ display: block; max-width: 100%; margin: 0 auto; } .form-submit{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1; font-weight: 600; display: block; text-align: center; border: none; color: #fff; padding: 12px 10px; cursor: pointer; background-color: #a939bf; border-radius: 3px; width: 100%; text-transform: uppercase; margin: 15px 0 0 0; transition: background-color 0.2s linear; } .form-submit:hover{ color: #ffffff; background-color: #803792 } .calculator-table--color .calculator-table__body .calculator-table__item:nth-child(even) .calculator-table__cell{ background-color: #fff; } .choose-place-wrap{ padding: 0 30px; } .choose-place-wrap__title{ font-size: 14px; font-weight: bold; line-height: 1; margin: 0 0 10px; } .place-list{ margin: 0; padding: 0; list-style-type: none; display:-webkit-box; display:-ms-flexbox; display:flex; position: relative; z-index: 2; } .place-list li{ min-width: 160px; padding: 8px 10px; background-color: #fff; border-radius: 5px; color: #000; margin: 0 15px 20px 0; font-weight: bold; font-size: 12px; line-height: 1; 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; cursor: pointer; } .place-list li.current{ /*background-color: #a939bf;*/ background-color: transparent; /*color: #fff;*/ border: 1px solid #A939BF; } .place-list__name{ margin: 0 10px 0 0; } .place-list__flag img{ display: block; max-height: 18px; } .flag-lg-img{ display: block; max-height: 46px; } .box-tabs{ display: none; } .box-tabs.visib{ display: block; } .calc-button{ position: absolute; cursor: pointer; bottom: 20px; right: 20px; z-index: 20; border: none; 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; width: 158px; height: 140px; background: url(../../../../../../local/templates/main/img/bg-calc-btn.png) 0 0 no-repeat; } .calc-button:focus, .calc-button:active{ border: none; outline: none; } .calc-button__wrap img{ display: block; max-width: 100%; margin: 0 auto; } .calc-button__name{ display: block; text-align: center; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 12px; line-height: 1.2; } .logo-img-wrap{ max-width: 100%; } .logo-img-wrap .row > div{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .currency-flag{ position: absolute; top: -1px; right: -1px; opacity: 0.5; z-index: 1; } .currency-flag-img{ max-width: 100%; display: block; height: auto; } @media (max-width: 767px) { .logo-img-wrap{ padding: 0 10px; } .logo-img-wrap .row > div{ -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } } @media (max-width: 576px) { .b-counter__control{ width: /*50px;*/ } .calculator-table__cell:first-child{ width: 23%; padding: 10px 16px 10px 16px; word-break: break-all; } .calculator-wrap__title{ padding: 25px 16px; } .calculator .close{ top: 6px; right: 12px; } .choose-place-wrap{ padding: 0 16px; } .calculator-table__cell{ padding: 10px 0px; } .calculator-table__cell:last-child{ padding: 10px 6px 10px 6px; width: 19%; } .calculator-table__heading .calculator-table__cell:first-child{ word-break: break-word; } .calculator-table__hover .calculator-table__cell:first-child{ padding: 10px 15px 10px 32px; } .b-counter{ /*max-width: 82px;*/ } } @media (max-width: 480px) { .logo-img-wrap .row > div{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (max-width: 400px) { .place-list li{ min-width: 120px; } } @media (max-width: 350px) { .calculator-table__cell:first-child{ padding: 10px 6px 10px 16px; } .calculator-table__cell{ padding: 10px 0px 10px 0px; /*word-break: break-all;*/ } } /*=============*/ .error-field{ border: 2px solid red; } .error-field{ border: 2px solid red; } /*=============*/ /* NEW SERVICES PAGE */ .services-clear-fix{ clear: both; } /* services top nav */ .services-top-nav{ width: 100%; height: 82px; background: #EEEAEA; transition: all ease .5s; } .services-top-nav-inner{ width: 100%; height: 82px; background: #EEEAEA; display: flex; justify-content: center; } .services-top-nav-inner-fixed{ width: 100%; height: 42px; position: fixed; top: 39px; z-index: 50; } .beginning-work{ position: relative; } .services-top-nav__link{ font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; text-transform: uppercase; letter-spacing: 0.075px; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; color: #201728; width: 100%; max-width: 130px; border-bottom: 2px solid #EEEAEA; } .services-top-nav__link:hover{ background: #FFFFFF; color: #201728; border-bottom: 2px solid #9A25BD; } .services-top-nav__link-active{ background: #FFFFFF; border-bottom: 2px solid #9A25BD; } .services-top-nav__link-img{ margin-bottom: 0; } .services-top-nav__link-img-fixed{ display: none; } .services-top-nav__link-text{ height: 32px; display: flex; align-items: flex-start; margin-top: 5px; } .fixed-services-top-nav{ /*position: fixed; top: 39px; z-index: 50; transition: all ease .5s;*/ position: relative; top: inherit; } /* services block one */ .container-nsb1{ padding: 80px 98px 60px !important; } .new-services-page-main-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: 27px; letter-spacing: 0.125px; color: #201728; text-transform: uppercase; margin-bottom: 37px; } .new-services-page-main-text{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; letter-spacing: 0.1575px; color: #201728; width: 100%; max-width: 800px; z-index: 2; position: relative; } .new-services-shipment-wrap{ margin-bottom: 35px; } .new-services-page-second-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 14px; line-height: 14px; letter-spacing: 0.0875px; text-transform: uppercase; color: #201728; margin-bottom: 27px; } .new-services-advantages-wrap{ display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } .new-services-advantages-item{ display: flex; width: 300px; justify-content: center; align-items: center; } .new-services-advantages-img-wrap{ width: 91px; } .new-services-advantages-img{ width: 91px; } .new-services-advantages-text-wrap{ width: 100%; max-width: 198px; margin-left: 10px; } .new-services-advantages-text-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 14px; line-height: 14px; letter-spacing: 0.0875px; text-transform: uppercase; color: #69327E; margin-bottom: 10px; } .new-services-advantages-text-itself{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; letter-spacing: 0.1575px; color: #201728; } /* services block two */ .new-services-block-two{ background-color: #F6F6F6; } .new-services-software-wrap{ margin-bottom: 35px; } .new-services-software-img{ float: left; margin-right: 20px; } .new-services-software-wrap .new-services-page-main-text span{ font-weight: 700; } .new-services-software-wrap .new-services-page-main-text{ max-width: unset; } .new-services-software-wrap-2{ max-height: 118px; overflow: hidden; transition: all linear 500ms; position: relative; } .service-page-block.grey2-bg .new-services-software-wrap-2::after{ position: absolute; width: 100%; height: 15px; content: ""; bottom: 0; left: 0; background: rgba(246,246,246,0.64); background: -moz-linear-gradient(top, rgba(246,246,246,0.64) 0%, rgba(246,246,246,0.82) 51%, rgba(246,246,246,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,0.64)), color-stop(51%, rgba(246,246,246,0.82)), color-stop(100%, rgba(246,246,246,1))); background: -webkit-linear-gradient(top, rgba(246,246,246,0.64) 0%, rgba(246,246,246,0.82) 51%, rgba(246,246,246,1) 100%); background: -o-linear-gradient(top, rgba(246,246,246,0.64) 0%, rgba(246,246,246,0.82) 51%, rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top, rgba(246,246,246,0.64) 0%, rgba(246,246,246,0.82) 51%, rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(246,246,246,0.64) 0%, rgba(246,246,246,0.82) 51%, rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6', GradientType=0 ); z-index: 3; } .new-services-page-third-title{ font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; letter-spacing: 0.1575px; color: #201728; margin-bottom: 25px; } .new-services-btns-block{ margin-top: 30px; display: flex; width: 380px; justify-content: space-between; align-items: center; } .new-services-btn-get-consultation{ display: flex; width: 240px; height: 38px; justify-content: center; align-items: center; background: #a939bf; border-radius: 5px; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1; letter-spacing: 0.159744px; text-transform: uppercase; font-weight: 400; text-decoration: none; margin-right: 30px; transition: background-color 0.2s linear; } .new-services-btn-get-consultation:hover{ color: #ffffff; text-decoration: none; background-color: #803792 } .new-services-btn-show-more{ display: flex; width: 118px; height: 38px; justify-content: center; align-items: center; cursor: pointer; position: relative; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 1.4px; line-height: 1.2; list-style: none; padding-left: 30px; color: #c648c6; } .new-services-btn-show-more::before{ position: absolute; content: ""; width: 16px; height: 4px; left: 0; top: 50%; background: url(../../../../../../local/templates/main/img/services-main/arrow-right.png) center no-repeat; background-size: contain; transform: translateY(-50%); } .new-services-btn-show-more:hover{ color: #c648c6; text-decoration: none; } .show-whole-text{ height: auto !important; overflow: visible !important; max-height: 2000px !important; } .show-whole-text::after{ width: 0; height: 0; } /* services block three */ .new-services-components-wrap .new-services-page-main-text span{ color: #A840BD; font-weight: 700; } .new-services-components-img{ float: right; margin-left: 20px; } .new-services-components-wrap{ margin-bottom: 45px; } /* services block four */ .new-services-block-four{ background-color: #31253D; } .new-services-devotion-img-wrap{ margin: 0 auto 20px; } .new-services-devotion-img{ margin: 0 auto 20px; display: block; } .new-services-devotion{ width: 100%; max-width: 625px; margin: 0 auto; position: relative; display: flex; } .new-services-devotion .new-services-page-main-title{ color: #ffffff; text-align: center; margin-bottom: 12px; } .new-services-devotion .new-services-page-main-text{ color: #ffffff; } .new-services-devotion .new-services-page-main-text span{ font-weight: 700; } .new-services-left-bracket{ /*position: absolute; left: -45px; top: 3px;*/ } .new-services-right-bracket{ /*position: absolute; right: -45px; top: 3px;*/ } /* services block five */ .new-services-block-five{ background-color: #F6F6F6; } .new-services-netequip-img{ float: left; margin-right: 20px; } .new-services-netequip-wrap{ margin-bottom: 45px; } .new-services-netequip-wrap .new-services-page-main-text{ max-width: 903px; } /* services block six */ .new-services-servers-wrap{ margin-bottom: 35px; } .new-services-servers-img{ float: right; margin-left: 20px; } .new-services-servers-wrap .new-services-page-main-text span{ font-weight: 700; color: #A840BD; } .new-services-servers-wrap .new-services-page-main-text{ max-width: unset; } .new-services-servers-wrap-2{ } .services-top-nav-inner.services-top-nav-inner-fixed .services-top-nav__link-text{ align-items: center; margin-top: 0; } /* MEDIA QUERY */ /*=============*/ @media (min-width: 1200px) { /* global container */ .container-nsb1{ max-width: 1200px !important; } } @media (max-width: 1200px) { /* global container */ .container-nsb1{ padding-left: 15px !important; padding-right: 15px !important; } /* block one */ .new-services-advantages-item{ margin-bottom: 20px; } } @media (max-width: 992px) { /* block one */ .new-services-advantages-wrap{ justify-content: center; } .new-services-advantages-item{ width: 100%; } .new-services-advantages-text-wrap{ width: 100%; max-width: unset; margin-left: 0; } /* block two */ .new-services-software-img{ float: unset; margin: 0 auto 20px; display: block; max-width: 100%; } /* block three */ .new-services-components-img{ float: unset; margin: 0 auto 20px; display: block; max-width: 100%; } /* block five */ .new-services-netequip-img{ float: unset; margin: 0 auto 20px; display: block; max-width: 100%; } /* block six */ .new-services-servers-img{ float: unset; margin: 0 auto 20px; display: block; max-width: 100%; } } @media (max-width: 768px) { /* top nav */ .services-top-nav-inner{ width: 100%; height: auto; flex-wrap: wrap; margin: 0 auto; } /* .services-top-nav-inner { width: 100%; height: auto; flex-wrap: wrap; margin: 0 auto; position: fixed; top: 0; height: 100vh; z-index: 5; padding: 20px 0; } .services-top-nav__link { width: 100%; padding-top: 10px; max-width: unset; flex-direction: column; align-items: center; padding-bottom: 10px; } */ .services-top-nav__link{ width: 25%; padding-top: 10px; } /* .services-top-nav__link { width: 100%; padding-top: 10px; max-width: unset; flex-direction: row; align-items: center; padding-bottom: 10px; } */ .services-top-nav__link-img { margin-bottom: 5px; margin-right: 0; } .services-top-nav__link-text { height: auto; display: flex; align-items: flex-start; margin-top: 0; } .services-top-nav-inner.services-top-nav-inner-fixed .services-top-nav__link { width: 100px; padding-top: 0; } .services-top-nav{ height: 140px; } .services-top-nav-inner-fixed{ height: 42px; } } @media (max-width: 576px) { /* top nav */ /* .services-top-nav-inner{ width: 100%; } */ .fixed-services-top-nav{ top: 0; } .services-top-nav.fixed-services-top-nav{ position: relative !important; top: unset !important; } .services-top-nav__link{ width: 100% !important; } .services-top-nav__link-img-fixed{ display: block; } .services-top-nav-inner-fixed{ position: relative !important; height: auto; top: inherit; } .services-top-nav{ height: auto; } .services-top-nav-inner.services-top-nav-inner-fixed .services-top-nav__link{ padding-top: 10px; } } @media (max-width: 440px) { /* top nav */ /* .services-top-nav__link{ width: 50%; } .services-top-nav-inner{ max-width: 290px; } */ } @media (max-width: 400px) { /* block two */ .new-services-btns-block{ width: 100%; justify-content: center; align-items: flex-start; flex-direction: column; } .new-services-btn-show-more{ margin-top: 15px; } } /* END NEW SERVICES PAGE */ /* NEW SERVICES PAGE GLOBAL STYLES */ .service-page-block .container{ padding: 60px 66px 60px !important; position: relative; } .new-services-page-main-title{ margin-bottom: 37px; } .new-services-page-main-title h3{ font-family: gilroyExtraBold, sans-serif; font-style: normal; font-weight: normal; font-size: 20px; line-height: 1; letter-spacing: 0.125px; color: #201728; text-transform: uppercase; } .new-services-page-main-text{} .new-services-page-main-text p{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; letter-spacing: 0.1575px; color: #201728; z-index: 2; position: relative; } .new-services-page-main-text p.fs18{ font-size: 18px; } .service-content-block.left-type img{ float: left; margin-right: 40px; } .service-content-block.right-type img{ float: right; margin-left: 40px; } .service-content-block.right-type .service-video-block img{ float: none; max-width: 472px; width: 100%; } .service-content-block.left-type .service-video-block{ float: left; position: relative; } .service-content-block.right-type .service-video-block{ float: right; position: relative; } .service-content-block.right-type .service-video-block:after{ content: ""; position: absolute; top: 50%; left: 50%; width: 92px; height: 76px; background: url('../../../../../../local/templates/main/img/new-services-page/1s-play-btn.png'); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); margin: 0 0 0 20px; } .service-content-block .new-services-page-main-text{ width: 100%; max-width: 993px; } .service-content-block .new-services-page-main-title{ margin-bottom: 10px; } .service-page-block.purple-block{ background-color: #31253D; } .service-page-block.purple-block .container{ padding: 50px 66px 77px !important; } .new-services-purple-icon-wrap{ margin: 0 auto 20px; } .new-services-purple-icon-wrap img{ margin: 0 auto 20px; display: block; } .new-services-puple-wrap{ width: 100%; max-width: 909px; margin: 0 auto; position: relative; display: flex; justify-content: space-between; } .new-services-puple-wrap-inner.align-center-style{ align-items: center; display: flex; flex-direction: column; justify-content: center; } .new-services-page-second-title { } .new-services-page-second-title h3{ font-family: gilroyExtraBold, sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1; letter-spacing: 0.125px; color: #201728; text-transform: uppercase; } .new-services-puple-wrap-inner .new-services-page-second-title{ margin-bottom: 10px; } .new-services-puple-wrap-inner .new-services-page-second-title h3{ color: #ffffff; text-align: center; } .new-services-puple-wrap-inner .new-services-page-main-text p{ color: #ffffff; } .new-services-puple-wrap-inner ul{ list-style: none; } .new-services-puple-wrap-inner ul li{ color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1; letter-spacing: 0.1575px; position: relative; padding-left: 18px; margin-bottom: 10px; } .new-services-puple-wrap-inner ul li::before{ content: ""; position: absolute; top: 5px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #a942aa; } .service-content-block ol{ margin: 20px 0; padding-left: 20px; } .service-content-block ol li{ margin: 0 0 10px; } .service-content-block.left-type .new-services-page-second-title.purple { margin-bottom: 13px; } .new-services-puple-wrap.short{ height: 170px; } .new-services-puple-wrap-inner.short{ padding: 0 41px; display: flex; flex-direction: column; justify-content: center; } .new-services-puple-wrap.short .new-services-page-main-text p { line-height: 22px; } .new-services-page-main-text p{ margin-bottom: 6px; } .service-page-block.grey-bg{ background-color: #f1f1f1; } .types-of-hosting{ display: flex; justify-content: space-between; flex-wrap: wrap; } .hosting-type{ width: 31%; margin-bottom: 25px; } .hosting-type__title{ width: 100%; min-height: 47px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; box-shadow: 3px 3px 9px rgba(0,0,0,0.4); margin-bottom: 10px; padding: 20px; border-radius: 3px; } .hosting-type__title h3{ color: #31253d; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1; letter-spacing: 0.084px; text-transform: uppercase; font-weight: 600; margin-bottom: 0; } .hosting-type__advantages{ background-color: #ffffff; padding: 20px; width: 100%; box-shadow: 3px 3px 9px rgba(0,0,0,0.4); margin-bottom: 10px; border-radius: 3px; } .hosting-type__advantages ul{ list-style: none; margin: 0; padding: 0; } .hosting-type__advantages ul li{ margin: 0 0 8px; padding: 0 0 0 20px; position: relative; color: #31253d; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 18px; letter-spacing: 0.084px; } .hosting-type__advantages ul li::before{ content: ""; position: absolute; top: 7px; left: -6px; width: 13px; height: 3px; background-color: #a840bd; } .hosting-type__advantages ul li::after{ content: ""; position: absolute; top: 2px; left: -1px; width: 3px; height: 13px; background-color: #a840bd; } .hosting-type__drawbacks{ background-color: #ffffff; padding: 20px; width: 100%; box-shadow: 3px 3px 9px rgba(0,0,0,0.4); margin-bottom: 10px; position:relative; border-radius: 3px; overflow: hidden; } .hosting-type__drawbacks.physical-server-purchasing::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: rgba(238,94,210,1); background: -moz-linear-gradient(top, rgba(238,94,210,1) 0%, rgba(196,77,186,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,94,210,1)), color-stop(100%, rgba(196,77,186,1))); background: -webkit-linear-gradient(top, rgba(238,94,210,1) 0%, rgba(196,77,186,1) 100%); background: -o-linear-gradient(top, rgba(238,94,210,1) 0%, rgba(196,77,186,1) 100%); background: -ms-linear-gradient(top, rgba(238,94,210,1) 0%, rgba(196,77,186,1) 100%); background: linear-gradient(to bottom, rgba(238,94,210,1) 0%, rgba(196,77,186,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5ed2', endColorstr='#c44dba', GradientType=0 ); } .hosting-type__drawbacks.physical-server-hosting::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: rgba(188,74,181,1); background: -moz-linear-gradient(top, rgba(188,74,181,1) 0%, rgba(130,50,147,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,74,181,1)), color-stop(100%, rgba(130,50,147,1))); background: -webkit-linear-gradient(top, rgba(188,74,181,1) 0%, rgba(130,50,147,1) 100%); background: -o-linear-gradient(top, rgba(188,74,181,1) 0%, rgba(130,50,147,1) 100%); background: -ms-linear-gradient(top, rgba(188,74,181,1) 0%, rgba(130,50,147,1) 100%); background: linear-gradient(to bottom, rgba(188,74,181,1) 0%, rgba(130,50,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc4ab5', endColorstr='#823293', GradientType=0 ); } .hosting-type__drawbacks.virtual-server-hosting::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: rgba(122,47,142,1); background: -moz-linear-gradient(top, rgba(122,47,142,1) 0%, rgba(80,30,118,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(122,47,142,1)), color-stop(100%, rgba(80,30,118,1))); background: -webkit-linear-gradient(top, rgba(122,47,142,1) 0%, rgba(80,30,118,1) 100%); background: -o-linear-gradient(top, rgba(122,47,142,1) 0%, rgba(80,30,118,1) 100%); background: -ms-linear-gradient(top, rgba(122,47,142,1) 0%, rgba(80,30,118,1) 100%); background: linear-gradient(to bottom, rgba(122,47,142,1) 0%, rgba(80,30,118,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a2f8e', endColorstr='#501e76', GradientType=0 ); } .hosting-type__drawbacks ul{ list-style: none; margin: 0; padding: 0; } .hosting-type__drawbacks ul li{ margin: 0 0 8px 0; padding: 0 0 0 20px; position: relative; color: #31253d; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1; letter-spacing: 0.084px; } .hosting-type__drawbacks ul li::before{ content: ""; position: absolute; top: 7px; left: -6px; width: 13px; height: 3px; background-color: #a840bd; } .new-services-page-main-text span{ font-weight: 700; } .calc-button-2{ position: absolute; bottom: 54px; right: 65px; background-color: transparent; border: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; color: #a840bd; line-height: 1; width: 234px; height: 57px; outline: none; padding: 0 0 5px 32px; } .calc-button-2:active, .calc-button-2:focus, .calc-button-2:hover{ outline: none; } .calc-button-2 img{ position: absolute; top: 0; left: 0; } .service-content-block ul{ list-style: none; column-count: 2; margin-top: 30px; } .service-content-block ul li{ color: #201728; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1; letter-spacing: 0.1575px; position: relative; padding-left: 18px; margin-bottom: 10px; line-height: 1.2; } .service-content-block ul li::before{ content: ""; position: absolute; top: 5px; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: #a942aa; } .service-content-block ul.one-column{ column-count: 1; } .service-content-block ul.mt10{ margin-top: 10px; } .service-content-block ul.mb7{ margin-bottom: 7px !important; } .new-services-page-second-title.purple h3{ color: #69327e; } .tariffs-block{ margin-top: 12px; margin-bottom: 12px; display: flex; justify-content: space-between; } .tariffs-block__left{ width: 100%; max-width: 655px; background-color: #fff; background: url('../../../../../../local/templates/main/img/new-services-page/tariffs-bg.png'); border-radius: 5px; overflow: hidden; padding: 20px 20px 0; box-shadow: 2px 2px 9px rgba(0,0,0,0.1); } .tariffs-block__right{ padding: 20px 20px 0; width: 100%; max-width: 330px; } .tariffs-block__left .new-services-page-second-title.purple h3{ text-decoration: underline; } .tariffs-block .new-services-page-main-text{} .tariffs-block .new-services-page-main-text p span::after{ content: "у"; font-family: PTrouble; } .service-page-block .new-services-software-wrap-2::after{ position: absolute; width: 100%; height: 15px; content: ""; bottom: 0; left: 0; /*(to bottom, rgba(255,255,255,0.64) 0%, rgba(255,255,255,0.82) 51%, rgba(255,255,255,1) 100%)*/ background: rgba(255,255,255,0.64); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.64) 0%, rgba(255,255,255,0.82) 51%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.64)), color-stop(51%, rgba(2255,255,255,0.82)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.64) 0%, rgba(255,255,255,0.82) 51%, rgba(2255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.64) 0%, rgba(255,255,255,0.82) 51%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.64) 0%, rgba(255,255,255,0.82) 51%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.64) 0%, rgba(255,255,255,0.82) 51%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); z-index: 3; } .service-page-block .new-services-software-wrap-2{ height: 118px; overflow: hidden; transition: height 250ms linear; position: relative; max-height: unset; } .service-page-block .new-services-software-wrap-2.opened-text::after{ width: 0; height: 0; } .service-page-block .new-services-software-wrap-2.opened-text{ display: block; height: auto; transition: height 250ms linear; } .new-services-advantages-text-wrap .new-services-page-second-title{ margin-bottom: 10px; } .new-services-advantages-text-wrap .new-services-page-second-title h3{ letter-spacing: 0; } .service-page-block.grey2-bg{ background: #F6F6F6; } .new-services-page-main-text .purple-span{ color: #A840BD; } .new-services-page-main-text .purple-span-2{ color: #69327e; } .tariffs-block .new-services-page-main-text p{ margin-bottom: 14px; } .link-service-small{ color: #c12adf; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1; letter-spacing: 0.084px; position: relative; text-decoration: underline !important; } .link-service-small:hover{ color: #c12adf; text-decoration: none !important; } .service-video-block{ cursor: pointer; position: relative; z-index: 4; } .service-page-block .col-s2-content-wrap__img{ cursor: pointer; margin-bottom: 20px; /*display: flex; justify-content: center;*/ } .service-page-block .col-s2-content-wrap__img img{ display: block; max-width: 100%; } .service-page-block{ position: relative; } .anchor-col{ position: absolute; top: -55px; left: 0; right: 0; } /*---------landing-page------------*/ .container-sm{ max-width: 1004px; width: 100%; margin: 0 auto; } .audit-section{ background-color: #fff; position: relative; background-image: url('../../../../../../local/templates/main/img/line-bg-section.png'); background-position: 0 100%; background-repeat: repeat-x; overflow: hidden; min-height: 480px; } .audit-section:after{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; background-image: url('../../../../../../local/templates/main/img/audit-bg.png'); background-repeat: no-repeat; background-position: 50% 100%; } .audit-section .container{ position: relative; z-index: 2; } .quote-wrap{ position: relative; padding: 20px 0 10px; } .quote-info{ text-align: right; font-size: 14px; line-height: 1.2; color: #492957; font-family: 'Open Sans', sans-serif; font-style: italic; padding: 0 25px 0 0; } .point-wrap{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .circle-cell{ display: block; width: 7px; height: 7px; border-radius: 50%; overflow: hidden; margin: 0 2px; background-color: #a939bf; } .quote-wrap .point-wrap{ position: absolute; top: 36px; left: 0; right: 0; z-index: 1; display: none; } .audit-info-section{ font-size: 14px; line-height: 1.6; color: #492957; font-family: 'Open Sans', sans-serif; position: relative; } .audit-info-section h2{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #201728; margin: 0 0 20px; } .audit-info-section p{ margin: 0 0 25px; } .title-section{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #201728; margin: 0 0 20px; } .quality-wrap{ position: relative; overflow: hidden; } .quality-section{ padding: 80px 0 75px 0; position: relative; } .quality-section .title-section{ margin: 0 0 45px; } .triangle-section-l, .triangle-section-r{ position: absolute; top: 0; left: 0; bottom: 0; width: 185px; z-index: 1; background-color: #faf9f9; } .triangle-section-l:after{ content: ""; position: absolute; top: 50%; right: -210px; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 325px 0 325px 210px; border-color: transparent transparent transparent #faf9f9; z-index: 1; transform: translateY(-50%); } .triangle-section-r{ left: inherit; right: 0; } .triangle-section-r:after{ content: ""; position: absolute; top: 50%; left: -210px; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 325px 210px 325px 0; border-color: transparent #faf9f9 transparent transparent; z-index: 1; transform: translateY(-50%); } .triggle-col{ position: absolute; top: 0; left: -10px; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 25px 25px 0 25px; border-color: #31253d transparent transparent transparent; } .triggle-col-sm{ position: absolute; top: 0; left: 0; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 18px 18px 0 18px; border-color: #ffffff transparent transparent transparent; } .triggle-col-wh{ border-color: #ffffff transparent transparent transparent; } .triggle-col-fiol{ border-color: #31253d transparent transparent transparent; } .triggle-col-gray{ border-color: #f7f6f6 transparent transparent transparent; } .triggle-col-gray-t{ border-color: #dbdbdb transparent transparent transparent; } .quality-item{ margin: 0 0 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display:-webkit-box; display:-ms-flexbox; display:flex; } .quality-item__img{ flex-basis: 180px; width: 180px; min-width: 180px; } .quality-item__img img{ display: block; margin: 0 auto; max-width: 100%; height: auto; } .quality-item__point{ min-width: 112px; flex-basis: 112px; width: 112px; } .quality-item__content{ padding: 0 0 0 30px; flex-grow: 1; } .quality-item__info h3{ font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: uppercase; color: #a939be; font-size: 20px; line-height: 1; margin: 0 0 20px; } .quality-item__info{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.2; color: #492957; } .quality-item__info p{ margin: 0; } .set-wrap{ background-color: #31253d; padding: 0 0 50px; } .set-content{ position: relative; padding: 55px 0 0 0; } .set-content__img{ padding: 0 0 15px; } .set-content__img img{ display: block; max-width: 100%; margin: 0 auto; } .set-content .point-wrap{ position: absolute; top: 25px; left: 0; right: 0; z-index: 1; display: none; } .set-content__text{ position: relative; padding: 20px 30px; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 14px; line-height: 1.5; } .set-content__text:after{ content: ""; position: absolute; top: 0; right: -15px; width: 28px; height: 191px; z-index: 1; background-image: url('../../../../../../local/templates/main/img/pattern-img-r.png'); background-position: 0 0; background-repeat: no-repeat; } .set-content__text:before{ content: ""; position: absolute; top: 0; left: -15px; width: 29px; height: 191px; z-index: 1; background-image: url('../../../../../../local/templates/main/img/pattern-img-l.png'); background-position: 0 0; background-repeat: no-repeat; } .set-content__text h3{ text-align: center; font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 1; color: #fff; margin: 0 0 20px; text-transform: uppercase; } .form-section{ background-color: #31253d; } .form-section__inner{ position: relative; /*padding: 75px 0 40px 0;*/ padding: 0; } .form-section__title{ font-family: gilroyExtraBold, sans-serif; font-size: 40px; line-height: 1; text-transform: uppercase; text-align: center; position: absolute; top: 18px; left: 0; right: 0; color: white; z-index: 1; } .form-section__title span{ color: #fff; display: block; position: relative; top: 17px; padding: 0 0 0 325px; } .form-contacts{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.2; color: #fff; text-align: center; } .form-contacts p{ margin: 0 0 40px; } .input-control{ width: 100%; padding: 0 10px; font-size: 14px; text-transform: uppercase; background-color: #fff; border: none; max-width: 360px; margin: 0 auto 20px; font-family: 'Open Sans', sans-serif; font-size: 14px; height: 40px; text-transform: uppercase; display: block; text-align: center; } .button-control{ font-family: 'Open Sans', sans-serif; width: 100%; max-width: 360px; border: 1px solid #a939bf; text-align: center; font-size: 16px; line-height: 1; text-transform: uppercase; background-color: #31253d; transition: all ease .3s; color: #fff; padding:11px 10px; letter-spacing: 2px; } .button-control:hover{ background-color: #a939bf; } .form-section__inner:after{ content: ""; position: absolute; bottom: -4px; right: -60px; width: 399px; height: 234px; z-index: 1; background-image: url('../../../../../../local/templates/main/img/form-contacts-img.png'); background-position: 0 0; background-repeat: no-repeat; } .finish-wrap{ background-color: #f2f2f2; padding: 55px 0 115px; min-height: 655px; } .finish-wrap .title-section{ margin: 0 0 65px; } .finish-wrap .container-sm{ position: relative; } .finish-img{ position: absolute; top: 105px; left: -160px; z-index: 1; display: block; max-width: 100%; } .finish-wrap__text{ padding: 0 0 0 405px; font-size: 14px; line-height: 1.7; font-family: 'Open Sans', sans-serif; color: #492957; text-align: justify; } .finish-wrap__text p{ margin: 0 0 20px; text-indent: 30px; } .finish-wrap__text b{ font-family: 'Open Sans', sans-serif; font-weight: bold; } .work-info-section{ background-color: #31253d; position: relative; } .work-info-section .title-section{ margin: 0 0 50px; color: #fff; } .work-info-section .container-sm{ position: relative; padding: 80px 0; } .work-table{ position: relative; } .work-info-section__description{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; margin: 0 0 45px; } .work-table__heading{ display:-webkit-box; display:-ms-flexbox; display:flex; } .work-table__btn-wrap{ position: absolute; top: 0; left: 0; right: 476px; z-index: 5; height: 54px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .work-table__item{ padding: 0 8px; flex-basis: 238px; width: 238px; min-width: 238px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .work-table__item:last-child{ padding: 0 0 0 8px; } .work-table__body .work-table__item{ padding: 12px 8px; border-top: 1px solid #50455a; } .work-table__body .work-table__item:last-child{ padding: 12px 0 12px 8px; } .work-table__body .work-table__item.work-table__item--caption{ padding: 12px 0; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.2; font-weight: bold; } .work-table__item--caption{ width: 100%; flex-basis: inherit; min-width: inherit; flex-grow: 1; padding: 0; color: #fff; } .work-table__item-name{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.2; color: #fff; display: block; width: 100%; padding: 10px 5px; text-align: center; background-color: #463b51; height: 100%; } .work-table__items{ width: 100%; display:-webkit-box; display:-ms-flexbox; display:flex; } .work-table__img{ display: block; max-width: 100%; margin: 0 auto; } .work-table__btn{ font-family: 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; width: 100%; max-width: 360px; display: block; text-align: center; position: relative; border: none; padding: 6px 25px; cursor: pointer; background-color: transparent; transition: all ease .3s; border: 2px solid #a939bf; } .work-table__btn:hover{ background-color: #a939bf; color: #fff; } .work-table__btn:after{ content: ""; position: absolute; top: 50%; left: 5px; width: 16px; height: 10px; background-image: url('../../../../../../local/templates/main/img/check-wh.png'); background-position: 0 0; background-repeat: no-repeat; z-index: 2; transition: all ease .3s; transform: translateY(-50%) rotateZ(-90deg); } .work-table__content{ display: none; } .work-table__btn-name{ opacity: 1; transition: all ease .3s; } .work-table__btn.active{ border-color: transparent; } .work-table__btn.active .work-table__btn-name{ opacity: 0; } .work-table__btn.active:hover{ background-color: transparent; } .work-table__btn.active:after{ transform: translateY(-50%) rotateZ(0deg); } .work-it-content{ padding: 41px 0 0 0; position: relative; border-top: 1px solid #fff; } .work-it-content:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 16px; border-color: #ffffff transparent transparent transparent; } .work-it-content__caption{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 1; color: #fff; text-align: center; padding: 15px 10px; margin: 0 0 65px; text-transform: uppercase; background-color: #4d2a5c; } .work-it-content__text{ font-family: 'Open Sans', sans-serif; color: #fff; max-width: 635px; width: 100%; } .work-it-content__text h4{ font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: bold; margin: 0 0 15px 40px; font-size: 14px; line-height: 1.2; } .list-circle{ margin: 0; padding: 0 0 15px; list-style-type: none; } .list-circle li{ position: relative; padding: 0 0 0 40px; margin: 0 0 15px; line-height: 1.2; font-size: 14px; } .list-circle li:after{ content: ""; width: 9px; height: 9px; background-color:#a939bf; border-radius: 50%; overflow: hidden; position: absolute; top: 3px; left: 0; z-index:1; } .questions-img{ display: block; position: absolute; bottom: -96px; right: -30px; max-width: 100%; z-index: 1; } .facts-section{ background-color: #31253d; padding: 0 0 50px; } .facts-section .container-sm{ padding: 75px 0 0 0; position: relative; } .facts-section .title-section{ margin: 0 0 45px; color: #fff; } .number-list{ margin: 0 0 35px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display:-webkit-box; display:-ms-flexbox; display:flex; } .number-list__item{ width: 20%; text-align: center; padding: 15px 0 5px; border-right: 1px solid #7a2a9b; border-left: 1px solid #7a2a9b; opacity: 1; transition: opacity ease .3s; } .number-list__item:first-child{ border-left: none; } .number-list__item:last-child{ border-right: none; } .number-list__col{ font-family: gilroyExtraBold, sans-serif; display: inline-block; vertical-align: top; position: relative; font-size: 55px; line-height: .8; color: #fff; margin: 0 0 15px; } .number-list__col:after{ content: ""; position: absolute; right: -9px; width: 17px; height: 8px; background-color: #837c8b; border-radius: 2px; } .edge-col:after, .work-number:after{ top: 6px; } .month-col:after, .minute-col:after{ bottom: 6px; } .order-number:after{ top: 11px; } .number-list__text{ font-family: 'Open Sans', sans-serif; display: block; text-transform: uppercase; color: #fff; font-size: 14px; line-height: 1.2; } .number-list__col--inner{ position: relative; z-index: 3; } .client-info-wrap{ font-family: 'Open Sans', sans-serif; font-size: 40px; line-height: 1; font-weight: bold; margin: 0 0 15px; text-transform: uppercase; color: #aa2eda; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .client-info-wrap__number{ position: relative; margin: 0 2px 0 0; width: 106px; height: 106px; border: 2px solid #fff; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; } .client-info-wrap__number:after{ content: ""; position: absolute; top: 50%; right: -2px; height: 48px; width: 9px; background-color: #31253d; margin: -24px 0 0 0; } .client-btn-wrap__info{ font-family: gilroyLight, sans-serif; text-align: center; font-size: 25px; line-height: 1.2; margin: 0 0 15px; text-transform: uppercase; color: #fff; } .about-us-btn{ position: relative; font-family: 'Open Sans', sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; border: 2px solid #a939bf; border-radius: 2px; display: block; text-align: center; font-size: 20px; line-height: 1; width: 100%; max-width: 316px; background-color: transparent; transition: all ease .3s; padding: 11px 10px; margin: 0 auto; } .about-us-btn:after{ content: ""; position: absolute; bottom: -9px; right: 7px; z-index: 1; width: 20px; height: 25px; background-image: url('../../../../../../local/templates/main/img/cursor-img.png'); background-position: 0 0; background-repeat: no-repeat; z-index: 2; } .about-us-btn:before{ content: ""; position: absolute; bottom: -2px; right: 12px; width: 9px; height: 2px; background-color: #31253d; transition: all ease .3s; z-index: 1; } .about-us-btn:hover{ background-color: #a939bf; color: #fff; text-decoration: none; } .about-us-btn:hover:before{ background-color: #a939bf; } .calculator-wrap .container-sm{ position: relative; padding: 65px 10px 0 50px; max-width: 100%; } .calculator-wrap .triggle-col-sm{ left: 50px; } .calculator-wrap .title-section{ margin: 0 0 55px; } .calculator-wrap__text{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.7; color: #492957; padding: 0 360px 40px 0; } .calculator-wrap__text p{ margin: 0 0 20px; } .calc-img-b{ display: block; max-width: 100%; position: absolute; top: 20px; right: 55px; z-index: 1; } .calc-slider-wrap__caption{ font-family: gilroyExtraBold, sans-serif; display: inline-block; vertical-align: top; position: relative; font-size: 20px; line-height: 1; color: #ea5bd0; text-transform: uppercase; padding: 0 26px 0 0; } .calc-slider-wrap__heading{ margin: 0 0 10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calc-slider-wrap__caption span{ color: #803792; } .calc-slider-wrap__item{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calc-slider-wrap__number{ font-family: 'Open Sans', sans-serif; width: 44px; flex-basis: 44px; min-width: 44px; height: 30px; border: 1px solid #ccc; border-radius: 5px; margin: 0 10px 0 0; font-size: 14px; line-height: 1; color: #492957; font-weight: bold; overflow: hidden; 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; } .calc-slider-wrap__input, input.calc-slider-wrap__input{ font-family: 'Open Sans', sans-serif; width: 100%; font-size: 14px; line-height: 1; color: #492957; text-align: center; border: none; box-shadow: none; height: 30px; padding: 0; margin: 0; font-weight: bold; } .calc-slider-wrap__input:focus, input.calc-slider-wrap__input:focus{ border: none !important; outline: none !important; box-shadow: none !important; } .calc-slider-wrap{ padding: 0 0 65px; } .calc-slider-wrap__cell{ flex-grow: 1; position: relative; } .slider-ui-custom.ui-slider-horizontal{ height: 10px; border-radius: 5px 0 0 5px; border: none; background-color: #f6f4f4; position: relative; margin: 0 21px 0 0; } .slider-ui-custom.ui-slider-horizontal:after{ content: ""; position: absolute; top: 0; right: -21px; width: 21px; height: 10px; background-color: #f6f4f4; border-radius: 0 5px 5px 0; } .slider-ui-custom .ui-widget-header{ background-color: #b993c2; border: none; border-radius: 5px 0 0 5px; } .slider-ui-custom.ui-slider-horizontal .ui-slider-handle{ width: 21px; height: 21px; border: none; background-color: #fff; border-radius: 50%; margin: 0; z-index: 10; cursor: pointer; top: -6px; } .slider-ui-custom.ui-slider-horizontal .ui-slider-handle:before{ content: ""; position: absolute; top: 0; left: 0; width: 21px; height: 21px; border-radius: 50%; overflow: hidden; z-index: 3; background-color: #fff; border: 5px solid #803792; } .slider-ui-custom.ui-slider-horizontal .ui-slider-handle:after{ content: ""; position: absolute; top: -3px; left: -3px; width: 27px; height: 27px; border-radius: 50%; overflow: hidden; z-index: 1; background-color: #fff; } .scale-wrap{ position: absolute; top: 20px; left: 0; right: 0; z-index: 2; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 6px; } .calc-slider-wrap__cell--user .scale-item{ width: auto; text-align: center; } .calc-slider-wrap__cell--user .scale-item:first-child{ text-align: left; } .calc-slider-wrap__cell--user .scale-item:last-child{ text-align: right; } .calc-slider-wrap__cell--user .scale-item:nth-child(2) .scale-item__number{ /*left: -12px;*/ left: -45px; } .calc-slider-wrap__cell--user .scale-item:nth-child(3) .scale-item__number{ /*left: -10px;*/ left: -132px } .calc-slider-wrap__cell--user .scale-item:nth-child(4){ text-align: right; } .calc-slider-wrap__cell--user .scale-item:nth-child(4) .scale-item__number{ /*right: -1px;*/ right: 170px; } .calc-slider-wrap__cell--user .scale-item:nth-child(5) .scale-item__number{ /*right: -1px;*/ right: 13px; } .calc-slider-wrap__cell--user .scale-item:last-child .scale-item__number{ right: -29px; } .scale-item__number{ font-family: 'Open Sans', sans-serif; position: relative; padding: 15px 0 0 0; display: inline-block; vertical-align: top; font-size: 14px; line-height: 1; color: #492957; } .scale-item__number:after{ content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 6px; background-color: #7f7f7f; z-index: 1; } .tooltip-link{ font-family: 'Open Sans', sans-serif; display: block; position: absolute; top: -12px; font-weight: bold; right: 0; width: 21px; height: 21px; text-align: center; line-height: 20px; font-size: 14px; background-color: #ebebeb; color: #492957; border-radius: 50%; overflow: hidden; cursor: pointer; } .tooltip-link:hover{ color: #fff; background-color: #803792; text-decoration: none; } .tooltip-inner{ font-family: 'Open Sans', sans-serif; font-size: 12px; } .calc-slider-wrap__h-item{ /*min-width: 380px;*/ } .calc-slider-wrap__input-wrap input{ font-family: 'Open Sans', sans-serif; width: 155px; height: 28px; background-color: #fff; padding: 0 10px; border: 1px solid #ccc; font-size: 14px; line-height: 1; color: #000; } .calc-slider-wrap__cell--server .scale-item, .calc-slider-wrap__cell--office .scale-item{ position: relative; } .calc-slider-wrap__cell--server .scale-item:nth-child(3){ left: 9px; } .calc-slider-wrap__cell--server .scale-item:nth-child(4){ left: 13px; } .calc-slider-wrap__cell--server .scale-item:nth-child(5){ left: 14px; } .calc-slider-wrap__cell--server .scale-item:nth-child(6){ left: 15px; } .calc-slider-wrap__cell--server .scale-item:nth-child(7){ left: 16px; } .calc-slider-wrap__cell--server .scale-item:nth-child(8){ /*left: 3px;*/ left: 25px; } .calc-slider-wrap__cell--server .scale-item.scale-item--three{ position: absolute; left: 100px; } .calc-slider-wrap__cell--office .scale-item:nth-child(3){ left: 1px; } .calc-slider-wrap__cell--office .scale-item:nth-child(4){ left: 2px; } .calc-slider-wrap__cell--office .scale-item:nth-child(5){ left: 3px; } .calc-slider-wrap__cell--office .scale-item:nth-child(6){ left: 4px; } .calc-slider-wrap__cell--office .scale-item:nth-child(7){ left: 5px; } .calc-slider-wrap__cell--office .scale-item:nth-child(8){ left: 5px; } .calc-slider-wrap__cell--office .scale-item:nth-child(9){ left: 6px; } .calc-slider-wrap__cell--office .scale-item:nth-child(10){ left: 3px; } .calculator-wrap{ padding: 0 0 70px; } .calc-btn-wrap{ padding: 0 65px 0 0; display:-webkit-box; display:-ms-flexbox; display:flex; } .calc-btn-wrap__item, .calc-btn-wrap__item-bord{ min-height: 50px; } .calc-btn-wrap__item:first-child{ width: 360px; min-width: 360px; flex-basis: 360px; } .calc-btn{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; line-height: 1; width: 100%; border: none; text-align: center; color: #fff; text-transform: uppercase; background-color: #a939bf; cursor: pointer; padding: 0; height: 50px; transition: background-color 0.2s linear; } .calc-btn:hover{ color: #fff; background-color: #803792 } .calc-btn-wrap__item-bord{ position: relative; overflow: hidden; /*border: 1px solid #803792;*/ background-color: #fff; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calc-btn-wrap__item-bord:before, .calc-btn-wrap__item-bord:after{ content: ""; position: absolute; border:1px solid transparent; width: 0; height: 0; } .calc-btn-wrap__item-bord.current:before, .calc-btn-wrap__item-bord.current:after{ width: 100%; height: 100%; } .calc-btn-wrap__item-bord:after, .calc-btn-wrap__item-bord:before{ top: 0; left: 0; } .calc-btn-wrap__item-bord.current:after{ -webkit-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; -o-transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; transition: height 0.25s ease-out, width 0.25s ease-out 0.25s; border-bottom-color: #803792; border-left-color: #803792; } .calc-btn-wrap__item-bord.current:before{ -webkit-transition: height 0.25s ease-out 0.25s, width 0.25s ease-out; -o-transition: height 0.25s ease-out 0.25s, width 0.25s ease-out; transition: height 0.25s ease-out 0.25s, width 0.25s ease-out; border-top-color: #803792; border-right-color: #803792; } .total-price{ font-family: gilroyExtraBold, sans-serif; color: #803792; font-size: 20px; line-height: 1; display: block; width: 100%; text-align: center; position: relative; left: 100%; } .total-price.active{ left: 0; transition: all ease 1s; } .total-price.non{ opacity: 0; } .total-table__price{ font-family: gilroyExtraBold, sans-serif; color: #803792; font-size: 20px; line-height: 1; } .calc-info-wrap{ background-color: #faf9f9; display: none; } .calc-info-wrap__inner{ position: relative; padding: 30px 0 85px; } .calc-info-wrap__inner img{ display: block; max-width: 100%; margin: 0 auto; opacity: 0; transition: all ease .8s; transform: translateX(-25px); } .calc-info-wrap__content{ opacity: 0; transform: translateX(25px); transition: all ease .8s; } .calc-info-wrap.active .calc-info-wrap__inner img, .calc-info-wrap.active .calc-info-wrap__content{ transform: translateX(0px); opacity: 1; } .calc-info-wrap__inner{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.6; color: #492957; } .calc-info-wrap__inner h2{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.4; text-transform: uppercase; color: #803792; margin: 0 0 5px; font-weight: bold; padding: 10px 0 0 0; } .calc-info-wrap__inner .triggle-col-sm{ left: 50%; margin: 0 0 0 -18px; } .beginning-work .title-section{ margin: 0 0 40px; } .beginning-work .container-sm{ padding: 50px 0 145px; position: relative; } .card-img-wrap{ width: 165px; position: relative; margin: 0 0 20px; } .card-number{ position: absolute; top: 0; left: 5px; z-index: 1; font-family: gilroyExtraBold, sans-serif; font-size: 50px; line-height: .8; color: #ddd; transition: all ease .3s; } .card-img-polygon{ width: 100%; padding: 0 42px; height: 144px; position: relative; z-index: 3; } .card-img-polygon:after{ content: ""; position: absolute; top: 0; left: 0; z-index:2; width: 0; height: 0; border-style: solid; border-width: 72px 42px 72px 0; border-color: transparent #f6f4f4 transparent transparent; transition: all ease .3s; } .begin-work-list__item.current .card-img-polygon:after{ border-color: transparent #a939bf transparent transparent; } .card-img-polygon:before{ content: ""; position: absolute; top: 0; right: 0; z-index:2; width: 0; height: 0; border-style: solid; border-width: 72px 0 72px 42px; border-color: transparent transparent transparent #f6f4f4; transition: all ease .3s; } .card-img-polygon-lg{ height: 148px; z-index:2; position: absolute; top: -2px; left: -2px; width: 169px; display: none; } .card-img-polygon-lg .card-img-polygon__bg{ height: 148px; } .card-img-polygon-lg:after, /*.begin-work-list__item--six .card-img-polygon-lg:after*/{ border-width: 74px 42px 74px 0; border-color: transparent #f6f4f4 transparent transparent !important; } .card-img-polygon-lg:before, /*.begin-work-list__item--six .card-img-polygon-lg:before*/{ border-width: 74px 0 74px 42px; border-color: transparent transparent transparent #f6f4f4 !important; } /*.begin-work-list__item--six .card-img-polygon-lg .card-img-polygon__bg{ background-color: #f6f4f4 !important; }*/ .begin-work-list__item.current .card-img-polygon:before{ border-color: transparent transparent transparent #a939bf; } .begin-work-list__item--six .card-img-wrap{ width: 172px; } .begin-work-list__item--six .card-img-polygon{ height: 148px; padding: 0; } .card-img-polygon-six:after, .card-img-polygon-six:before{ display: none; } .begin-work-list__item--six .card-img-polygon .card-img-polygon__bg{ background-color: transparent; background-image: url('../../../../../../local/templates/main/img/card-img-polygon-six-bg.png'); background-position: 0 0; background-repeat: no-repeat; transition: none; } .begin-work-list__item--six.current .card-img-polygon .card-img-polygon__bg{ background-position: 0 -148px; background-color: transparent !important; } .card-img-polygon__bg{ background-color: #f6f4f4; height: 144px; width: 100%; display: block; transition: all ease .3s; } .begin-work-list__item.current .card-img-polygon__bg{ background-color: #a939bf; } .begin-work-list{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-logo-wrap{ position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; 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; } .card-logo-wrap__cell-first, .card-logo-wrap__cell-two, .card-logo-wrap__cell-three, .card-logo-wrap__cell-thour, .card-logo-wrap__cell-five, .card-logo-wrap__cell-six{ display: block; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; } .card-logo-wrap__cell-first{ width: 77px; height: 77px; background-image: url('../../../../../../local/templates/main/img/work-img1.png'); } .begin-work-list__item.current .card-logo-wrap__cell-first{ background-position: 0 -77px; } .card-logo-wrap__cell-two{ width: 78px; height: 78px; background-image: url('../../../../../../local/templates/main/img/work-img2.png'); } .begin-work-list__item.current .card-logo-wrap__cell-two{ background-position: 0 -78px; } .card-logo-wrap__cell-three{ width: 77px; height: 67px; background-image: url('../../../../../../local/templates/main/img/work-img3.png'); } .begin-work-list__item.current .card-logo-wrap__cell-three{ background-position: 0 -67px; } .card-logo-wrap__cell-thour{ width: 63px; height: 80px; background-image: url('../../../../../../local/templates/main/img/work-img4.png'); } .begin-work-list__item.current .card-logo-wrap__cell-thour{ background-position: 0 -80px; } .card-logo-wrap__cell-five{ width: 76px; height: 75px; background-image: url('../../../../../../local/templates/main/img/work-img5.png'); } .begin-work-list__item.current .card-logo-wrap__cell-five{ background-position: 0 -75px; } .card-logo-wrap__cell-six{ width: 101px; height: 78px; background-image: url('../../../../../../local/templates/main/img/work-img6.png'); } .begin-work-list__item.current .card-logo-wrap__cell-six{ background-position: 0 -78px; } .card-text-col{ font-family: 'Open Sans', sans-serif; line-height: 1.4; font-weight: bold; display: block; width: 100%; font-size: 14px; text-transform: uppercase; color: #492957; text-align: center; } .begin-work-list__item{ padding: 0 0 40px; position: relative; z-index: 3; cursor: pointer; } .begin-work-list-info{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.2; color: #492957; /*min-height: 140px;*/ } .begin-work-list-info__item{ background-color: #fafafa; padding: 20px; display: none; } .begin-work-list-info__item.current{ display: block; } .begin-work-list-info__item p{ margin: 0 0 15px; } .send-btn{ font-family: 'Open Sans', sans-serif; display: inline-block; vertical-align: top; padding: 10px; min-width: 185px; color: #fff; text-decoration: none; text-transform: uppercase; cursor: pointer; background-color: #a939bf; transition: all ease .3s; text-align: center; } .send-btn:hover{ color: #fff; background-color: #803792; text-decoration: none; } .point-wrap--vert{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .point-wrap--vert .circle-cell{ margin: 5px 0 0 0; } .point-wrap--vert .circle-cell:first-child{ margin: 0; } .begin-work-list__item .point-wrap{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; opacity: 0; visibility: hidden; transition: all ease .3s; } .begin-work-list__item.current .point-wrap{ opacity: 1; visibility: visible; transition: all ease .3s; } .begin-work-list__item.current .card-number{ color: #8c20a1; } .begin-work-list__item:after{ /*content: ""; position: absolute; top: 68px; right: -42px; height: 8px; background: url('../../../../../../local/templates/main/img/arrows-b.png') 0 0 no-repeat; z-index: 1; width: 42px;*/ } .begin-list-wrap{ } .begin-arrows-wrap{ position: absolute; top: 178px; left: 0; right: 0; z-index: 1; display:-webkit-box; display:-ms-flexbox; display:flex; } .b-arrows{ display: block; width: 42px; height: 8px; background: url('../../../../../../local/templates/main/img/arrows-b.png') 0 0 no-repeat; position: relative; } .b-arrows:first-child{ left: 166px; } .b-arrows:nth-child(2){left: 334px;} .b-arrows:nth-child(3){left: 502px;} .b-arrows:nth-child(4){left: 670px;} .begin-work-list__item:last-child:after, .begin-work-list__item:nth-child(5):after{ display: none; } .begin-work-list__item--six{ position: absolute; bottom: -132px; left: 50%; transform: translateX(-50%); z-index: 5; } .begin-work-list__item--six .card-text-col--top{ display: block; margin: 0 0 20px; } .begin-work-list__item--six .card-text-col--bot{ display: none; } .begin-work-list__item--six .card-img-polygon__bg{ background-color: #fff; } .begin-work-list__item--six .card-img-polygon::before{ border-color: transparent transparent transparent #ffffff; } .begin-work-list__item--six .card-img-polygon::after{ border-color: transparent #ffffff transparent transparent; } .begin-work-list__item--six .card-number{ left: -3px; } .operatting-mode{ background-color: #e4e4e4; background-image: url('../../../../../../local/templates/main/img/operating-bg.png'); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } .operatting-mode .container-sm{ padding: 100px 0 40px; } .scheme-list{ margin: 0 0 35px; list-style-type: none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .scheme-list li{ position: relative; } .scheme-list li:after{ content: "+"; position: absolute; top: 50%; transform: translateY(-50%); right: -38px; z-index: 2; font-family: gilroyExtraBold, sans-serif; font-size: 35px; line-height: .8; color: #a939bf; } .scheme-list li:last-child:after{ display: none; } .scheme-list__name{ font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: uppercase; display: block; font-size: 14px; line-height: 1.4; text-align: center; color: #a939bf; } .scheme-list__circle{ width: 155px; height: 155px; border-radius: 50%; background-color: #fff; overflow: hidden; 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; } .plants-info-work{ max-width: 780px; width: 100%; margin: 0 auto; text-align: center; padding: 40px 0 0 0; border-top: 1px solid #c6cace; } .plants-info-work h3{ font-family: gilroyExtraBold, sans-serif; color: #201728; font-size: 20px; line-height: 1.2; text-transform: uppercase; margin: 0 0 35px; } .plants-info-work .list-circle{ font-family: 'Open Sans', sans-serif; max-width: 710px; width: 100%; display: inline-block; vertical-align: top; padding: 0 0 30px; } .plants-info-work .list-circle li{ padding: 0 0 0 30px; margin: 0 0 5px; text-align: left; } .plants-info-work .list-circle li b{ font-weight: bold; } .card-img-polygon.card-img-polygon-six:before{ right: 0; } .card-img-polygon.card-img-polygon-six:after{ left: 0; } .plants-info-work .send-btn{ min-width: inherit; max-width: 255px; width: 100%; font-size: 16px; padding: 7px 10px 9px; text-transform: inherit; } .finish-wrap__text .send-btn{ min-width: inherit; max-width: 255px; width: 100%; font-size: 16px; line-height: 1.5; padding: 7px 10px 9px; text-transform: inherit; } .work-table__btn:focus{ background-color: transparent; } .work-table__btn:focus, .calc-btn:focus{ outline:none; } .work-table__btn-name-mobile{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 6px 25px; transition: all ease .3s; opacity:0; } .work-anchor{ position: absolute; top: 0; left: 0; right: 0; } .servicesWrap{ overflow: hidden; } /*---------/landing-page------------*/ .video-new-b{ padding: 45px 0; } .video-new-b__content{ font-size: 14px; font-family: 'Open Sans', sans-serif; color: #000; font-weight: 400; padding: 45px 0 0 0; } .video-new-b__content b{ font-weight: bold; color: #803791; } .video-new-b__content p{ margin: 0 0 15px; } .video-new-b__content p:last-child{ margin: 0; } .video-new-b__content h2{ font-family: gilroyExtraBold, sans-serif; text-transform: uppercase; line-height: 16px; color: #000; font-size: 20px; margin: 0 0 20px; } .video-new-b__img img{ display: block; max-width: 100%; margin: 0 auto; } .next-btn{ opacity: 1; position: absolute; bottom: 0; text-decoration: none; z-index: 3; width: 100px; left: 0; right: 0; margin: 0 auto; display: block; text-align: center; padding: 0 0 60px; } .next-btn:hover{ color: #fff; text-decoration: none; } .next-btn:focus{ color: #fff; } .next-btn .name{ color: #fff; font-size: 10px; line-height: 12px; text-transform: uppercase; display: block; } .arrows-btn{ position: absolute; bottom: 30px; left: 0; right: 0; z-index: 3; display: block; width: 30px; margin: 0 auto; -webkit-animation: pulse2 .8s ease; animation: pulse2 .8s infinite ease; } .arrows-btn .arrow-svg{ transform: rotateZ(-90deg); width: 18px; height: 18px; } @-webkit-keyframes pulse2 { from {bottom:35px} 50% {bottom:30px} to {bottom:35px} } @keyframes pulse2 { from {bottom:35px} 50% {bottom:30px} to {bottom:35px} } #launcher, #webWidget{ right: inherit !important; left: 0 !important; } .kp-wrap{ text-align: center; padding: 45px 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.4; } .kp-wrap p{ margin: 0 0 30px; } .kp-wrap__title{ font-family: gilroyExtraBold, sans-serif; font-size: 20px; text-transform: uppercase; line-height: 1; color: #201728; margin: 0 0 20px; } .kp-wrap .send-btn{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height: 1; padding: 0 0 2px; color: #ffffff; width: 100%; max-width: 255px; height: 40px; margin: 0 auto; display: flex; justify-content: center; align-items: center; border-radius: 2px; background-color: #a939bf; transition: background-color 0.2s linear; text-transform: inherit; } .kp-wrap .send-btn:hover { color: #fff; background-color: #803792 } .phone-cell{ display: block; } .phone-cell .phone__link, .phone-cell .link-black{ margin: 0 5px 0 0; } .phone-cell__label{ font-size: 13px; } .form-contacts .form-group__or{ position: relative; top: -11px; } .mission-page .send-btn{ min-width: inherit; max-width: 255px; width: 100%; font-size: 16px; padding: 7px 10px 9px; text-transform: inherit; margin: 30px auto 10px; display: block; } .col-s3-content-wrap__img{ position: relative; overflow: hidden; height: 320px; margin: 0 0 10px; } .col-s3-content-wrap__img .col-s3-content-wrap__img-file{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .servicesWrap .container-net::before{display: none;} .servicesWrap .container-net__title{margin: 0;} .servicesWrap .container-net .container-net__link{ margin-top: 0;} .phone__col{ display: block; line-height: 1;} .phone__label { display: block; padding: 7px 0 0 0; color: #cac6c6; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 1.2; text-align: center; } @media (max-width: 1920px) { .triangle-section-l, .triangle-section-r{ width: 100px; } } @media (max-width: 1740px) { .triangle-section-l, .triangle-section-r{ width: 45px; } } @media (max-width: 1600px) { .triangle-section-l, .triangle-section-r{ width: 30px; } } @media (max-width: 1470px) { .triangle-section-l, .triangle-section-r{ width: 20px; } .triangle-section-l{ left: -90px; } .triangle-section-r{ right: -90px; } } @media (max-width: 1366px) { .triangle-section-l{ left: -150px; } .triangle-section-r{ right: -150px; } } @media (max-width: 1200px) { .service-page-block.purple-block .container{ padding: 50px 0 77px !important; } .service-page-block .container{ padding: 60px 0 60px !important; } .calc-button-2{ right: 0; } .triangle-section-l, .triangle-section-r{ display: none; } .number-list__col{ font-size: 42px; } .client-info-wrap{ font-size: 32px; } .form-section__inner::after{ right: -160px; } .begin-work-list__item::after{ display: none; } .scheme-list li::after{ right: -30px; } .begin-arrows-wrap{ display: none; } .ul-footer-inner-wrap.first .li-footer--header a{ min-height: inherit; } .work-table__btn-wrap{ right: 310px; } .work-table__item{ flex-basis: 150px; width: 150px; min-width: 150px; } .begin-work-list-info{ min-height: inherit; } } @media (max-width: 992px) { .tariffs-block{ flex-direction: column; } .service-content-block.left-type img{ margin-right: 20px; margin-bottom: 10px; } .service-content-block.right-type img{ margin-left: 20px; margin-bottom: 10px; } .service-content-block.ul-shift img{ margin-right: auto; margin-left: auto; display: block; margin-bottom: 10px; float: none; } .quote-wrap{ padding: 46px 0 30px; } .quote-info{ padding: 0; } .quote-wrap .point-wrap{ top: 20px; } .audit-section{ min-height: inherit; } .facts-section .container-sm{ padding: 45px 0 0 0; } .facts-section .title-section{ margin: 0 0 30px; } .number-list__col{ font-size: 32px; } .number-list__col::after{ width: 15px; } .client-info-wrap__number{ width: 86px; height: 86px; } .client-info-wrap{ font-size: 28px; } .client-btn-wrap__info{ font-size: 22px; } .client-info-wrap__number::after{ height: 40px; margin: -20px 0 0 0; } .number-list{ margin: 0 0 25px; } .number-list__text{ font-size: 12px; } .about-us-btn{ font-size: 18px; } .quality-section{ padding: 45px 0 25px; } .quality-item__img{ flex-basis: 150px; width: 150px; min-width: 150px; } .quality-item__point{ flex-basis: 80px; width: 80px; min-width: 80px; } .quality-item__content{ padding: 0 0 0 15px; } .quality-item__info h3{ font-size: 18px; margin: 0 0 15px; } .calculator-wrap .title-section{ margin: 0 0 25px; } .calc-img-b{ max-width: 200px; right: 25px; top: 120px; } .calculator-wrap__text{ padding: 0 260px 40px 0; } .calc-btn-wrap__item:first-child{ width: 260px; min-width: 260px; flex-basis: 260px; } .total-price, .calc-btn{ font-size: 18px; } .form-section__inner::after { right: -170px; background-size: contain; width: 300px; height: 174px;} .form-section__title{ font-size: 34px; top: 17px; } .form-section__title span{ top: 17px; padding: 0 0 0 277px; } .card-text-col{ font-size: 11px; } .card-number{ font-size: 44px; } .begin-work-list{ flex-wrap: wrap; } .begin-work-list__item{ width: 33.3%; } .begin-work-list__item--six .card-text-col--bot{ display: block; } .begin-work-list__item--six .card-text-col--top{ display: none; } .card-img-wrap{ margin: 0 auto 15px; } .begin-work-list__item--six{ position: absolute; bottom: 12px; left: inherit; transform: inherit; right: 0; } .begin-work-list__item .point-wrap{ display: none; } .begin-work-list-info{ display: none; } .beginning-work .container-sm{ padding: 50px 0 0 0; } .begin-work-list__item--six .card-number{ left: 5px; } .operatting-mode .container-sm{ padding: 45px 0 30px; } .scheme-list__circle{ width: 115px; height: 115px; } .scheme-list li::after{ right: -23px; font-size: 30px; } .scheme-list__name{ font-size: 10px; } .questions-img{ max-width: 200px; right: -130px; } .work-info-section .container-sm{ padding: 45px 0 80px; } .finish-wrap{ padding: 45px 0 40px; } .finish-wrap .title-section{ margin: 0 0 25px; } .finish-img{ position: relative; top: inherit; left: inherit; max-width: 100%; margin: 0 auto; } .finish-wrap__text{ padding: 15px 0 0 0; } .finish-wrap__text p{ margin: 0 0 10px; } .video-new-b{ padding: 35px 0 25px; } .video-new-b__content{ padding: 25px 0 0 0; } .begin-work-list{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .begin-work-list__item{ width: 33.3%; } .begin-list-wrap{ position: relative; } } .header-general .phone__link--def{display: block;} .header-general .phone__link--mb{display: none;} @media (max-width: 768px) { .service-content-block.right-type img, .service-content-block.left-type img{ float: unset; margin: 0 auto 30px; display: block; max-width: 100%; } .hosting-type{ width: 100%; } .new-services-puple-wrap.short{ height: auto; } .number-list{ flex-wrap: wrap; } .number-list__item{ width: 100%; border-right: none; border-left: none; position: relative; padding: 15px 0; } .number-list__item:after{ content: ""; position: absolute; bottom: 0; left:0; right: 0; height: 1px; background-color: #7a2a9b; z-index: 1; } .number-list__col{ font-size: 45px; } .number-list__text{ font-size: 14px; } .client-info-wrap{ flex-wrap: wrap; } .client-info-wrap__number{ margin: 0 0 15px; } .client-info-wrap__number:after{ display: none; } .client-info-wrap{ margin: 0 0 25px; } .calc-img-b{ display: none; } .calculator-wrap__text{ padding: 0 0 15px; } .calc-btn-wrap{ padding: 0; } .calc-btn-wrap__item:first-child{ width: 180px; flex-basis: 180px; min-width: 180px; } .total-price, .calc-btn{ font-size: 16px; } .form-section__inner::after{ right: -190px; width: 240px; height: 142px; } .begin-work-list__item{ width: 50%; } .card-text-col{ font-size: 14px; } .scheme-list{ flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .scheme-list li{ width: 33.3%; } .scheme-list__circle{ margin: 0 auto; } .scheme-list li::after{ right: -8px; } .scheme-list li:nth-child(3):after{ display: none; } .plants-info-work{ padding: 25px 0 0 0; } .plants-info-work h3{ margin: 0 0 25px; } .work-table__item{ padding: 0 5px; width: 130px; min-width: 130px; flex-basis: 130px; } .work-table__item:last-child{ padding: 0 0 0 5px; } .work-table__btn-wrap{ right: 262px; } .work-it-content__caption{ font-size: 18px; margin: 0 0 30px; line-height: 1.2; } .work-it-content{ padding: 31px 0 0 0; } .questions-img{ display: none; } .work-info-section .container-sm{ padding: 45px 0 70px; } .calc-slider-wrap__cell .scale-wrap .scale-item{display: none;} .calc-slider-wrap__cell .scale-wrap .scale-item:first-child, .calc-slider-wrap__cell .scale-wrap .scale-item:last-child{ display: block; } .video-new-b__content{ padding: 0; } .video-new-b__content p:last-child{ margin: 0 0 15px; } .begin-work-list-info{ min-height: inherit; } .work-table__btn{ letter-spacing: 1px; } .begin-work-list__item--six{ bottom: 18px; } .col-s3-content-wrap__img{ height: 370px; } .index-page .s7-title{ line-height: 1.2;} .contacts-text .phone-cell__label{ display: block;} .index-page .bg-video .header .logo-phone .phone .phone__number .phone__link--def, .header-general .phone__link--def{ display: none; } .index-page .bg-video .header .logo-phone .phone .phone__number .phone__link--mb, .header-general .phone__link--mb{ display: block; } } @media (max-width: 700px) { .services-top-nav__link{ font-size: 10px; line-height: 12px;} .services-top-nav-inner.services-top-nav-inner-fixed .services-top-nav__link{ width: 82px; } } @media (max-width: 576px) { .service-page-block.purple-block .container{ padding: 50px 15px 77px !important; } .service-page-block .container{ padding: 60px 15px 60px !important; } .new-services-puple-wrap-inner{ padding: 0 15px; } .col-s3-content-wrap__img{ height: auto; } .col-s3-content-wrap__img .col-s3-content-wrap__img-file{ position: relative; max-width: 100%; height: auto; object-fit: inherit; display: block; } .new-services-puple-wrap.short{ height: auto; } .calc-button-2{ position: relative; bottom: unset; right: unset; width: 204px; height: 57px; padding: 0 0 13px 32px; margin-top: 20px; } .calc-button-2 img{ max-width: 100%; } .service-content-block ul{ column-count: 1; } .title-section{ font-size: 25px; } .triggle-col, .triggle-col-sm{ display: none; } .quote-info{ text-align: center; font-size: 14px; } .audit-info-section h2, .facts-section .title-section, .client-info-wrap, .quality-section .title-section, .calculator-wrap .title-section, .beginning-work .title-section, .work-info-section .title-section, .finish-wrap .title-section{ text-align: center; } .audit-info-section p{ margin: 0 0 15px; } .client-info-wrap__caption{ font-size: 24px; } .client-btn-wrap__info{ font-size: 20px; } .about-us-btn{ max-width: 245px; padding: 11px 5px; } .quality-section .title-section{ margin: 0 0 30px; } .quality-item__point{ display: none; } .quality-item{ display: block; text-align: center; } .quality-item__img{ flex-basis: inherit; width: inherit; min-width: inherit; } .quality-item__img img{ margin: 0 auto 15px; } .quality-item__content{ padding: 0; } .set-content__text:before, .set-content__text:after{ display: none; } .set-content__text{ padding: 10px 0; } .calculator-wrap .container-sm{ padding: 45px 0 0 0; } .form-section__title{ /*position: relative; top: inherit;*/ } .form-section__title span{ top: inherit; padding: 0; } .form-section__inner{ padding: 35px 0 40px; } .form-section__inner::after{ display: none; } .beginning-work .title-section{ margin: 0 0 30px; } .scheme-list li{ width: 50%; padding: 0 0 15px; } .scheme-list li:nth-child(3)::after{ display: block; } .scheme-list li:nth-child(4)::after, .scheme-list li:nth-child(2)::after{ display: none; } .scheme-list__circle{ width: 135px; height: 135px; } .scheme-list__name{ font-size: 12px; } .work-info-section__description{ margin: 0 0 25px; } .work-info-section .title-section{ margin: 0 0 30px; } .calc-info-wrap__inner{ padding: 15px 0 25px; } .box-form{ padding: 20px 0; max-width: 100%; } .tooltip-link{ display: none; } .calc-slider-wrap__caption{ padding: 0; } .anchor-col{ top: 0; } .header-general .container, .footer-general .container{ padding: 0 15px; } .navigation-fixed.fixed .navigation{padding-top: 0; display: block; margin: 0;} .navigation-fixed.fixed .navigation__ul{ display:-webkit-box; display:-ms-flexbox; display:flex;} .navigation-fixed.fixed .navigation .navigation__li:hover .navigation__drop{ display: block;} .navigation-fixed.fixed .navigation .navigation__button:hover{ background: transparent;} .calc-slider-wrap__cell--user .scale-item:last-child .scale-item__number{ right: 0;} .calc-slider-wrap__cell--server .scale-item:nth-child(8){ left: 0;} } @media (max-width: 480px) { .begin-work-list__item{ width: 100%; } .work-table__item-name{ font-size: 11px; } .work-table__item{ width: 100px; flex-basis: 100px; min-width: 100px; } .work-table__btn-wrap{ right: 202px; height: 48px; } .work-table__btn{ font-size: 14px; letter-spacing: 1px; } .work-table__body .work-table__item.work-table__item--caption{ font-size: 12px; padding: 10px 0; } .calc-btn-wrap__item:first-child{ width: 130px; min-width: 130px; flex-basis: 130px; } .calculator-wrap{ padding: 0 0 50px; } .new-services-right-bracket, .new-services-left-bracket{ display: none; } .new-services-puple-wrap-inner.short{ padding: 0; } .begin-work-list__item--six{ position: relative; bottom: inherit; } .clients-logo-wrap:nth-child(1) .clients-logo, .clients-logo-wrap:nth-child(2) .clients-logo, .clients-logo-wrap:nth-child(3) .clients-logo, .clients-logo-wrap:nth-child(4) .clients-logo, .clients-logo{ left: 0; right: 0; margin: 0 auto !important; } .form-section__title{ font-size: 28px; top: 17px;} } @media (max-width: 420px) { .mission-page .s2-content__text{ font-size: 13px; } .section-two.mission-page{padding: 0 0 20px;} .index-page .container-consult{ padding: 15px 0 145px !important; } .index-page .container-consult::before{ right: 0; left: 0; margin: 0 auto; } .consult-content{ text-align: center; } .section-consult.index-page .consult-content .s8-btn{ margin: 15px auto; } } @media (max-width: 390px) { .calc-button-2{ display: block; } .calc-btn-wrap{ display: block; } .calc-btn-wrap__item:first-child{ width: 100%; min-width: inherit; flex-basis: inherit; } } @media (max-width: 576px) { .work-table__btn-wrap{ position: relative; right: inherit; left: inherit; margin: 0 0 10px; } .work-table__btn.active{ border-color: #a939bf; } .work-table__btn.active .work-table__btn-name-mobile{ opacity: 1; } .work-info-section .container-sm{ padding: 45px 0 15px; } .work-table__btn{ max-width: 100%; } .col-s3-content-wrap__img{ max-width: 200px; margin: 0 auto; } .col-s3-content-wrap__text{ text-align: center; } .about-section__img{ margin:0 auto 25px; } .new-services-btns-block{ margin-top: 10px; display: block; position: relative; padding: 45px 0 0 0; width: auto; } .new-services-btns-block .new-services-btn-show-more{ position: absolute; top: 0; left: 0; z-index: 5; } .calc-info-wrap__inner img{ display: none; } .responsive-hex-block{ display: none; } .index-page .container-hex{ padding-bottom: 0 !important; padding-top: 30px !important; } .index-page .container-hex .calc-button{ position: relative; bottom: inherit; right: inherit; margin: 0 auto; } .index-page .container-net .container-net__title{ text-align: center; } .phone__col--first{ padding: 0 0 10px; } } /* End */ /* Start:/local/templates/main/css/custom.css?16801569928091*/ :root { --primary-color: #a939bf; --primary-color-secondary: #803792; --primary-color-hover: #DCE4FF; --primary-color-focus: #002ED0; --text-color-primary: #181818; --text-color-secondary: #7D7D7D; --text-color-tertiary: #AEAEAE; --text-color-white: #ffffff; --text-disable-color: #CBCBCB; } .error-field{ border: 2px solid red !important; } .bg-video .header{ background-color:transparent; } .custom-file-label::after{ opacity:0; } html { scroll-behavior: smooth; } /*ДВУХФАКТОРНАЯ АУТЕНТИФИКАЦИЯ*/ /* Новые стили */ .mainblock{ display: flex; align-items: center; position: relative; padding-bottom: 80px; } .two-auth-block__title h3 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px; line-height: 25px; letter-spacing: 0.02em; color: #000; text-transform: uppercase; margin: 0; margin-bottom: 0.5rem; } .two-auth-block__text{ max-width: 500px; margin-left: auto; margin-top: 40px; } .mainblock__image{ position: absolute; left: -54px; top: -71px; } .two-auth-block__text p{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; color: #000000; } .pluses{ background: #31253D; } .pluses__title{ margin: 0 0 30px; } .pluses__title h3{ /*font-family: 'Open Sans', sans-serif;*/ font-family: gilroyExtraBold, sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1; text-align: center; letter-spacing: 0.125px; text-transform: uppercase; color: #FFFFFF; } .pluses__block{ display: flex; flex-wrap: wrap; justify-content: space-around; } .pluses__item{ display: flex; align-items: center; max-width: 396px; margin: 0 0 30px; } .pluses__text{ padding-left: 10px; } .pluses__name{ /*font-family: 'Open Sans', sans-serif;*/ font-family: gilroyExtraBold, sans-serif; font-weight: 700; font-size: 16px; line-height: 20px; letter-spacing: 0.02em; text-transform: uppercase; color: #FFFFFF; margin-bottom: 10px; } .pluses__desc{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; /*letter-spacing: 0.04em;*/ letter-spacing: 0.1575px; color: #FFFFFF; } .princips{ background: #F1F1F1; } .princips .two-auth-block__title{ margin-bottom: 20px; } .princips__wrapper{ display: flex; align-items: center; } .princips__list{ padding-left: 40px; } .princips__item { list-style: none; display: flex; margin: 0 0 8px; } .princips__item-text{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; color: #000000; } .princips__item-num{ font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; color: #A939BF; margin-right: 10px; } .tariffs .two-auth-block__title{ margin-bottom: 15px; } .tariffs__text{ font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; color: #000000; } .tariffs__block{ background: #F1F1F1; border-radius: 5px; max-width: 661px; padding: 18px 0 22px 17px; margin-top: 22px; } .tariffs__title h3{ font-family: 'Open Sans', sans-serif; font-weight: 700; margin: 0; font-size: 16px; line-height: 22px; letter-spacing: 0.01em; text-decoration-line: underline; color: #69327E; } .tariffs__note{ font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; line-height: 19px; letter-spacing: 0.04em; color: #6C6D70; margin-top: 8px; } .tariffs__btn-wrapper{ display: flex; } .new-services-btns-block { margin-top: 30px; display: flex; width: 380px; justify-content: space-between; align-items: center; } .new-services-btn-save-presentation{ cursor: pointer; color: #A939BF; display: flex; width: 211px; height: 38px; justify-content: center; align-items: center; background: transparent; border: 1px solid #A939BF; border-radius: 5px; font-size: 14px; line-height: 1; letter-spacing: 0.02em; text-transform: uppercase; text-decoration: none; transition: background-color 0.2s linear; } .new-services-btn-save-presentation:hover{ color: #ffffff; text-decoration: none; background-color: #803792; } .tariffs__btn-wrapper .new-services-btn-get-consultation{ margin-right: 13px; } .tariffs__btn-wrapper .new-services-btns-block{ width: auto; } .btn { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 32px; isolation: isolate; font-weight: 700; font-size: 18px; line-height: 24px; position: relative; transition: all 0.3s ease; text-decoration: none; -webkit-appearance: none; border-radius: 0; background: transparent; } .btn.btn--primary { background: var(--primary-color); color: white; } .btn.btn--primary:hover { color: white; background: var(--primary-color-secondary); } .btn.btn--primary:focus { background: var(--primary-color-secondary); } .btn.btn--primary:disabled { background: var(--background-disable); color: var(--text-disable-color); } .btn.btn--primary:disabled:hover { background: var(--background-disable); color: var(--text-disable-color); } .btn.btn--outline { background: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); } .btn.btn--outline:hover { background: var(--primary-color); color: white; } .btn.btn--outline:focus { background: var(--primary-color); color: white; } .btn.btn--ghost { background: transparent; text-decoration: none; color: var(--primary-color-secondary); clip-path: none; } .btn.btn--ghost:hover, .btn.btn--ghost:focus { color: var(--primary-color); } .mr-item-10 > * { margin-right: 10px; } .mr-item-15 > * { margin-right: 15px; } .mb-item-10 > * { margin-bottom: 10px; } .form-section { margin-top: 30px; padding-top: 15px; } .calculator-wrap { padding: 0 0 30px; } .inline-two-col { display: flex; flex-direction: row; } .inline-two-col > * { flex: 0 0 auto; } .inline-block-column { display: flex; flex-direction: column; height: 100%; justify-content: center; /*align-items: flex-end;*/ } .inline-block-column > .btn { width: 50%; } @media screen and (max-width: 768px) { .inline-block-column > .btn { width: 100%; } .audit-info-section ul { padding-left: 15px; } } /* Новые Медиа запросы к странице */ @media(max-width: 1200px) { .two-auth-block__text{ width: 100%; } } @media (max-width: 991px){ .mainblock{ flex-direction: column; padding-bottom: 0; } .mainblock__image{ position: relative; left: 0; top: 0; } .two-auth-block__title{ text-align: center; } .two-auth-block__text{ max-width: 100%; margin-top: 0; } .princips__wrapper{ flex-direction: column; } .princips__list{ padding-left: 0; padding-top: 20px; max-width: 460px; } } @media(max-width: 768px) { .mainblock__image img{ max-width: 100%; } .princips__image img{ max-width: 100%; } } @media(max-width: 480px) { .tariffs__btn-wrapper{ flex-direction: column; justify-content: center; align-items: center; } .tariffs__btn-wrapper .new-services-btn-get-consultation{ margin-right: 0; } .tariffs__btn-wrapper .new-services-btns-block{ padding-top: 0; } } /* End */ /* Start:/local/templates/main/css/wow/animate.css?162462271577930*/ @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-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); } } .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: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .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); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } /*fadeInLeft*/ @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-18%, 0, 0); transform: translate3d(-18%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-18%, 0, 0); transform: translate3d(-18%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /*end fadeInLeft*/ @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } /*fadeInRight*/ @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(18%, 0, 0); transform: translate3d(18%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(18%, 0, 0); transform: translate3d(18%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /*end fadeInRight*/ @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -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-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -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; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.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 { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.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); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .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; } } /* End */ /* Start:/local/templates/main/css/jquery-ui.css?162462271534830*/ /*! jQuery UI - v1.10.4 - 2014-03-04 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.slider.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url(/local/templates/main/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(/local/templates/main/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(/local/templates/main/css/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url(/local/templates/main/css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url(/local/templates/main/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(/local/templates/main/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(/local/templates/main/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ef8c08_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ef8c08_256x240.png)}.ui-state-active .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ef8c08_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ffd27a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url(/local/templates/main/css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(/local/templates/main/css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url(/local/templates/main/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(/local/templates/main/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(/local/templates/main/css/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url(/local/templates/main/css/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url(/local/templates/main/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url(/local/templates/main/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(/local/templates/main/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ffffff_256x240.png)}.ui-state-default .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ef8c08_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ef8c08_256x240.png)}.ui-state-active .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ef8c08_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/local/templates/main/css/images/ui-icons_ffd27a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url(/local/templates/main/css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(/local/templates/main/css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px} /* End */ /* Start:/local/templates/main/js/video-modal/modal-video.min.css?16246227152069*/ @keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px} /* End */ /* Start:/local/templates/main/components/bitrix/menu/top/style.min.css?16246227153715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(../../../../../../local/templates/main/components/bitrix/menu/top/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(../../../../../../local/templates/main/components/bitrix/menu/top/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(../../../../../../local/templates/main/components/bitrix/menu/top/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/main/components/bitrix/menu/footer_menu/style.min.css?16246227153715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(../../../../../../local/templates/main/components/bitrix/menu/footer_menu/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(../../../../../../local/templates/main/components/bitrix/menu/footer_menu/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(../../../../../../local/templates/main/components/bitrix/menu/footer_menu/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* /local/templates/main/css/owl_carousel_css/owl.carousel.min.css?16246227153351 */ /* /local/templates/main/css/owl_carousel_css/owl.carousel.min.css?16246227153351 */ /* /local/templates/main/css/slick.css?16246227151729 */ /* /local/templates/main/css/fancybox/jquery.fancybox.min.css?162462271512795 */ /* /local/templates/main/css/fancybox/jquery.fancybox.min.css?162462271512795 */ /* /local/templates/main/css/hover-min.css?162462271595282 */ /* /local/templates/main/css/main.css?1658216333278762 */ /* /local/templates/main/css/custom.css?16801569928091 */ /* /local/templates/main/css/wow/animate.css?162462271577930 */ /* /local/templates/main/css/jquery-ui.css?162462271534830 */ /* /local/templates/main/js/video-modal/modal-video.min.css?16246227152069 */ /* /local/templates/main/components/bitrix/menu/top/style.min.css?16246227153715 */ /* /local/templates/main/components/bitrix/menu/footer_menu/style.min.css?16246227153715 */ /* MAZANKO refresh */ :root { --mazanko-ink: #142033; --mazanko-muted: #68778f; --mazanko-accent: #ea5b2a; --mazanko-accent-strong: #c83f19; --mazanko-accent-soft: #ffb067; --mazanko-surface: rgba(255, 255, 255, 0.94); --mazanko-line: rgba(20, 32, 51, 0.08); --mazanko-shadow: 0 20px 50px rgba(9, 18, 34, 0.16); } body { background: radial-gradient(circle at top left, rgba(234, 91, 42, 0.14), transparent 28%), linear-gradient(180deg, #f4f7fb 0%, #ffffff 24rem); color: var(--mazanko-ink); } .navigation-fixed { background: rgba(10, 18, 34, 0.84); backdrop-filter: blur(16px); box-shadow: 0 10px 30px rgba(8, 16, 31, 0.2); } .index-page .video-overlay { background: linear-gradient(135deg, rgba(10, 18, 34, 0.88), rgba(10, 18, 34, 0.38)), radial-gradient(circle at top right, rgba(255, 176, 103, 0.34), transparent 30%); } .header, .navigation, .phone, .contacts-block, .contacts__li, .calculator-form, .modal-content, .section-services__item, .section-principles__content, .s3-link, .f-link { position: relative; } .phone__number, .footer-logo-wrap__text, .contacts__li-text, .contacts-text { color: var(--mazanko-ink); } .phone__link, .link-phone, .link-black, .link-white { transition: color 0.2s ease, opacity 0.2s ease; } .phone__link:hover, .link-phone:hover, .link-black:hover, .link-white:hover { color: var(--mazanko-accent); opacity: 1; } .phone__btn, .call-send-btn, .send-btn, .form-submit, .f-link, .s3-link, .modal-btn, .feedback-send, button[type="submit"] { border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 16px 35px rgba(234, 91, 42, 0.2); transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; } .phone__btn:hover, .call-send-btn:hover, .send-btn:hover, .form-submit:hover, .f-link:hover, .s3-link:hover, .modal-btn:hover, .feedback-send:hover, button[type="submit"]:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(234, 91, 42, 0.28); } .call-send-btn, .send-btn, .form-submit, button[type="submit"] { background: linear-gradient(135deg, var(--mazanko-accent), var(--mazanko-accent-strong)); } .phone__btn, .f-link, .s3-link { background: rgba(255, 255, 255, 0.12); } .form-control, .form-input, .feedback-textarea, textarea, input[type="text"], input[type="tel"], input[type="email"] { border-radius: 18px !important; border: 1px solid rgba(20, 32, 51, 0.1) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); } .form-control:focus, .form-input:focus, .feedback-textarea:focus, textarea:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus { border-color: rgba(234, 91, 42, 0.55) !important; box-shadow: 0 0 0 4px rgba(234, 91, 42, 0.12) !important; } .calculator-form, .modal-content, .contacts__li, .contacts-block { border-radius: 28px; box-shadow: var(--mazanko-shadow); overflow: hidden; } .title-section, .title-big, .title-section-center { letter-spacing: 0.02em; } .mazanko-top-note { display: inline-flex; align-items: center; gap: 10px; margin: 18px 0 0; padding: 10px 16px; border-radius: 999px; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.18); color: #fff; font-size: 13px; line-height: 1.4; backdrop-filter: blur(14px); } .mazanko-top-note strong { color: #fff; } .mazanko-quick-actions { position: fixed; right: 18px; bottom: 18px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; } .mazanko-quick-actions__item { display: flex; align-items: center; gap: 10px; min-width: 220px; padding: 12px 16px; border-radius: 18px; background: rgba(10, 18, 34, 0.92); color: #fff; text-decoration: none; box-shadow: 0 22px 40px rgba(8, 16, 31, 0.24); transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; } .mazanko-quick-actions__item:hover { color: #fff; text-decoration: none; transform: translateY(-2px); box-shadow: 0 26px 44px rgba(8, 16, 31, 0.3); background: linear-gradient(135deg, rgba(234, 91, 42, 0.96), rgba(200, 63, 25, 0.96)); } .mazanko-quick-actions__icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(255, 255, 255, 0.14); font-size: 18px; flex: 0 0 38px; } .mazanko-quick-actions__label { display: block; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } .mazanko-quick-actions__value { display: block; margin-top: 2px; font-size: 15px; font-weight: 700; color: #fff; } @media (max-width: 991px) { .mazanko-quick-actions { left: 12px; right: 12px; bottom: 12px; flex-direction: row; } .mazanko-quick-actions__item { min-width: 0; flex: 1 1 0; padding: 12px; } .mazanko-quick-actions__label { font-size: 10px; } .mazanko-quick-actions__value { font-size: 12px; } }