/* Start:/local/templates/dweb/css/libs.min.css?166365895316220*/ html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:2;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:3;text-align:center;line-height:0;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;*zoom:1;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/local/templates/dweb/css/../images/ico/lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}.lb-container>.nav{left:0}.lb-nav a{outline:none;background-image:url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/local/templates/dweb/css/../images/ico/lightbox/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/local/templates/dweb/css/../images/ico/lightbox/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/local/templates/dweb/css/../images/ico/lightbox/close.png) 100% 0 no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} 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:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;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;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0;text-align:center;z-index:99996}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-44px;z-index:-1}.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-caption{padding:12px}.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-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:transparent;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)}} .slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0;&:focus{outline:none}&.dragging{cursor:pointer;cursor:hand}}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;&:after,&:before{content:"";display:table}&:after{clear:both}.slick-loading &{visibility:hidden}}.slick-slide{float:left;height:100%;min-height:1px;[dir=rtl] &{float:right}img{display:block}&.slick-loading img{display:none}display:none;&.dragging img{pointer-events:none}.slick-initialized &{display:block}.slick-loading &{visibility:hidden}.slick-vertical &{display:block;height:auto;border:1px solid transparent}}.slick-arrow.slick-hidden{display:none} /* End */ /* Start:/local/templates/dweb/css/animate.css?166365895370808*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: 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(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: 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 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(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .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(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .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: none; transform: none; } 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: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 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: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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: none; transform: none; } 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 bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } .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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } .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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } .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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -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, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .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) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) 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) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) 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(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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-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-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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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: none; transform: none; 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-name: hinge; animation-name: hinge; } /* 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: none; transform: none; } } @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: none; transform: none; } } .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(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .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.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .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.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -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(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -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(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .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.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .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.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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; } /* End */ /* Start:/local/templates/dweb/js/fancybox/jquery.fancybox.css?16636589673953*/ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;} .fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .fancybox-opened{z-index:8030;} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);} .fancybox-outer, .fancybox-inner{position:relative;} .fancybox-inner{overflow:hidden;} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;} .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;} .fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;} .fancybox-image{max-width:100%;max-height:100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/local/templates/dweb/js/fancybox/fancybox_sprite.png');} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;} #fancybox-loading div{width:44px;height:44px;background:url('/local/templates/dweb/js/fancybox/fancybox_loading.gif') center center no-repeat;} .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;} .fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/local/templates/dweb/js/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;} .fancybox-prev{left:0;} .fancybox-next{right:0;} .fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;} .fancybox-prev span{left:10px;background-position:0 -36px;} .fancybox-next span{right:10px;background-position:0 -72px;} .fancybox-nav:hover span{visibility:visible;} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;} .fancybox-lock{overflow:hidden !important;width:auto;} .fancybox-lock body{overflow:hidden !important;} .fancybox-lock-test{overflow-y:hidden !important;} .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('/local/templates/dweb/js/fancybox/fancybox_overlay.png');} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0;} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;} .fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;} .fancybox-opened .fancybox-title{visibility:visible;} .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;} .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;} .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;} .fancybox-title-inside-wrap{padding-top:10px;} .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/local/templates/dweb/js/fancybox/fancybox_sprite@2x.png');background-size:44px 152px;} #fancybox-loading div{background-image:url('/local/templates/dweb/js/fancybox/fancybox_loading@2x.gif');background-size:24px 24px;} } /* End */ /* Start:/local/templates/dweb/template_styles.css?1663658953165858*/ /* Sizes */ /* Colors */ /* Default */ /* Placeholder */ .overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #fff; } @media screen and (max-width: 768px){ /*a, a:visited{color:#fff !important;}*/ .navigation{display:none; color:#fff;} .navigation a{color:#fff ;} .navigation__list{ display:none; } } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-Black/Montserrat-Black.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-Black/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-Black/Montserrat-Black.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-Black/Montserrat-Black.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "FiraSans"; src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-Light/FiraSans-Light.eot"); src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-Light/FiraSans-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-Light/FiraSans-Light.woff") format("woff"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-Light/FiraSans-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "FiraSans"; src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-LightItalic/FiraSans-LightItalic.eot"); src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-LightItalic/FiraSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-LightItalic/FiraSans-LightItalic.woff") format("woff"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-LightItalic/FiraSans-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: Italic; } @font-face { font-family: "FiraSans"; src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-Regular/FiraSans-Regular.eot"); src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-Regular/FiraSans-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-Regular/FiraSans-Regular.woff") format("woff"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-Regular/FiraSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "FiraSans"; src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-Italic/FiraSans-Italic.eot"); src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-Italic/FiraSans-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-Italic/FiraSans-Italic.woff") format("woff"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-Italic/FiraSans-Italic.ttf") format("truetype"); font-weight: normal; font-style: Italic; } @font-face { font-family: "FiraSans"; src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-Bold/FiraSans-Bold.eot"); src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-Bold/FiraSans-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-Bold/FiraSans-Bold.woff") format("woff"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-Bold/FiraSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "FiraSans"; src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-BoldItalic/FiraSans-BoldItalic.eot"); src: url("/local/templates/dweb/fonts/FiraSans/FiraSans-BoldItalic/FiraSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-BoldItalic/FiraSans-BoldItalic.woff") format("woff"), url("/local/templates/dweb/fonts/FiraSans/FiraSans-BoldItalic/FiraSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: Italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-Medium/Montserrat-Medium.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-Medium/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-Medium/Montserrat-Medium.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-Medium/Montserrat-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-Italic/Montserrat-Italic.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-Italic/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-Italic/Montserrat-Italic.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-Italic/Montserrat-Italic.ttf") format("truetype"); font-weight: normal; font-style: Italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-BlackItalic/Montserrat-BlackItalic.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-BlackItalic/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-BlackItalic/Montserrat-BlackItalic.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-BlackItalic/Montserrat-BlackItalic.ttf") format("truetype"); font-weight: 500; font-style: Italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-SemiBold/Montserrat-SemiBold.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-SemiBold/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-SemiBold/Montserrat-SemiBold.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-SemiBold/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-SemiBoldItalic/Montserrat-SemiBoldItalic.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-SemiBoldItalic/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-SemiBoldItalic/Montserrat-SemiBoldItalic.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-SemiBoldItalic/Montserrat-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: Italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-Bold/Montserrat-Bold.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-Bold/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-Bold/Montserrat-Bold.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-Bold/Montserrat-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-BoldItalic/Montserrat-BoldItalic.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-BoldItalic/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-BoldItalic/Montserrat-BoldItalic.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-BoldItalic/Montserrat-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: Italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-ExtraBold/Montserrat-ExtraBold.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-ExtraBold/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-ExtraBold/Montserrat-ExtraBold.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-ExtraBold/Montserrat-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-ExtraBoldItalic/Montserrat-ExtraBoldItalic.eot"); src: url("/local/templates/dweb/fonts/Montserrat/Montserrat-ExtraBoldItalic/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-ExtraBoldItalic/Montserrat-ExtraBoldItalic.woff") format("woff"), url("/local/templates/dweb/fonts/Montserrat/Montserrat-ExtraBoldItalic/Montserrat-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: Italic; } body { display: flex; flex-direction: column; font-family: "FiraSans"; font-size: 17px; font-weight: 300; color: #000; /*#2e2e2e;*/ min-width: 320px; min-height: 100vh; padding: 0; margin: 0; } @media screen and (max-width: 1600px) { body { font-size: 18.6px; } } @media screen and (max-width: 1366px) { body { font-size: 18px; } } @media screen and (max-width: 768px) { body { font-size: 16px; } } main { flex-grow: 1; overflow: hidden; } main.visible { overflow: visible; } select, input, textarea { font-family: "FiraSans"; font-size: 16px; font-weight: 300; color: #2e2e2e; } @media screen and (max-width: 1366px) { select, input, textarea { font-size: 16px; } } @media screen and (max-width: 1080px) { select, input, textarea { font-size: 14px; } } @media screen and (max-width: 768px) { select, input, textarea { font-size: 14px; } } /* Placeholders */ ::-webkit-input-placeholder { font-family: "FiraSans"; font-size: 16px; font-weight: 300; color: #2e2e2e; } ::-moz-placeholder { font-family: "FiraSans"; font-size: 16px; font-weight: 300; color: #2e2e2e; } :-moz-placeholder { font-family: "FiraSans"; font-size: 16px; font-weight: 300; color: #2e2e2e; } :-ms-input-placeholder { font-family: "FiraSans"; font-size: 16px; font-weight: 300; color: #2e2e2e; } @media screen and (max-width: 1600px) { ::-webkit-input-placeholder { font-size: 18.6px; } ::-moz-placeholder { font-size: 18.6px; } :-moz-placeholder { font-size: 18.6px; } :-ms-input-placeholder { font-size: 18.6px; } } @media screen and (max-width: 1366px) { ::-webkit-input-placeholder { font-size: 16px; } ::-moz-placeholder { font-size: 16px; } :-moz-placeholder { font-size: 16px; } :-ms-input-placeholder { font-size: 16px; } } @media screen and (max-width: 1080px) { ::-webkit-input-placeholder { font-size: 14px; } ::-moz-placeholder { font-size: 14px; } :-moz-placeholder { font-size: 14px; } :-ms-input-placeholder { font-size: 14px; } } /* Placeholders END */ * { -webkit-text-size-adjust: none; box-sizing: border-box; } *:focus, select:focus, input:focus, textarea:focus { outline: none; } /* show-scroll */ @-webkit-keyframes show-scroll { from { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } to { -webkit-transform: translateY(-4px); transform: translateY(-4px); } } @keyframes show-scroll { from { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } to { -webkit-transform: translateY(-4px); transform: translateY(-4px); } } /* */ @keyframes flash-ico { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } /* */ @-webkit-keyframes pulse { from { box-shadow: 0 0 0 0 rgba(124, 228, 216, 0.4); } 70% { box-shadow: 0 0 0 20px rgba(204, 169, 44, 0); } to { box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } @keyframes pulse { from { box-shadow: 0 0 0 0 rgba(124, 228, 216, 0.4); } 70% { box-shadow: 0 0 0 20px rgba(204, 169, 44, 0); } to { box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } } /**/ .title-block--disabled { opacity: 0; } .directions-list__wrapper--disabled { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .career-list__item--disabled, .directions__items--disabled { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .accordion-navigation__item--disabled { -webkit-transform: scaleX(0); transform: scaleX(0); } .solutions__information--disabled { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .solutions__image--disabled { -webkit-transform: translateX(100%); transform: translateX(100%); } .projects-slider__content--disabled { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .news__item--disabled, .projects__item--disabled { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } .about__information--disabled { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .certificates-slider--disabled { opacity: 0; } .about-achievements__item--disabled { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .advantages__item--disabled { -webkit-transform: scale(0); transform: scale(0); } .welcome__information--disabled { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .welcome__movie--disabled { opacity: 0; } /*.reviews-slider__title--disabled { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .reviews-clients--disabled { opacity: 0; } .reviews-current--disabled { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }*/ .lightbox { transform: translateY(40px); } .advantages__item--disabled { -webkit-transform: scale(0); transform: scale(0); } .slider-logo { position: relative; z-index: 1; } .slider-logo__item--disabled { -webkit-transform: scaleX(0); transform: scaleX(0); } .preview-slider--disabled { opacity: 0; } .inner-solution__information--disabled { opacity: 0; transform: translateX(-100%); } .inner-solution__item--disabled { opacity: 0; transform: translateY(-100%); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .v-test { display: none; position: fixed; top: 0; left: 0; width: 100vw; max-width: 100%; height: 100vh; z-index: 100; overflow: hidden; } .v-test__wrapper { position: absolute; right: 100px; bottom: 100px; border-radius: 50%; background-color: red; width: 684px; height: 684px; overflow: hidden; margin: auto; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; -webkit-transform: translate(300px, -110px) translateZ(0) scale(1); transform: translate(300px, -110px) translateZ(0) scale(1); transition: width 1s linear, height 1s linear; } .v-test__wrapper:hover { background-color: transparent; width: 2800px; height: 2800px; transition: width 8s linear, height 8s linear; } .v-test__movie { position: absolute; min-width: 100vw; min-height: 100vh; top: 50%; left: 50%; margin-left: -282px; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0); transform: translateX(-50%) translateY(-50%) translateZ(0); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Montserrat"; font-weight: 500; line-height: 1.4; text-transform: uppercase; color: #434f7a; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { margin-top: 0; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; } h1, .h1 { font-size: 36px; line-height: 1.2; margin: 0; } h2, .h2 { font-size: 28px; margin: 70px 0; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; font-weight: 700; } @media screen and (max-width: 1366px) { h1, .h1 { font-size: 40px; } h2, .h2 { font-size: 30px; margin: 50px 0; } h3, .h3 { font-size: 22px; } } @media screen and (max-width: 1080px) { h1, .h1 { font-size: 34px; } h2, .h2 { font-size: 24px; margin: 30px 0; } h3, .h3 { font-size: 20px; } } @media screen and (max-width: 768px) { h1, .h1 { font-size: 24px; } h2, .h2 { font-size: 22px; margin: 20px 0; } h3, .h3 { font-size: 18px; } h4, .h4 { font-size: 16px; } } a { color: inherit; } a:hover { text-decoration: none; } a[data-lightbox] { cursor: zoom-in; } button { border: none; background-color: transparent; cursor: pointer; padding: 0; } ul>li { margin-bottom: 14px; } @media screen and (max-width: 1080px) { ul>li { margin-bottom: 8px; } } ul.check-list { list-style-type: none; padding: 0; margin: 0; margin: 40px 0; } ul.check-list:last-child { margin-bottom: 0; } ul.check-list>li { position: relative; padding-left: 38px; margin-bottom: 30px; } ul.check-list--large>li { padding-left: 60px; } ul.check-list>li:last-child { margin-bottom: 0; } ul.check-list>li::before { content: ''; background-image: url("/local/templates/dweb/images/ico/check-blue.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; } ul.check-list--large>li::before { width: 36px; height: 36px; } ul.center-list { list-style-type: none; padding: 0; margin: 0; display: flex; font-family: "Montserrat"; } ul.center-list--mb40 { margin-bottom: 40px; } ul.center-list>li { position: relative; flex-grow: 1; flex-shrink: 1; text-align: center; color: #434f7a; padding: 0 38px; } ul.center-list>li:last-child::after { display: none; } ul.center-list>li::after { content: ''; position: absolute; top: 0; right: 0; background-color: #aeb3c2; width: 1px; height: 38px; } ul.center-list .check { position: relative; text-align: left; max-width: 270px; padding-left: 40px; margin: 0 auto; } ul.center-list .check::before { content: ''; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; background-image: url("/local/templates/dweb/images/ico/check.svg"); width: 20px; height: 20px; } @media screen and (max-width: 1366px) { ul.center-list>li { padding: 0 20px; } } @media screen and (max-width: 1080px) { ul.center-list>li { font-size: 14px; } ul.center-list .check { padding-left: 30px; } ul.center-list .check::before { width: 14px; height: 14px; } } @media screen and (max-width: 768px) { ul.center-list { flex-direction: column; } ul.center-list>li { padding: 0; margin-bottom: 16px; } ul.center-list>li::after { display: none; } } ul.blue-dots { list-style-type: none; padding: 0; margin: 0; list-style-type: none !important; padding-left: 0 !important; line-height: 1.7; } ul.blue-dots>li { position: relative; } ul.blue-dots>li::before { content: ''; position: relative; top: -2px; display: inline-block; border-radius: 50%; background-color: #434f7a; width: 6px; height: 6px; margin-right: 20px; } @media screen and (max-width: 1080px) { ul.blue-dots>li::before { margin-right: 10px; } } .img-circle { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } ol.number-list { list-style-type: none; padding: 0; margin: 0; counter-reset: numbers; } ol.number-list>li { display: flex; margin-bottom: 60px; } ol.number-list>li::before { content: counter(numbers) "."; counter-increment: numbers; font-size: 39px; font-weight: 700; color: #a5aabe; margin-right: 20px; } ol.number-list>li:last-child { margin-bottom: 0; } ol.number-list.col2 { display: flex; flex-wrap: wrap; margin: 0 -20px; } ol.number-list.col2>li { flex-grow: 1; flex-shrink: 1; width: calc(50% - 40px); max-width: 700px; margin-left: 20px; margin-right: 20px; } @media screen and (max-width: 768px) { ol.number-list>li { margin-bottom: 30px; } ol.number-list.col2 { flex-direction: column; } ol.number-list.col2>li { width: 100%; max-width: 100%; } } ul.list-col2 { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: -20px -20px 50px; } ul.list-col2:last-child { margin-bottom: -20px; } ul.list-col2>li { flex-grow: 1; flex-shrink: 1; width: calc(50% - 40px); max-width: 700px; margin: 20px; } @media screen and (max-width: 768px) { ul.list-col2 { flex-direction: column; margin: 0; } ul.list-col2>li { width: 100%; max-width: 100%; margin: 0 0 16px; } ul.list-col2>li:last-child { margin-bottom: 0; } ul.list-col2 .inline-advantage { margin: 0 0 20px; } ul.list-col2 .inline-advantage:last-child { margin: 0; } } ul.list-col2--ms { margin: 0; } ul.list-col2--ms>li { max-width: 100%; margin: 0; margin-right: 20px; } ul.list-col2--ms>li:last-child { margin-right: 0; } @media screen and (max-width: 940px) { ul.list-col2--ms { display: block; } ul.list-col2--ms>li { width: 100%; margin-right: 0; margin-bottom: 10px; } } .bold { font-weight: 700; } .hidden { display: none !important; } .invisible { pointer-events: none; position: absolute; visibility: hidden; z-index: -999; } .clearfix::after { content: ''; display: table; clear: both; } .section { position: relative; padding: 40px 0 80px; margin-top: 70px; z-index: 1; } .section-cod { margin-top: 0 !important; padding-top: 0 !important; } .section__title { margin-bottom: 70px; } .section__title h1 { max-width: 1100px; } .section__bg { pointer-events: none; position: absolute; top: 0; left: 0; opacity: .6; z-index: -1; } .section__bg--404 { top: inherit; bottom: 0; left: 50%; max-width: 150%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .section__bg--rb { top: inherit; right: -6px; bottom: -690px; left: inherit; } .section__bg--inner { top: inherit; right: 0; bottom: 180px; left: inherit; } @media screen and (max-width: 1366px) { .section { margin-top: 64px; /* padding-bottom: 120px; */ } .section__title { margin-bottom: 60px; } } @media screen and (max-width: 1080px) { .section { margin-top: 64px; padding: 40px 0 60px; } .section__title { margin-bottom: 40px; } } @media screen and (max-width: 768px) { .section { margin-top: 64px; padding: 20px 0 60px; } .section__title { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .section { padding-bottom: 20px !important; } } .wrapper { width: 100%; max-width: 1620px; padding: 0 20px; margin: 0 auto; } @media screen and (max-width: 1080px) { .wrapper { padding: 0 16px; } } .margin-bottom { margin-bottom: 80px; } @media screen and (max-width: 1366px) { .margin-bottom { margin-bottom: 60px; } } @media screen and (max-width: 1080px) { .margin-bottom { margin-bottom: 40px; } } @media screen and (max-width: 768px) { .margin-bottom { margin-bottom: 20px; } } .float-left { float: left; max-width: 50%; margin-right: 40px; margin-bottom: 40px; } @media screen and (max-width: 1080px) { .float-left { margin-right: 20px; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .float-left { float: none; max-width: 100%; margin: 0 0 20px; } } .float-right { float: right; max-width: 50%; margin-left: 40px; margin-bottom: 40px; } @media screen and (max-width: 1080px) { .float-right { margin-left: 20px; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .float-right { float: none; max-width: 100%; margin: 0 0 20px; } } .button { background-color: #434f7a; position: relative; border: none; border-radius: 24px; font-size: 14px; text-transform: uppercase; color: #fff; min-width: 194px; min-height: 48px; padding: 6px 16px; transition: background-color .2s linear, box-shadow .2s linear; z-index: 1; } .button::before { content: ''; background-color: #434f7a; position: absolute; top: 0; left: 0; border-radius: 24px; background-image: linear-gradient(to right, rgba(100, 140, 226, 0.37), rgba(100, 140, 226, 0) 100%); width: 100%; height: 100%; z-index: -1; } .button:hover { background-color: rgba(67, 79, 122, 0); box-shadow: 0 0 0 8px rgba(67, 79, 122, 0.16); } @media screen and (max-width: 1366px) { .button { font-size: 13px; min-width: 186px; min-height: 44px; } } @media screen and (max-width: 1080px) { .button { font-size: 12px; min-width: 160px; min-height: 40px; } } a.button { display: inline-flex; justify-content: center; align-items: center; text-decoration: none; height: 48px; } @media screen and (max-width: 1366px) { a.button { height: 44px; } } @media screen and (max-width: 1080px) { a.button { height: 40px; } } .link-arrow { display: inline-flex; align-items: center; font-size: 16px; text-transform: uppercase; text-decoration: none; color: #434f7a; } .link-arrow::after { background-image: url("/local/templates/dweb/images/ico/link-arrow.png"); background-repeat: no-repeat; background-size: cover; background-position: center; content: ''; position: relative; top: -1px; left: 0; font-weight: normal; width: 24px; height: 8px; margin-left: 12px; transition: left .2s; } .link-arrow:hover::after { left: 6px; } @media screen and (max-width: 1080px) { .link-arrow { font-size: 14px; } } .link-play { color: inherit; text-decoration: none; display: inline-flex; align-items: center; color: #434f7a; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; } .link-play:hover { text-decoration: underline; } .link-play__ico { display: inline-flex; justify-content: center; align-items: center; order: -1; border-radius: 50%; background-color: #ecedf2; width: 52px; height: 52px; margin-right: 12px; } .link-play__ico::after { content: ''; position: relative; left: 5px; border: 6px solid transparent; border-left: 8px solid #505f82; transition: border-color .3s linear; } .link-play:hover .link-play__ico::after { border-left-color: #16499e; } .link-play--white { color: #fff; } .link-play--reverse .link-play__ico { order: -1; margin-left: 0; margin-right: 12px; } @media screen and (max-width: 1366px) { .link-play__ico { width: 44px; height: 44px; } } @media screen and (max-width: 1080px) { .link-play__ico { width: 38px; height: 38px; } .link-play__ico::after { left: 4px; border-width: 4px; border-left-width: 6px; } } @media screen and (max-width: 768px) { .link-play__ico { width: 30px; height: 30px; } .link-play__ico::after { left: 3px; } } .ico-place, .ico-mail, .ico-phone { position: relative; padding-left: 44px; } .ico-place a, .ico-mail a, .ico-phone a { color: inherit; text-decoration: none; } .ico-place a:hover, .ico-mail a:hover, .ico-phone a:hover { text-decoration: underline; } .ico-place .svg-ico, .ico-place svg, .ico-mail .svg-ico, .ico-mail svg, .ico-phone .svg-ico, .ico-phone svg { position: absolute; top: 0; left: 0; fill: #434f7a; } .ico-place .svg-ico { background-image: url("/local/templates/dweb/images/ico/placeholder.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .ico-place .svg-ico, .ico-place svg { top: -1px; width: 28px; height: 28px; } .ico-mail .svg-ico { background-image: url("/local/templates/dweb/images/ico/mail.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .ico-mail .svg-ico, .ico-mail svg { top: -1px; width: 24px; height: 24px; } .ico-phone .svg-ico { background-image: url("/local/templates/dweb/images/ico/c-phone.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .ico-phone .svg-ico, .ico-phone svg { width: 22px; height: 22px; } @media screen and (max-width: 1366px) { .ico-place, .ico-mail, .ico-phone { padding-left: 34px; } .ico-place .svg-ico, .ico-place svg { width: 24px; height: 24px; } .ico-mail .svg-ico, .ico-mail svg, .ico-phone .svg-ico, .ico-phone svg { top: 1px; width: 20px; height: 20px; } } .title-block__wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin: -10px; } .title-block__section { align-self: center; margin: 10px; } .title-block__caption { margin: 0; } .title-block__subcaption { font-family: "Montserrat"; font-size: 24px; text-transform: uppercase; color: #434f7a; margin: 10px 0 0; } @media screen and (max-width: 1366px) { .title-block__subcaption { font-size: 22px; } } @media screen and (max-width: 1080px) { .title-block__subcaption { font-size: 20px; } } @media screen and (max-width: 768px) { .title-block__subcaption { font-size: 18px; } } .white-section { border-radius: 20px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); padding: 72px 80px 80px; } @media screen and (max-width: 1366px) { .white-section { padding: 60px; } } @media screen and (max-width: 1080px) { .white-section { padding: 40px; } } @media screen and (max-width: 768px) { .white-section { padding: 20px; } } .scroll-next { margin: 110px 0; } .scroll-next__content { position: relative; text-align: center; min-height: 2px; } .scroll-next__content::before, .scroll-next__content::after { pointer-events: none; content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("/local/templates/dweb/images/linear-dots-bg.png"); height: 2px; width: 46%; max-width: 716px; } .scroll-next__content::before { left: 0; } .scroll-next__content::after { right: 0; } .scroll-next__arrow { fill: #434f7a; cursor: pointer; width: 20px; height: 20px; -webkit-animation: show-scroll 1.4s infinite; animation: show-scroll 1.4s infinite; } .scroll-next div.scroll-next__arrow { background-image: url("/local/templates/dweb/images/ico/arrow.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; display: inline-block; } @media screen and (max-width: 1366px) { .scroll-next { margin: 80px 0; } } @media screen and (max-width: 1080px) { .scroll-next { margin: 60px 0; } } @media screen and (max-width: 768px) { .scroll-next { margin: 40px 0; } .scroll-next__content::before, .scroll-next__content::after { width: 42%; } } .slider-arrow { position: absolute; top: 50%; border-radius: 50%; background-color: #fff; box-shadow: 0 0 29px 0 #e1e3ea; width: 60px; min-width: 60px; height: 60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: background-color .3s linear; z-index: 1; } .slider-arrow.slick-disabled { opacity: .6; } .slider-arrow svg { position: absolute; top: 50%; left: 50%; fill: #1b45a9; width: 16px; height: 16px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: fill .3s linear; } .slider-arrow:not(.slick-disabled):hover { background-color: #434f7a; } .slider-arrow:not(.slick-disabled):hover svg { fill: #fff; } .slider-arrow--left { left: 0; } .slider-arrow--right { right: 0; } .slider-arrow.enabled { pointer-events: none; opacity: 0; } @media screen and (max-width: 1366px) { .slider-arrow { width: 40px; min-width: 40px; height: 40px; } .slider-arrow svg { width: 14px; height: 14px; } } .show-more { position: relative; margin-top: 110px; z-index: 1; } .show-more::before, .show-more::after { pointer-events: none; content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/dweb/images/linear-dots-bg.png); height: 2px; width: 46%; max-width: 716px; z-index: -1; } .show-more::before { left: 0; } .show-more::after { right: 0; } .show-more__button { display: flex; align-items: center; text-transform: uppercase; color: #434f7a; background-color: #fff; height: 36px; padding: 0 14px; margin: 0 auto; transition: color .3s linear; } .show-more__button:hover { color: #16499e; } .show-more__button:hover .show-more__ico { top: 0; fill: #16499e; } .show-more__ico { position: relative; top: -2px; fill: #434f7a; width: 14px; height: 14px; margin-left: 12px; transition: top .2s linear, color .3s linear; } @media screen and (max-width: 1366px) { .show-more { margin-top: 80px; } } @media screen and (max-width: 1080px) { .show-more { margin-top: 60px; } } @media screen and (max-width: 768px) { .show-more { margin-top: 40px; } } .up { position: fixed; right: 20px; bottom: 60px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 29px 0 #e1e3ea; width: 40px; height: 40px; opacity: 0; transition: background-color .3s linear, opacity .3s linear, bottom .3s linear; z-index: 10; } .up svg { fill: #434f7a; width: 40%; height: 40%; } .up.active { opacity: 1; } .up:hover { background-color: #ecedf2; } @media screen and (max-width: 1080px) { .up { width: 32px; height: 32px; } } @media screen and (max-width: 768px) { .up { right: 10px; bottom: 20px; } } .breadcrumbs { margin-bottom: 40px; } .breadcrumbs-list { list-style-type: none; padding: 0; margin: 0; font-size: 0; color: #414141; margin-bottom: -10px; } .breadcrumbs-list li { display: inline-block; font-size: 15px; margin-right: 22px; margin-bottom: 10px; } .breadcrumbs-list li::after { content: '/'; margin-left: 22px; } .breadcrumbs-list li:last-child { margin-right: 0; } .breadcrumbs-list li:last-child::after { display: none; } .breadcrumbs-list a { color: #434f7a; } @media screen and (max-width: 1366px) { .breadcrumbs { margin-bottom: 20px; } .breadcrumbs-list li { font-size: 14px; margin-right: 18px; } .breadcrumbs-list li::after { margin-left: 18px; } } @media screen and (max-width: 1080px) { .breadcrumbs { margin-bottom: 20px; } .breadcrumbs-list li { font-size: 12px; margin-right: 10px; } .breadcrumbs-list li::after { margin-left: 10px; } } .footer { font-size: 16px; color: #a6abbb; background-color: #434f7a; } .footer__logo { max-width: 100%; min-width: 100px; } .footer .ico-place { padding-left: 26px; } .footer .ico-place svg { fill: #fff; width: 18px; height: 18px; } .footer .ico-mail { padding-left: 32px; } .footer .ico-mail svg { fill: #fff; width: 20px; height: 20px; } .footer__call { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -5px -20px; } .footer__phone { color: inherit; text-decoration: none; font-weight: 700; white-space: nowrap; color: #fff; margin: 5px 20px; transition: color .3s linear; } .footer__phone:hover { color: #a6abbb; } .footer__callback { display: flex; align-items: center; font-size: 16px; color: #fff; margin: 5px 20px; transition: color .3s linear; } .footer__callback:hover { color: #a6abbb; } .footer__callback:hover .footer__telephone { background-color: #a6abbb; } .footer__telephone { display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #dfe1e8; min-width: 40px; height: 40px; margin-right: 12px; transition: background-color .3s linear; } .footer__telephone svg { fill: #434f7a; width: 14px; height: 14px; } .footer__navigation { list-style-type: none; padding: 0; margin: 0; } .footer__navigation>li { line-height: 1.4; margin-bottom: 20px; } .footer__navigation>li:last-child { margin-bottom: 0; } .footer__navigation>li.caption { font-weight: 700; text-transform: uppercase; color: #fff; } .footer__navigation>li a { color: inherit; text-decoration: none; } .footer__navigation>li a:hover { text-decoration: underline; } .footer__navigation>li a.active { text-decoration: underline; } .footer__developer { color: inherit; text-decoration: none; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; margin: -5px -16px; transition: color .3s linear; } .footer__developer img { margin: 5px 16px; } .footer__developer span { margin: 5px 16px; } .footer__developer:hover { color: #fff; } @media screen and (max-width: 1366px) { .footer { font-size: 14px; } .footer__navigation>li { margin-bottom: 14px; } } @media screen and (max-width: 1152px) { .footer__logo { width: 100%; max-width: 140px; } .footer__call { margin: -5px -16px; } .footer__phone { font-size: 16px; } .footer__callback { font-size: 14px; } .footer__telephone { min-width: 34px; height: 34px; } .footer__telephone svg { width: 10px; height: 10px; } } @media screen and (max-width: 1080px) { .footer { font-size: 13px; } .footer__call, .footer__phone { margin: 0; } .footer__callback { display: none; } .footer__navigation>li { margin-bottom: 10px; } } @media screen and (max-width: 1024px) { .footer__logo { max-width: 120px; } } @media screen and (max-width: 760px) { .footer__developer { justify-content: center; } } .footer-grid__row { display: flex; justify-content: space-between; padding: 20px 0; } .footer-grid__row--top { border-bottom: 1px solid rgba(166, 171, 187, 0.61); color: #fff; /* min-height: 142px; */ min-height: 100px; } .footer-grid__row--middle { min-height: 304px; padding-top: 40px; } .footer-grid__row--middle .footer-grid__section { align-self: flex-start; } .footer-grid__row--bottom { border-top: 1px solid rgba(166, 171, 187, 0.61); /* min-height: 124px; */ } .footer-grid__row--bottom p { margin: 0; } .footer-grid__left { display: flex; flex-grow: 3; flex-shrink: 1; justify-content: space-between; width: 100%; max-width: 1060px; padding-right: 20px; margin: 0 -10px; } .footer-grid__right { display: flex; flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 380px; margin: 0 -10px; } .footer-grid__right--width { max-width: 460px; } .footer-grid__right .footer-grid__section { max-width: 100%; } .footer-grid__wrap { display: flex; flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 700px; } .footer-grid__section { flex-grow: 1; flex-shrink: 1; align-self: center; width: 100%; max-width: 220px; margin: 0 10px; } .footer-grid__section--col2 { flex: 2.1 1; width: 100%; max-width: 460px; } @media screen and (max-width: 1366px) { .footer-grid__row--top, .footer-grid__row--middle, .footer-grid__row--bottom { min-height: 0; } .footer-grid__row--middle { padding-top: 20px; } .footer-grid__left { max-width: 860px; } .footer-grid__right { max-width: 300px; } .footer-grid__right--width { max-width: 100%; } .footer-grid__right .footer-grid__section { justify-content: flex-end; } .footer-grid__section { max-width: 180px; } } @media screen and (max-width: 1152px) { .footer-grid__right { max-width: 240px; } .footer-grid__right--width { max-width: 100%; } } @media screen and (max-width: 1080px) { .footer-grid__left { max-width: 100%; } .footer-grid__right { max-width: 180px; } .footer-grid__right--width { max-width: 100%; } .footer-grid__section { max-width: 160px; } } @media screen and (max-width: 900px) { .footer-grid .hide-first { display: none; } .footer-grid__row--middle .footer-grid__wrap .footer-grid__section:first-child { display: none; } } @media screen and (max-width: 760px) { .footer-grid__row { margin: 0; } .footer-grid__row--middle .footer-grid__left>.footer-grid__section:last-child { display: none; } .footer-grid__row--bottom { flex-direction: column; } .footer-grid__row--bottom .footer-grid__left { padding: 0; } .footer-grid__row--bottom .footer-grid__left .footer-grid__wrap { display: block; text-align: center; margin: 0; } .footer-grid__row--bottom .footer-grid__right { text-align: center; } .footer-grid__row--bottom .footer-grid__wrap { justify-content: space-between; width: 100%; max-width: 100%; margin-bottom: 20px; } .footer-grid__left { flex-grow: inherit; justify-content: flex-start; padding: 0; margin: 0; } .footer-grid__right { max-width: 100%; } .footer-grid__right .footer-grid__section { justify-content: center; } .footer-grid__wrap { flex-grow: 0; } .footer-grid__section { display: flex; justify-content: center; align-items: center; white-space: normal; max-width: 100%; } .footer-grid .hide-second { display: none; } .footer-grid .ico-mail { margin-left: 20px; } } @media screen and (max-width: 570px) { .footer-grid { padding: 10px 0; } .footer-grid__row { flex-direction: column; padding: 10px 0; } .footer-grid__row--middle { justify-content: center; } .footer-grid__left, .footer-grid__wrap { flex-direction: column; margin-bottom: 20px; } .footer-grid .ico-mail { margin-left: 0; } .footer-grid .hide-last { display: none; } } .social { margin-bottom: 48px; } .social__caption { font-weight: 700; text-transform: uppercase; color: #fff; margin: 0 0 28px 10px; } .social__list { list-style-type: none; padding: 0; margin: 0; display: flex; font-size: 0; } .social__list>li { flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 70px; margin-right: 10px; margin-bottom: 0; } .social__list>li:last-child { margin-right: 0; } .social__ico { fill: #fff; width: 100%; height: 100%; max-width: 36px; max-height: 26px; transition: fill .3s; } .social__ico--vk { max-height: 32px; } .social__ico:hover { fill: #a6abbb; } @media screen and (max-width: 1366px) { .social { margin-bottom: 30px; } .social__caption { margin: 0 0 20px; } } @media screen and (max-width: 1152px) { .social__ico { max-width: 26px; } } @media screen and (max-width: 760px) { .social { margin-bottom: 0; } } .footer-search { display: flex; border: 1px solid rgba(255, 255, 255, 0.47); max-width: 380px; height: 64px; margin-left: 12px; } .footer-search__button { width: 70px; height: 100%; margin-right: 10px; } .footer-search__button:hover .footer-search__ico { fill: #a6abbb; } .footer-search__ico { fill: #fff; width: 20px; height: 20px; transition: fill .3s linear; } .footer-search input { flex: 1 1; border: none; color: #fff; background-color: transparent; height: 100%; padding: 0; } .footer-search input::-webkit-input-placeholder { color: #fff; } .footer-search input::-moz-placeholder { color: #fff; } .footer-search input:-moz-placeholder { color: #fff; } .footer-search input:-ms-input-placeholder { color: #fff; } @media screen and (max-width: 1366px) { .footer-search { height: 56px; margin-left: 0; } .footer-search__button { width: 50px; } } @media screen and (max-width: 1152px) { .footer-search { height: 50px; } .footer-search input { font-size: 14px; } .footer-search input::-webkit-input-placeholder { font-size: 14px; } .footer-search input::-moz-placeholder { font-size: 14px; } .footer-search input:-moz-placeholder { font-size: 14px; } .footer-search input:-ms-input-placeholder { font-size: 14px; } } @media screen and (max-width: 1080px) { .footer-search { display: none; } } .header { position: fixed; top: 0; left: 0; display: flex; align-items: center; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); width: 100%; height: 70px; padding: 10px 0; z-index: 10; } .header::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: -1; } .header .wrapper { height: 100%; } .header__overlay { display: none; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; z-index: 3; } .header__content { display: flex; justify-content: space-between; align-items: center; height: 100%; } .header__menu { display: none; } .header__menu svg { fill: #434f7a; width: 100%; height: 100%; } .header__logo { display: block; width: 100%; max-width: 215px; min-width: 100px; } .header__section { display: flex; flex-grow: 1; flex-shrink: 1; justify-content: flex-end; align-self: stretch; margin-left: 20px; } @media screen and (max-width: 1600px) { /*.header__logo { max-width: 140px; }*/ } @media screen and (max-width: 1366px) { .header { height: 64px; } .header__logo { max-width: 190px; } } @media screen and (max-width: 1280px) { .header__logo { max-width: 150px; } } @media screen and (max-width: 1220px) { .header { height: 58px; } .header__overlay { display: block; } .header__logo { max-width: 145px; } .header__menu { display: block; order: 1; width: 34px; } .header__section { order: 2; flex-grow: 0; } } @media screen and (max-width: 560px) { .header__logo { max-width: 120px; } .header__menu { width: 26px; margin-left: 18px; } } .search-header { position: relative; display: flex; justify-content: flex-end; align-items: center; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; max-width: 0; min-width: 60px; margin: -10px 0; } .search-header__wrap { position: absolute; top: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); display: flex; border-left: 1px solid #c4c4c4; background-color: #fff; width: 0; height: 100%; overflow: hidden; z-index: 1; transition: width .3s linear; } .search-header__wrap.active { width: 420px; } .search-header__input { border: none; width: 100%; height: 100%; padding: 0 20px; } .search-header__button { position: relative; background-color: #434f7a; min-width: 60px; transition: background-color .3s linear; } .search-header__button svg { position: absolute; top: 50%; left: 50%; fill: #fff; width: 100%; height: 100%; max-width: 22px; max-height: 22px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .search-header__button:hover { background-color: #4b61ae; } .search-header__visibility { position: relative; background-color: #fff; width: 100%; height: 100%; transition: border-color 0s .3s; } .search-header__visibility svg { position: absolute; top: 50%; left: 50%; fill: #505f82; width: 100%; height: 100%; max-width: 22px; max-height: 22px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: fill .3s linear, left .3s linear, opacity .3s linear; } .search-header__visibility svg.search-header__close { left: 100%; opacity: 0; } .search-header__visibility.active { transition: border-color 0s 0s; } .search-header__visibility.active svg.search-header__open { left: -100%; opacity: 0; } .search-header__visibility.active svg.search-header__close { left: 50%; opacity: 1; } .search-header__visibility:hover svg { fill: #4b61ae; } @media screen and (max-width: 1366px) { .search-header { min-width: 50px; } .search-header__wrap.active { width: 350px; } .search-header__button { min-width: 50px; } } @media screen and (max-width: 1152px) { .search-header { min-width: 40px; } .search-header__visibility svg { max-width: 18px; max-height: 18px; } .search-header__wrap.active { width: 260px; } .search-header__input { padding: 0 16px; } .search-header__button { min-width: 40px; } .search-header__button svg { max-width: 18px; max-height: 18px; } } @media screen and (max-width: 560px) { .search-header { position: relative; left: 16px; border-right: 0; min-width: 50px; } .search-header__wrap.active { width: calc(100vw - 66px); } } .header-phone { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left: 50px; margin-left: 20px; } .header-phone__ico { position: absolute; left: 0; border-radius: 40px; background-color: #434f7a; width: 40px; height: 40px; } .header-phone__ico svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #fff; width: 14px; height: 14px; } .header-phone__number { font-family: "Montserrat"; font-weight: 700; color: #434f7a; white-space: nowrap; margin-bottom: 3px; transition: color .3s linear; } .header-phone__number a { color: inherit; text-decoration: none; } .header-phone__number:hover { color: #4b61ae; } .header-phone__callback { font-size: 14px; transition: color .3s linear; } .header-phone__callback:hover { color: #4b61ae; } @media screen and (max-width: 1630px) { .header-phone { padding-left: 48px; margin-left: 16px; } .header-phone__number { font-size: 16px; } .header-phone__callback { font-size: 13px; } } @media screen and (max-width: 1366px) { .header-phone { padding-left: 0; } .header-phone__ico { display: none; } .header-phone__number { font-size: 15px; } .header-phone__callback { font-size: 12px; } } @media screen and (max-width: 560px) { .header-phone { order: -1; margin: 0; } .header-phone__number>a { display: block; font-size: 0; border-radius: 50%; background-color: #434f7a; background-image: url("/local/templates/dweb/images/ico/phone.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-size: 60%; width: 36px; height: 36px; } .header-phone__callback { display: none; } } .navigation { margin: -10px 0; } .navigation__close { display: none; } .navigation__list { list-style-type: none; padding: 0; margin: 0; font-size: 0; white-space: nowrap; height: 100%; } .navigation__item { display: inline-flex; align-items: center; font-size: 15px; font-weight: normal; text-transform: uppercase; white-space: nowrap; height: 100%; padding: 0 20px; margin: 0; } .navigation__item:last-child { margin-right: 0; } .navigation__item a { color: inherit; text-decoration: none; transition: color .3s; } .navigation__item a:hover { color: #4b61ae; } .navigation__item--subnavigation { position: relative; transition: background-color .3s linear; } .navigation__item--subnavigation::after { content: ''; position: relative; top: -2px; border-left: 1px solid #2e2e2e; border-bottom: 1px solid #2e2e2e; vertical-align: middle; width: 5px; height: 5px; margin-left: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); transition: border-color .3s; } .navigation__item--subnavigation:hover { background-color: #e0e2e8; } .navigation__item--subnavigation:hover::after { top: 0; border-color: #4b61ae; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .navigation__item--subnavigation:hover .subnavigation { pointer-events: visible; opacity: 1; } .navigation__item--subnavigation.active>a { color: #4b61ae; } .navigation__item--subnavigation.active::after { border-color: #4b61ae; } .navigation__item.active { background-color: #e0e2e8; } .navigation__button { display: none; } @media screen and (max-width: 1600px) { /* .navigation { margin: -16px 0; } */ .navigation__item { font-size: 14px; padding: 0 16px; } } @media screen and (max-width: 1366px) { /* .navigation { margin: -10px 0; } */ .navigation__item { padding: 0 12px; } } @media screen and (max-width: 1280px) { /* .navigation { margin: -14px 0; } */ .navigation__item { font-size: 13px; } } @media screen and (max-width: 1220px) { .navigation { position: fixed; left: 0; top: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); display: flex; flex-direction: column; justify-content: space-between; color: #fff; background-color: #434f7a; width: 70%; max-width: 500px; height: 100vh; padding: 58px 0 20px; margin: 0; overflow-y: auto; z-index: 10; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .navigation__close { display: block; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; } .navigation__close svg { fill: #fff; width: 100%; height: 100%; } .navigation__list { height: auto; padding: 0 20px; margin-top: 20px; } .navigation__item { display: block; font-size: 16px; white-space: normal; padding: 0; margin-bottom: 10px; } .navigation__item::after { display: none; } .navigation__item:hover { background-color: transparent; } .navigation__item--subnavigation { background-color: transparent; } .navigation__item--subnavigation.active .subnavigation { display: block; } .navigation__item a:hover { color: #fff; text-decoration: underline; } .navigation__item:hover { background-color: transparent; } .navigation__item.active { background-color: transparent; } .navigation__item.active>a { color: #fff; text-decoration: underline; } .navigation__item.use .navigation__button { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .navigation__button { background-image: url("/local/templates/dweb/images/ico/arrow-white.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; top: 2px; display: inline-block; background-size: 80%; width: 18px; height: 18px; margin-left: 10px; } } @media screen and (max-width: 768px) { .navigation { max-width: 300px; min-width: 270px; margin-top: 0; } .navigation__close { width: 20px; height: 20px; } .navigation__item { font-size: 14px; } .navigation__button { top: 4px; background-size: 70%; margin-left: 6px; } } .subnavigation { list-style-type: none; padding: 0; margin: 0; pointer-events: none; position: absolute; bottom: 0; left: 0; -webkit-transform: translateY(100%); transform: translateY(100%); background-color: #e0e2e8; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); min-width: 100%; padding: 20px; opacity: 0; transition: all .3s linear; z-index: -2; } .subnavigation__item { margin-bottom: 22px; } .subnavigation__item:last-child { margin-bottom: 0; } .subnavigation__item a.active { color: #4b61ae; } @media screen and (max-width: 1220px) { .subnavigation { display: none; position: static; text-transform: none; background-color: transparent; box-shadow: none; padding: 0 0 0 20px; margin: 10px 0; opacity: 1; -webkit-transform: translate(0); transform: translate(0); } .subnavigation__item { margin: 0 0 10px; } .subnavigation__item.active { text-decoration: underline; } } .certificates-slider { position: relative; width: 780px; padding: 0 80px; z-index: 1; } .certificates-slider__list { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 664px; } .certificates-slider__item { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 404px; height: 574px; transition: ease 0.3s; z-index: 1; } .certificates-slider__item--wide { width: 404px; height: 300px; } .certificates-slider__item.enabled { pointer-events: none; -webkit-transform: translate(-50%, -50%) scale(0.725); transform: translate(-50%, -50%) scale(0.725); opacity: 0; } .certificates-slider__item--prev { -webkit-transform: translate(-86.5%, -50%) scale(0.8); transform: translate(-86.5%, -50%) scale(0.8); } .certificates-slider__item--next { -webkit-transform: translate(-13.5%, -50%) scale(0.8); transform: translate(-13.5%, -50%) scale(0.8); } .certificates-slider__item--current { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); z-index: 2; } .certificates-slider__item--current .certificates-slider__ico { opacity: 1; } .certificates-slider__item--current:hover .certificates-slider__ico svg { width: 36px; height: 36px; } .certificates-slider__ico { position: absolute; top: 50%; left: 50%; border-radius: 50%; background-color: #fff; width: 70px; height: 70px; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity .3s linear, -webkit-transform .2s linear; transition: opacity .3s linear, transform .2s linear; transition: opacity .3s linear, transform .2s linear, -webkit-transform .2s linear; z-index: 1; } .certificates-slider__ico svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #434f7a; width: 32px; height: 32px; transition: width .2s linear, height .2s linear; } @media screen and (max-width: 1440px) { .certificates-slider { width: 720px; } .certificates-slider__list { height: 524px; } .certificates-slider__item { width: 364px; height: 524px; } .certificates-slider__item--wide { width: 364px; height: 280px; } } @media screen and (max-width: 1366px) { .certificates-slider { width: 620px; padding: 0 60px; } .certificates-slider__list { height: 456px; } .certificates-slider__item { width: 324px; height: 456px; } .certificates-slider__item--wide { width: 324px; height: 250px; } } @media screen and (max-width: 1152px) { .certificates-slider { width: 480px; } .certificates-slider__list { height: 338px; } .certificates-slider__item { width: 228px; height: 338px; } .certificates-slider__item--wide { width: 228px; height: 170px; } } .certificates { margin: 110px 0; } .certificates__list { padding: 0 80px; margin-top: 90px; } .certificates__list a{ display:block; text-align:center; margin:0 auto; } .certificates__item { display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flex !important; display: -o-flex !important; display: flex !important; -ms-align-items: center; align-items: center; text-align: center; height: 400px; padding: 0 10px; position:relative; } .certificates__item a { } .certificates__image { max-width: 100%; max-height: 418px; } @media screen and (max-width: 1366px) { .certificates { margin: 80px 0; } .certificates__list { padding: 0 60px; margin-top: 60px; } .certificates__item { height: 400px; } .certificates__image { max-height: 400px; } } @media screen and (max-width: 1080px) { .certificates { margin: 60px 0; } .certificates__list { padding: 0 40px; margin-top: 40px; } .certificates__item { height: 310px; } .certificates__image { max-height: 310px; } } @media screen and (max-width: 768px) { .certificates { margin: 40px 0; } .certificates__list { margin-top: 20px; } .certificates__item { padding: 0 5px; } } @media screen and (max-width: 610px) { .certificates__list { padding: 0; } } .directions { position: relative; padding-top: 60px; margin: 110px 0; overflow: hidden; z-index: 1; } .directions.directions—only-list { overflow: visible; } .directions.directions—only-list .directions__content { margin-top: 50px; } .directions.directions—only-list .directions__items { display: none; } .directions.directions—only-list .directions-list { position: relative; width: 100%; max-width: 100%; z-index: 1; } .directions.directions—only-list .directions-list>li { flex-basis: 25%; } @media (max-width: 1152px) { .directions.directions—only-list .directions__content { margin-top: 40px; } } @media (max-width: 900px) { .directions.directions—only-list .directions__content { margin-top: 30px; } .directions.directions—only-list .directions-list>li { flex-basis: 100%; max-width: 100%; } } .directions:not(.directions--index):last-child { margin-bottom: 0; } .directions__circle { pointer-events: none; position: absolute; top: 0; left: -600px; border-radius: 50%; background-color: #fff; width: 110%; height: 1440px; z-index: -1; } .directions__content { display: flex; justify-content: space-between; margin-top: 68px; } .directions__items { list-style-type: none; padding: 0; margin: 0; position: relative; width: 100%; max-width: 540px; margin: 18px 40px 0 0; } .directions__items>li { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; opacity: 0; transition: opacity .3s linear, left .3s; } .directions__items>li.active { position: relative; opacity: 1; z-index: 1; } .directions__image { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; right: 0; border-radius: 0 20px 20px 0; width: 100vw; max-width: 702px; height: 100%; transition: max-width .3s linear; z-index: -1; } .directions__wrap { display: flex; flex-direction: column; justify-content: space-between; color: #fff; min-height: 510px; height: 100%; padding: 80px 80px 50px 0; } .directions__information { margin-bottom: 20px; } .directions__caption { color: inherit; margin: 0 0 46px; text-align:left; } .directions__description { /*justify_fix*/ line-height: 1.7; /*text-align:justify;*/ } .directions__description p { margin: 0 0 6px; } .directions__description p:last-child { margin-bottom: 0; } .directions--index { padding-top: 80px; margin: -80px 0 110px; } .directions--about { padding-top: 0; margin-bottom: 110px; } @media screen and (max-width: 1600px) { .directions__circle { left: -50%; width: 2000px; } } @media screen and (min-width: 1940px) { .directions__image { border-radius: 20px; } } @media screen and (max-width: 1440px) { .directions__content { align-items: center; } .directions__items { margin-top: 0; } .directions__image { max-width: 560px; } } @media screen and (max-width: 1366px) { .directions { margin: 80px 0 60px; } .directions__circle { width: 1790px; height: 1300px; } .directions__content { margin-top: 60px; } .directions--about { margin: 80px 0; } } @media screen and (max-width: 1280px) { .directions__circle { left: -60%; } .directions__items { flex-grow: 1; flex-shrink: 1; min-width: 0; margin-right: 20px; } .directions__wrap { min-height: 460px; padding: 60px 40px 40px 0; } } @media screen and (max-width: 1152px) { .directions__content { display: block; } .directions__content:after { content: ''; display: table; clear: both; } .directions__items { float: left; width: calc(50% - 20px); } } @media screen and (max-width: 1080px) { .directions { margin: 60px 0 40px; } .directions__circle { top: 30px; width: 140vw; height: 100vw; } .directions__content { margin-top: 40px; } .directions__items { margin-bottom: 30px; } .directions__wrap { min-height: 380px; padding: 40px 20px 20px 0; } .directions--index { margin: -60px 0 60px; } .directions--about { margin: 60px 0; } } @media screen and (max-width: 768px) { .directions { background-color: #fff; padding: 0; padding-top: 20px; margin: 40px 0; } .directions__circle { display: none; } .directions__items { width: 100%; margin-right: 0; } .directions__wrap { min-height: 0; padding: 40px 16px 40px 0; } .directions--index { background-color: #fff; padding-top: 40px; } .directions--about { margin: 40px 0; } } @media screen and (max-width: 500px) { .directions__items { width: calc(100% + 32px); margin: 0 -16px 30px; } .directions__image { border-radius: 0; width: 100%; max-width: 100%; height: 100%; } .directions__wrap { padding: 20px 16px; } } .directions-list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; max-width: 900px; min-width: 840px; padding: 6px 0; margin: 0 -10px; } .directions-list>li { position: relative; flex: 1 1 40%; cursor: pointer; max-width: 488px; margin: 10px; } .directions-list>li:hover .directions-list__ico .ico-disabled { opacity: 0; } .directions-list>li:hover .directions-list__ico .ico-enabled { opacity: 1; } .directions-list>li:hover .directions-list__caption { color: #434f7a; } .directions-list>li.active .directions-list__ico { background-color: #ecedf2; box-shadow: 0 0 0 16px rgba(236, 237, 242, 0.41); } .directions-list>li.active .directions-list__ico .ico-disabled { opacity: 0; } .directions-list>li.active .directions-list__ico .ico-enabled { opacity: 1; } .directions-list>li.active .directions-list__caption { color: #fff; background-color: #434f7a; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); transition: color .2s .2s linear, background-color .2s .2s linear, box-shadow .3s linear; } .directions-list__wrapper { color: inherit; text-decoration: none; position: relative; display: flex; align-items: center; } .directions-list__ico { position: relative; border-radius: 50%; min-width: 120px; height: 120px; transition: background-color .3s linear, box-shadow .3s linear; } .directions-list__ico img { position: absolute; top: 50%; left: 50%; max-width: 70px; max-height: 70px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity .3s linear; } .directions-list__ico .ico-enabled { opacity: 0; } .directions-list__caption { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: flex; align-items: center; /*border-radius: 0 20px 20px 0;*/ border-radius: 20px; font-family: "Montserrat"; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #484848; width: calc(100% - 80px); height: 100%; height: 100px; padding: 6px 20px 6px 70px; margin: 0; z-index: -1; transition: color .2s 0s linear, background-color .2s 0s linear, box-shadow .3s linear; } @media screen and (max-width: 1600px) { .directions-list__caption { font-size: 14px; } } @media screen and (max-width: 1440px) { .directions-list { max-width: 740px; min-width: 700px; } .directions-list>li { max-width: 350px; } .directions-list>li.active .directions-list__ico { box-shadow: 0 0 0 12px rgba(236, 237, 242, 0.41); } .directions-list__ico { min-width: 100px; height: 100px; } .directions-list__ico img { max-width: 60px; max-height: 60px; } .directions-list__caption { font-size: 12px; width: calc(100% - 60px); height: 80px; } } @media screen and (max-width: 1280px) { .directions-list { min-width: 0; width: 100%; max-width: 640px; } .directions-list>li { max-width: 300px; } .directions-list>li.active .directions-list__ico { box-shadow: 0 0 0 8px rgba(236, 237, 242, 0.41); } .directions-list__ico { min-width: 80px; height: 80px; } .directions-list__ico img { max-width: 50px; max-height: 50px; } .directions-list__caption { width: calc(100% - 40px); height: 60px; padding-left: 54px; } } @media screen and (max-width: 1152px) { .directions-list { display: block; max-width: inherit; width: inherit; } .directions-list>li { display: inline-block; width: 100%; max-width: calc(50% - 26px); } } @media screen and (max-width: 1080px) { .directions-list { margin: -6px; } .directions-list>li { max-width: calc(50% - 18px); margin: 6px; } .directions-list__ico { min-width: 60px; height: 60px; } .directions-list__ico img { max-width: 40px; max-height: 40px; } .directions-list__caption { width: calc(100% - 20px); height: 50px; } } @media screen and (max-width: 768px) { .directions-list>li { min-width: 220px; width: 100%; max-width: calc(50% - 14px); } } @media screen and (max-width: 500px) { .directions-list { margin: 0; } .directions-list>li { max-width: 100%; margin: 0 0 10px; } .directions-list>li:last-child { margin-bottom: 0; } } .for-who__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: -20px -10px; } .for-who__item { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: 200px; align-items: center; border: 1px solid #d1d4de; border-radius: 20px; width: 100%; min-height: 110px; padding: 30px 14px; margin: 20px 10px; } .for-who__item:hover .for-who__ico .ico-disabled { opacity: 0; } .for-who__item:hover .for-who__ico .ico-enabled { opacity: 1; } .for-who__item:hover .for-who__caption { color: #434f7a; } .for-who__ico { position: relative; max-width: 56px; min-width: 56px; max-height: 50px; margin-right: 26px; } .for-who__ico img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 56px; max-height: 56px; transition: opacity .3s linear; } .for-who__ico .ico-enabled { opacity: 0; } .for-who__caption { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; color: #484848; } @media screen and (max-width: 1366px) { .for-who__list { margin: -10px; } .for-who__item { max-width: 300px; min-height: 90px; padding: 10px 16px; margin: 10px; } .for-who__ico { width: 40px; height: 40px; margin-right: 14px; } .for-who__ico img { max-width: 40px; max-height: 40px; } .for-who__caption { font-size: 14px; } } @media screen and (max-width: 1080px) { .for-who__list { margin: -6px; } .for-who__item { min-height: 80px; padding: 6px 10px; margin: 6px; } .for-who__ico { width: 32px; height: 32px; margin-right: 10px; } .for-who__ico img { max-width: 32px; max-height: 32px; } .for-who__caption { font-size: 12px; } } @media screen and (max-width: 768px) { .for-who__item { max-width: 100%; min-height: 60px; } } .capability__content { display: flex; align-items: flex-start; } .capability__items { list-style-type: none; padding: 0; margin: 0; position: relative; display: flex; align-self: stretch; color: #fff; min-width: 400px; width: 100%; max-width: 540px; margin-right: 90px; } .capability__items>li { pointer-events: none; position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; min-height: 400px; max-height: 556px; padding: 64px 80px 40px 0; margin: 0; opacity: 0; transition: opacity .3s linear; } .capability__items>li.active { pointer-events: visible; position: relative; opacity: 1; } .capability__image { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; right: 0; border-radius: 0 20px 20px 0; width: 100vw; max-width: 702px; height: 100%; transition: max-width .3s linear; z-index: -1; } .capability__wrap { position: relative; width: 100%; max-width: 560px; z-index: 1; } .capability__caption { font-family: "Montserrat"; font-weight: 700; line-height: 1.7; text-transform: uppercase; margin-bottom: 30px; } .capability__description { line-height: 1.7; } .capability__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; width: 100%; margin: -10px; } .capability__list>li { flex-grow: 1; flex-shrink: 1; flex-basis: 336px; border: 1px solid rgba(81, 94, 129, 0.5); border-radius: 20px; font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 1.4; text-transform: uppercase; color: #484848; background-color: #fff; cursor: pointer; vertical-align: top; width: 100%; max-width: 460px; /*height: 100%; */ padding: 22px; margin: 10px; transition: border-color .3s linear, background-color .3s linear, box-shadow .3s linear; } .capability__list>li:hover { border-color: transparent; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); } .capability__list>li.active { border-color: transparent; color: #fff; background-color: #434f7a; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); cursor: default; } .capability__list--col3>li { flex-basis: 250px; } @media screen and (min-width: 1940px) { .capability__image { border-radius: 20px; } } @media screen and (max-width: 1440px) { .capability__image { max-width: 560px; } } @media screen and (max-width: 1366px) { .capability__items { max-width: 470px; margin-right: 40px; } .capability__items>li { min-height: 300px; max-height: 400px; padding: 40px 60px 40px 0; } .capability__list>li { flex-basis: 260px; font-size: 13px; } } @media screen and (max-width: 1152px) { .capability__items { max-width: 400px; margin-right: 20px; } .capability__list { margin: -6px; } .capability__list>li { font-size: 12px; padding: 14px; margin: 6px; } } @media screen and (max-width: 1024px) { .capability__content { flex-direction: column; } .capability__items { max-width: 100%; margin: 0 0 20px; } .capability__items>li { min-height: 20px; max-height: 100%; padding: 40px; } .capability__image { border-radius: 20px; max-width: 100%; } .capability__list>li { flex-basis: 320px; max-width: 100%; } } @media screen and (max-width: 768px) { .capability__items { min-width: 0; } .capability__items>li { padding: 20px; } .capability__image { width: 100%; } .capability__list>li { flex-basis: 200px; min-height: 0 !important; height: auto; min-width: 46%; } } .advantages-inner { margin-top: 110px; } .advantages-inner__content { margin-top: 76px; } .advantages-inner__list { list-style-type: none; padding: 0; margin: 0; display: flex; } .advantages-inner__list--val2 .advantages-inner__item { display: flex; align-items: center; } .advantages-inner__list--val2 .advantages-inner__ico { margin: 0 20px 0 0; } .advantages-inner__list--val2 .advantages-inner__caption { text-align: left; max-width: 300px; margin: 0; } .advantages-inner__item { flex-grow: 1; flex-shrink: 1; text-align: center; margin-bottom: 0; } .advantages-inner__item:hover .for-who__ico .ico-disabled { opacity: 0; } .advantages-inner__item:hover .for-who__ico .ico-enabled { opacity: 1; } .advantages-inner__item:hover .for-who__caption { color: #434f7a; } .advantages-inner__ico { position: relative; line-height: 50px; max-width: 56px; min-width: 56px; height: 56px; margin: 0 auto 20px; } .advantages-inner__ico img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); vertical-align: middle; max-width: 56px; max-height: 56px; transition: opacity .3s linear; } .advantages-inner__ico .ico-enabled { opacity: 0; } .advantages-inner__caption { font-family: "Montserrat"; font-weight: 700; text-align: center; color: #434f7a; width: 60%; max-width: 300px; margin: 0 auto; } @media screen and (max-width: 1366px) { .advantages-inner { margin-top: 80px; } .advantages-inner__content { margin-top: 60px; } .advantages-inner__list { flex-wrap: wrap; margin: -10px; } .advantages-inner__list--val2 .advantages-inner__item { flex-basis: 300px; } .advantages-inner__list--val2 .advantages-inner__ico { margin: 0 10px 0 0; } .advantages-inner__item { flex-basis: 200px; margin: 10px; } } @media screen and (max-width: 1080px) { .advantages-inner { margin-top: 60px; } .advantages-inner__content { margin-top: 40px; } .advantages-inner__ico { max-width: 40px; min-width: 40px; max-height: 40px; margin-bottom: 10px; } .advantages-inner__ico img { max-width: 40px; max-height: 40px; } } @media screen and (max-width: 768px) { .advantages-inner { margin-top: 40px; } .advantages-inner__content { margin-top: 20px; } } .life-slider .slider-arrow { box-shadow: none; } .life-slider .slider-arrow--left { left: 20px; } .life-slider .slider-arrow--right { right: 20px; } .life-slider__image { background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 420px; } @media screen and (max-width: 1366px) { .life-slider__image { height: 380px; } } @media screen and (max-width: 1080px) { .life-slider__image { height: 320px; } } @media screen and (max-width: 768px) { .life-slider__image { height: 280px; } } .life { display: flex; justify-content: space-between; } .life__information { width: 100%; max-width: 700px; margin-right: 40px; } .life__information .h2 { margin-bottom: 80px; } .life__information>p { margin-bottom: 40px; } .life__information>p:last-child { margin-bottom: 0; } .life__offer { position: relative; border-radius: 15px; background-color: #e0e2e8; background-image: url("/local/templates/dweb/images/logo-image-white.png"); background-repeat: no-repeat; background-size: 256px; background-position: right -116px top -130px; min-height: 206px; padding: 40px 190px 40px 48px; margin-top: 40px; overflow: hidden; z-index: 1; } .life__advantages { display: flex; flex-direction: column; justify-content: center; border-radius: 20px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); width: 100%; max-width: 780px; padding: 40px 40px 40px 120px; } @media screen and (max-width: 1366px) { .life__information .h2 { margin-bottom: 60px; } .life__advantages { padding-left: 60px; } } @media screen and (max-width: 1080px) { .life__information { margin-right: 20px; } .life__information .h2 { margin-bottom: 40px; } .life__information p { margin-bottom: 20px; } .life__offer { padding: 40px 20px; } .life__advantages { max-width: 410px; padding: 20px 20px 20px 40px; } } @media screen and (max-width: 768px) { .life { flex-direction: column; } .life__information .h2 { margin-bottom: 20px; } .life__offer { min-height: 0; padding: 20px; } .life__advantages { max-width: 100%; margin-top: 40px; padding: 20px; } } .about { position: relative; margin: 110px 0 40px; padding-bottom: 200px; z-index: 1; } .about__bg { position: absolute; top: 24px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .about__content { position: relative; display: flex; justify-content: space-between; border-radius: 20px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); min-height: 664px; height: 100%; padding: 0 80px; overflow: hidden; z-index: 1; } .about__back { pointer-events: none; position: absolute; bottom: -60%; left: -28%; z-index: -1; } .about__information { flex-shrink: 1; flex-grow: 1; width: 100%; max-width: 600px; padding: 76px 0 40px; margin-right: 40px; } .about__title { margin: 0 0 52px; } .about__description { line-height: 1.7; margin-bottom: 90px; } .about__description p { margin-bottom: 8px; } .about__description p:last-child { margin-bottom: 0; } .about__description:last-child { margin-bottom: 0; } .about__certificates { display: flex; align-items: center; padding: 20px 0; } @media screen and (max-width: 1366px) { .about { padding-bottom: 130px; margin-top: 80px; } .about__bg { top: 70px; width: 1366px; } .about__content { min-height: 0; padding: 0 40px; } .about__back { bottom: -80%; width: 600px; } .about__information { padding: 40px 0; } .about__description { margin-bottom: 60px; } } @media (max-width: 1280px) { .about__bg { top: 160px; } } @media screen and (max-width: 1080px) { .about { padding-bottom: 110px; margin-top: 60px; } .about__bg { width: 1080px; } .about__content { padding: 0 20px; } .about__information { padding: 20px 0; } .about__description { margin-bottom: 40px; } } @media screen and (max-width: 920px) { .about { margin-top: 40px; } .about__bg { top: initial; bottom: -60px; } .about__content { flex-direction: column; } .about__back { bottom: -320px; left: -300px; } .about__information { max-width: 100%; padding: 40px 0 0; margin: 0 0 20px; } .about__certificates { justify-content: center; } } @media screen and (max-width: 768px) { .about { padding-bottom: 0; } .about__bg { bottom: -90px; } .about__back { display: none; } } .about-achievements { margin-top: 62px; } .about-achievements__list { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; margin: -20px; } .about-achievements__item { flex-grow: 1; flex-shrink: 1; display: inline-flex; justify-content: center; align-items: center; min-width: calc(33.3% - 40px); min-height: 170px; margin: 20px; } .about-achievements__item:first-child { justify-content: flex-start; border-right: 1px solid #fff; padding-right: 20px; } .about-achievements__item:last-child { justify-content: flex-end; border-left: 1px solid #fff; padding-left: 20px; } .about-achievements__number { font-family: "Montserrat"; font-size: 120px; font-weight: 500; color: #fff; margin-right: 40px; } .about-achievements__caption { font-size: 23px; text-transform: lowercase; line-height: 1.2; color: #fff; text-shadow: 0 4px 14px rgba(0, 0, 0, 0.75); width: 100%; max-width: 159px;/*150*/ } .about-achievements__caption span{ text-transform:uppercase; } @media screen and (max-width: 1366px) { .about-achievements { margin-top: 60px; } .about-achievements__item { min-height: 0; } .about-achievements__number { font-size: 100px; margin-right: 20px; } .about-achievements__caption { font-size: 20px; } } @media screen and (max-width: 1080px) { .about-achievements { margin-top: 40px; } .about-achievements__number { font-size: 86px; } .about-achievements__caption { font-size: 18px; } } @media screen and (max-width: 920px) { .about-achievements__number { font-size: 66px; } .about-achievements__caption { font-size: 16px; } } @media screen and (max-width: 800px) { .about-achievements__list { flex-direction: column; margin: 0; } .about-achievements__item { margin: 0 0 20px; } .about-achievements__item:first-child, .about-achievements__item:last-child { border: 0; padding: 0; } .about-achievements__item:last-child { margin-bottom: 0; } } @media screen and (max-width: 500px) { .about-achievements__item { justify-content: flex-start; } .about-achievements__item:first-child, .about-achievements__item:last-child { justify-content: flex-start; } } .about-preview { /*margin-bottom: -110px;*/ } .about-preview__content { display: flex; justify-content: space-between; margin: -20px; } .about-preview__information { flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 960px; min-height: 260px; /* min-height: 412px; padding-bottom: 40px;*/ margin: 20px; } .about-preview__image { position: relative; width: 100%; max-width: 460px; margin: -84px 20px 20px; /*overflow: hidden;*/ } /* .about-preview__image::after { content: ''; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 100%); width: 100%; height: 80px; }*/ .about-preview__image img { position: absolute; top: 0; left: 0; max-height: 450px; } @media screen and (max-width: 1366px) { .about-preview { /* margin-bottom: -80px;*/ } .about-preview__image { max-width: 410px; } .about-preview__image img { max-width: 100%; } } @media screen and (max-width: 1080px) { .about-preview { /*margin-bottom: -40px;*/ } .about-preview__information { min-height: 0; } .about-preview__image { max-width: 340px; max-height: 400px; } } @media screen and (max-width: 768px) { .about-preview { /* margin-bottom: 0;*/ } .about-preview__content { flex-direction: column; margin: 0 0 20px; } .about-preview__information { min-height: 0; padding: 0; margin: 0 0 20px; } .about-preview__image { text-align: center; max-width: 100%; max-height: 450px; margin: 0; } .about-preview__image img { position: static; margin: 0; } } .about-navigation { position: relative; margin-bottom: 110px; z-index: 1; } .about-navigation__bg { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .about-navigation .white-section { padding: 90px 80px 110px; } .about-navigation__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: -20px; } .about-navigation__item { flex-grow: 1; flex-shrink: 1; width: 100%; max-width: calc(50% - 40px); margin: 20px; } .about-navigation__link { color: inherit; text-decoration: none; position: relative; display: inline-flex; border-radius: 20px; padding: 20px 40px; transition: box-shadow .3s linear; } .about-navigation__link:hover { box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); } .about-navigation__link:hover .ico-disabled { position: absolute; opacity: 0; } .about-navigation__link:hover .ico-enabled { position: relative; opacity: 1; } .about-navigation__ico { position: relative; margin-right: 34px; } .about-navigation__ico .ico-disabled, .about-navigation__ico .ico-enabled { top: 0; left: 0; transition: opacity .3s linear; } .about-navigation__ico .ico-enabled { position: absolute; opacity: 0; } .about-navigation__information { line-height: 1.7; } .about-navigation__caption { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; color: #484848; } .contacts { margin-bottom: -100px; } .contacts .wrapper:first-child { position: relative; } .contacts__back { pointer-events: none; position: absolute; top: -112px; left: 56px; z-index: -1; } .contacts__title { line-height: 1; margin: 0 0 80px; } .contacts__wrap { position: relative; margin-top: 70px; } .contacts__information { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-around; align-items: flex-start; font-size: 18px; padding-left: 494px; padding-right: 56px; margin: -10px; } .contacts__item { min-height: 124px; margin: 10px; } .contacts__item p { margin: 0 0 14px; } .contacts__item p:last-child { margin-bottom: 0; } .contacts__item.ico-mail { font-weight: normal; color: #434f7a; } .contacts__item.ico-mail a { color: inherit; text-decoration: none; } .contacts__item.ico-mail a:hover { text-decoration: underline; } .contacts__caption { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; margin: 0 0 20px; } .contacts__callback { font-size: 18px; font-weight: normal; color: #434f7a; transition: color .3s linear; } .contacts__callback:hover { color: #16499e; } .contacts__map { background-color: #000; height: 556px; } .contacts__message .form { position: absolute; top: 12px; border-radius: 20px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); width: 460px; padding: 54px 80px; } .contacts--index { position: relative; padding-top: 110px; margin-top: 60px; margin-bottom: 0; } @media (max-width: 1920px) { .contacts__message .form { margin-left: 50px; } } @media (max-width: 1600px) { .contacts__information { padding-left: 630px; } .contacts__message .form { width: 400px; margin-left: 216px; padding: 54px 40px; } } @media screen and (max-width: 1366px) { .contacts { margin-bottom: -120px; } .contacts__wrap { margin-top: 60px; } .contacts__information { font-size: 16px; /*padding-left: 410px;*/ padding-left: 550px; padding-right: 0; } .contacts__message .form { /* width: 400px; padding: 40px;*/ width: 320px; padding: 40px 20px; } .contacts--index { margin-top: 100px; } } @media (max-width: 1152px) { .contacts { margin-bottom: 0; } .contacts__information { justify-content: space-between; padding-left: 0; } .contacts__message .form { position: static; border-radius: 0; width: 100vw; padding: 40px 16px 20px; margin: 0 -20px; } .contacts__map { height: 400px; } } @media screen and (max-width: 1080px) { .contacts__back { top: -58px; width: 400px; } .contacts__wrap { margin-top: 40px; } .contacts__information { flex-wrap: wrap; font-size: 14px; /*padding-left: 370px;*/ padding-bottom: 0; margin: 0 -10px; } .contacts__item { /* flex-grow: 1; flex-shrink: 1; min-width: 180px;*/ min-height: 0; margin: 0 10px 20px; } .contacts__item p { margin-bottom: 8px; } .contacts__message .form { /* width: 340px; padding: 20px;*/ margin: 0 -16px; } .contacts--index { padding-top: 60px; margin-top: 80px; } } @media screen and (max-width: 768px) { /* .contacts__information { padding-left: 290px; margin: 0; }*/ /* .contacts__message .form { top: -25px; width: 260px; }*/ .contacts__map { height: 300px; } .contacts--index { padding-top: 40px; margin-top: 60px; } } @media screen and (max-width: 540px) { /* .contacts { margin-bottom: 0; }*/ .contacts__information { flex-direction: row; flex-wrap: wrap; padding: 0; } /* .contacts__message .form { position: static; border-radius: 0; width: calc(100vw - 16px); padding: 40px 16px 20px; margin: 0 -16px; }*/ } .form__title { margin: 0 0 22px; } .form__description { font-size: 15px; line-height: 1.7; margin: 0 0 30px; } .form__data { margin-bottom: 26px; } .form__section { margin-bottom: 22px; } .form__section input, .form__section textarea { display: block; border: none; background-color: #efefef; width: 100%; padding: 0 16px; } .form__section input { height: 46px; } .form__section textarea { resize: vertical; min-height: 100px; height: 100%; max-height: 150px; padding-top: 12px; padding-bottom: 12px; } .form__section:last-child { margin-bottom: 0; } .form__agree { display: inline-flex; align-items: center; cursor: pointer; margin-bottom: 24px; } .form__agree input[type='checkbox'] { display: none; } .form__agree input[type='checkbox']:checked+.checkbox::before { opacity: 1; } .form__agree .checkbox { position: relative; display: block; background-color: #efefef; width: 24px; height: 24px; margin-right: 20px; } .form__agree .checkbox::before { content: ''; position: absolute; top: 50%; left: 50%; background-color: #434f7a; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 14px; height: 14px; opacity: 0; transition: opacity .2s linear; } .form__agree p { font-size: 14px; font-weight: normal; color: #434f7a; margin: 0; } @media screen and (max-width: 1080px) { .form__title { margin-bottom: 16px; } .form__description { font-size: 14px; margin-bottom: 20px; } .form__data { margin-bottom: 20px; } .form__section { margin-bottom: 14px; } .form__section input { height: 36px; } .form__section textarea { font-size: 14px; resize: vertical; min-height: 80px; max-height: 120px; } .form__agree { margin-bottom: 20px; } .form__agree .checkbox { width: 20px; height: 20px; margin-right: 14px; } .form__agree .checkbox::before { width: 14px; height: 14px; } .form__agree p { font-size: 12px; } } @media screen and (max-width: 768px) { .form__description { font-size: 12px; } } .welcome { position: relative; margin-bottom: 14px; } .welcome--inner { margin-bottom: -120px; } .welcome__bg { pointer-events: none; position: absolute; top: 258px; left: -6px; max-width: 100%; opacity: .6; z-index: -1; } .welcome__content { display: flex; justify-content: space-between; } .welcome__content p{ /*justify_fix*/ text-align:justify; } .welcome__information { flex-grow: 1; flex-shrink: 1; min-width: 450px; max-width: 620px; padding: 94px 0 40px; margin-top: 70px; } .welcome__head { margin-bottom: 76px; } .welcome__subtitle { font-family: "Montserrat"; font-size: 32px; font-weight: 600; letter-spacing: 1px; margin: 0; } .welcome__wrap { border-left: 2px solid #434f7a; padding-left: 50px; margin-bottom: 36px; } .welcome__caption { font-size: 33px; font-weight: 800; line-height: 1.1; text-transform: none; color: #434f7a; margin: 0 0 22px; } .welcome__description { line-height: 1.7; } .welcome__description p { margin: 0 0 6px; } .welcome__description p:last-child { margin-bottom: 0; } .welcome .button { margin-left: 50px; } .welcome__movie { position: relative; flex-grow: 1; flex-shrink: 1; min-width: 660px; max-width: 822px; min-height: 984px; margin-left: 40px; z-index:2; } .welcome--inner .welcome__information { max-width: 700px; padding-top: 40px; } @media screen and (min-width: 1600px) { .welcome__movie { min-width: 822px; margin-top: 50px; } } @media screen and (max-width: 1600px) { .welcome__movie { min-height: 800px; } } @media screen and (max-width: 1366px) { .welcome--inner { margin-bottom: -40px; } .welcome__bg { top: 140px; left: 0; } .welcome__information { margin-top: 64px; padding-top: 60px; } .welcome__head { margin-bottom: 60px; } .welcome__wrap { padding-left: 40px; } .welcome__subtitle { font-size: 26px; } .welcome__caption { font-size: 28px; margin-bottom: 20px; } .welcome .button { margin-left: 40px; } .welcome__movie { min-height: 680px; } } @media screen and (max-width: 1080px) { .welcome { margin-bottom: 40px; } .welcome__information { min-width: 290px; margin-top: 58px; padding-top: 40px; } .welcome__subtitle { font-size: 20px; } .welcome__head { margin-bottom: 40px; } .welcome__wrap { padding-left: 20px; margin-bottom: 30px; } .welcome__caption { font-size: 22px; margin-bottom: 14px; } .welcome .button { margin-left: 20px; } .welcome__movie { min-width: 410px; min-height: 0; margin: 58px 0 0 20px; padding-top: 20px; } } @media screen and (max-width: 768px) { .welcome__head { margin-bottom: 20px; } .welcome__movie { display: none; } .welcome__information { padding-bottom: 0; } } .video-circle { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 985px; overflow: hidden; z-index: 1; } .video-circle.hover .video-circle__wrapper { width: 2200px; height: 2200px; border-radius: 0; } .video-circle__wrapper { position: absolute; top: 50%; left: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0; height: 0; margin-left: -40px; overflow: hidden; z-index: -1; transition: width 2s linear, height 2s linear, border-radius .3s 2s linear; } .video-circle__movie { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 1000px; /*width:900px; height:900px;*/ } .video-circle__overlay { position: absolute; top: 50%; left: calc(50% - 46px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; width: 850px; height: 850px; z-index: 1; } .video-circle__overlay.active .video-circle__play { opacity: 0; } .video-circle__overlay.active:hover .video-circle__pause { opacity: 1; } .video-circle__overlay:not(.active):hover .video-circle__play { opacity: 1; } .video-circle__play, .video-circle__pause { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #fff; width: 100px; height: 100px; opacity: .6; transition: opacity .3s linear; } .video-circle div.video-circle__play { background-image: url("/local/templates/dweb/images/ico/play.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .video-circle div.video-circle__pause { background-image: url("/local/templates/dweb/images/ico/pause.svg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .video-circle__pause { opacity: 0; } .video-circle__stencil { pointer-events: none; display: block; } .video-circle__circle { pointer-events: none; position: absolute; top: 0; left: 0; } @media screen and (max-width: 1600px) { .video-circle { width: auto; margin-right: -20px; } .video-circle__stencil { width: 100%; } .video-circle__circle { height: 100%; } .video-circle__overlay { width: 88%; height: 100%; } /*.video-circle__play, .video-circle__pause { -webkit-transform: translateX(30px); transform: translateX(30px); }*/ } @media screen and (max-width: 1366px) { .video-circle__movie { height: 620px; } .video-circle__play, .video-circle__pause { width: 80px; height: 80px; /*-webkit-transform: translateX(30px); transform: translateX(30px);*/ } } @media screen and (max-width: 1080px) { .video-circle__movie { height: 386px; } .video-circle__video { max-height: 100%; } .video-circle__play, .video-circle__pause { width: 60px; height: 60px; -webkit-transform: translateX(40px); transform: translateX(40px); } } .accordion__tabs { position: relative; margin-top: 110px; } .accordion__back { pointer-events: none; position: absolute; top: 50%; right: 0; height: 746px; -webkit-transform: translate(62%, -50%); transform: translate(62%, -50%); z-index: -1; } .accordion__item { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; z-index: 1; transition: opacity .3s linear; } .accordion__item.active { pointer-events: visible; position: relative; opacity: 1; z-index: 2; } @media screen and (max-width: 1366px) { .accordion__tabs { margin-top: 80px; } } @media screen and (max-width: 1080px) { .accordion__back { display: none; } .accordion__tabs { margin-top: 60px; } } @media screen and (max-width: 768px) { .accordion__tabs { margin-top: 40px; } } .accordion-navigation { margin-top: 58px; } .accordion-navigation__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: -10px; } .accordion-navigation__item { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: 220px; align-items: center; border: 1px solid rgba(81, 94, 129, 0.53); border-radius: 20px; background-color: #fff; cursor: pointer; max-width: 380px; min-height: 110px; padding: 6px 10px 6px 54px; margin: 10px; transition: border-color .1s linear, box-shadow .1s linear; } .accordion-navigation__item.active { border-color: transparent; background-color: #434f7a; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); } .accordion-navigation__item.active .ico-disabled { opacity: 0; } .accordion-navigation__item.active .ico-enabled { opacity: 1; } .accordion-navigation__item.active .accordion-navigation__caption { color: #fff; } .accordion-navigation__item:not(.active):hover { border-color: transparent; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); } .accordion-navigation__item:not(.active):hover .accordion-navigation__caption { color: #434f7a; } .accordion-navigation__ico { position: relative; min-width: 50px; height: 50px; margin-right: 26px; } .accordion-navigation__ico .ico-disabled, .accordion-navigation__ico .ico-enabled { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; transition: opacity .3s linear; } .accordion-navigation__ico .ico-enabled { opacity: 0; } .accordion-navigation__caption { font-family: "Montserrat"; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #484848; margin: 0; transition: color .3s linear; } @media screen and (max-width: 1366px) { .accordion-navigation { margin-top: 40px; } .accordion-navigation__item { min-height: 84px; padding: 6px 6px 6px 16px; } .accordion-navigation__ico { min-width: 40px; height: 40px; margin-right: 16px; } .accordion-navigation__caption { font-size: 14px; } } @media screen and (max-width: 1080px) { .accordion-navigation { margin-top: 20px; } .accordion-navigation__list { margin: -5px; } .accordion-navigation__item { margin: 5px; } } .advantages { position: relative; margin: 40px 0 110px; } .advantages__bg { position: absolute; top: -250px; left: -80px; opacity: .3; z-index: -1; } .advantages__content { border-radius: 20px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); height: 100%; } .advantages__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: 42px -20px -20px; min-height: 350px; } .advantages__item { flex-grow: 1; flex-shrink: 1; text-align: center; min-width: 220px; margin: 20px; } .advantages__item:hover .ico-disabled { opacity: 0; } .advantages__item:hover .ico-enabled { opacity: 1; } .advantages__item:hover .advantages__caption { color: #434f7a; } .advantages__wrap { max-width: 240px; margin: 0 auto; } .advantages__ico { position: relative; width: 76px; height: 76px; margin: 0 auto 16px; } .advantages__ico img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity .3s linear; } .advantages__ico .ico-enabled { opacity: 0; } .advantages__caption { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; transition: color .3s linear; } .advantages__description { line-height: 1.7; } @media screen and (max-width: 1366px) { .advantages { margin-bottom: 80px; } .advantages__list { min-height: 0; margin: 40px -10px -10px; } .advantages__item { min-width: 180px; margin: 10px; } .advantages__wrap { max-width: 200px; } .advantages__ico { width: 66px; height: 66px; } } @media screen and (max-width: 1080px) { .advantages { margin-bottom: 60px; } .advantages__ico { width: 56px; height: 56px; } .advantages__caption { margin-bottom: 14px; } } @media screen and (max-width: 768px) { .advantages { margin-bottom: 40px; } } @media screen and (max-width: 580px) { .advantages__list { flex-direction: column; } .advantages__item { margin: 0 0 20px; } .advantages__item:last-child { margin-bottom: 0; } .advantages__wrap { max-width: 100%; } } .slider-logo__list { max-height: 284px; padding: 0 80px; margin-top: 74px; } .slider-logo__item { max-width: 100%; padding: 0 10px; } .slider-logo__wrap { line-height: 142px; text-align: center; } .slider-logo__wrap img { vertical-align: middle; /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/ max-width: 100%; max-height: 100%; /*transition: all .3s linear;*/ } .slider-logo__wrap:hover img { /*-webkit-filter: grayscale(0); filter: grayscale(0);*/ } @media screen and (max-width: 1366px) { .slider-logo:last-child { margin-bottom: 120px; } .slider-logo__list { padding: 0px 60px; margin-top: 60px; } } @media screen and (max-width: 1080px) { .slider-logo:last-child { margin-bottom: 80px; } .slider-logo__list { padding: 0px 40px; margin-top: 40px; } .slider-logo__wrap { line-height: 100px; } .slider-logo__wrap img { max-height: 100px; } } @media screen and (max-width: 768px) { .slider-logo:last-child { margin-bottom: 60px; } .slider-logo__list { margin-top: 20px; } .slider-logo__wrap { line-height: 60px; } .slider-logo__wrap img { max-height: 60px; } } @media screen and (max-width: 500px) { .slider-logo__list { padding: 0; } } .news__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: 0 -10px -80px; } .news__item { flex-shrink: 1; flex-grow: 1; flex-basis: 400px; width: 100%; max-width: calc(33.3% - 20px); margin: 0 10px 80px; } .news__item:hover .news__overlay { opacity: 1; } .news__image { background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #ccc; position: relative; height: 306px; margin-bottom: 42px; } .news__image:hover .news__overlay { opacity: 1; } .news__overlay { position: absolute; top: 0; left: 0; background-color: rgba(22, 73, 158, 0.67); width: 100%; height: 100%; opacity: 0; transition: opacity .3s linear; } .news__overlay .link-play { position: absolute; top: 50%; left: 50%; text-transform: lowercase; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .news__date { position: absolute; bottom: 0; left: 0; border-radius: 0 20px 0 0; color: #fff; background-color: #434f7a; min-width: 140px; height: 116px; padding: 14px 6px; z-index: 1; } .news__date .day { display: block; font-family: "Montserrat"; font-size: 60px; font-weight: 700; line-height: 1; text-align: center; } .news__date .month { display: block; font-size: 24px; line-height: 1; text-align: center; text-transform: lowercase; } .news__short { line-height: 1.7; } .news__caption { font-weight: 700; text-transform: uppercase; color: #434f7a; } .news__caption a { color: inherit; text-decoration: none; } .news__caption a:hover { text-decoration: underline; } .news__description p { margin: 0 0 6px; } .news__description p:last-child { margin-bottom: 0; } .news--index { margin: 110px 0; } .news--index .news__list { margin-top: 60px; } .news--about { margin-bottom: 110px; } .news--about .news__list { margin-top: 60px; } @media screen and (max-width: 1366px) { .news__list { margin-bottom: -60px; } .news__item { flex-basis: 320px; margin-bottom: 60px; } .news__image { height: 260px; margin-bottom: 30px; } .news__date { min-width: 120px; height: 104px; } .news__date .day { font-size: 50px; } .news__date .month { font-size: 20px; } .news--index { margin: 110px 0 80px; } .news--about { margin-bottom: 80px; } } @media screen and (max-width: 1080px) { .news__list { margin-bottom: -40px; } .news__item { flex-basis: 380px; max-width: calc(50% - 20px); margin-bottom: 40px; } .news__image { height: 220px; margin-bottom: 20px; } .news__date { min-width: 80px; height: 80px; } .news__date .day { font-size: 40px; } .news__date .month { font-size: 14px; } .news--index { margin: 60px 0; } .news--index .news__list { margin-top: 40px; } .news--about { margin-top: 60px; margin-bottom: 60px; } .news--about .news__list { margin-top: 40px; } } @media screen and (max-width: 768px) { .news__item { max-width: 100%; margin-bottom: 30px; } .news__image { height: 200px; } .news--index { margin: 40px 0; } .news--about { margin-bottom: 40px; } } .news-description { /*justify_fix*/ line-height: 1.7; text-align:justify; } .news-description p { /*margin: 0 0 40px;*/ margin: 0 0 15px; text-align:justify; } .news-description p:last-child { margin-bottom: 0; } @media screen and (max-width: 1080px) { .news-description p { margin-bottom: 20px; } } .link-back { margin-bottom: 30px; } @media screen and (max-width: 1080px) { .link-back { margin-bottom: 20px; } } .partners__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: 0 -10px -20px; } .partners__item { flex-grow: 1; flex-shrink: 1; flex-basis: 240px; /*max-width: 298px;*/ max-width: 240px; margin: 0 10px 20px; /*margin: 0 20px 86px;*/ } .partners__item:hover .partners__image .img_one, .slider-logo__wrap:hover .img_one{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .partners__item .secondImg, .slider-logo__wrap .secondImg{ display: none; } .partners__item:hover .firstImg, .slider-logo__wrap:hover .firstImg { display: none; } .partners__item .firstImg, .slider-logo__wrap .firstImg { -webkit-transition: 0.4s; transition: 0.4s; } .partners__item:hover .secondImg, .slider-logo__wrap:hover .secondImg { -webkit-transition: 0.4s; transition: 0.4s; } .partners__item:hover .secondImg, .slider-logo__wrap:hover .secondImg { display: inline; } .partners__image { border-radius: 20px; line-height: 90px; text-align: center; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); width: 100%; height: 130px; padding: 20px 50px; /*margin-bottom: 30px;*/ } .partners__content { display: none; } .partners__image .img_one, .slider-logo__wrap .img_one { vertical-align: middle; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: grayscale(1); } .partners__image img{ vertical-align:middle; max-width: 100%; max-height: 100%; transition: -webkit-filter .3s linear; transition: filter .3s linear; transition: filter .3s linear, -webkit-filter .3s linear; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; } .bwWrapper { position:relative; display:block; } .partners__caption { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; color: #434f7a; margin-bottom: 18px; } .partners__description { line-height: 1.7; max-height: 86px; overflow: hidden; } @media screen and (max-width: 1366px) { .partners__item { max-width: 300px; } .partners__image { line-height: 70px; height: 110px; padding: 20px 36px; /*margin-bottom: 26px;*/ } .partners__image img { max-width: 90%; max-height: 90%; } .partners__caption { margin-bottom: 14px; } } @media screen and (max-width: 1080px) { /* .partners__list { margin: 0 -10px -40px; }*/ .partners__item { flex-basis: 190px; } .partners__image { line-height: 70px; height: 110px; padding: 20px 36px; /*margin-bottom: 26px;*/ } .partners__image img { max-width: 90%; max-height: 90%; } .partners__caption { margin-bottom: 13px; } } @media screen and (max-width: 768px) { .partners__image { padding: 20px; } .partners__description { max-height: 100%; } } .preview-slider { border-top: 1px solid #c9d4e1; border-bottom: 1px solid #c9d4e1; background-color: #fff; height: 420px; margin-bottom: 110px; overflow: hidden; } /* .preview-slider .slider-arrow { box-shadow: none; }*/ .preview-slider .slider-arrow:hover { background-color: #ccc; } .preview-slider .slider-arrow--left { left: 20px; } .preview-slider .slider-arrow--right { right: 20px; } .preview-slider__image { background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; align-items: center; min-height: 420px; /* padding: 40px 140px; */ padding: 40px 0; } .preview-slider__content { font-family: "Montserrat"; font-size: 48px; font-weight: 700; line-height: 1.2; color: #434f7a; max-width: 830px; } @media screen and (max-width: 1366px) { .preview-slider { height: 300px; margin-bottom: 80px; } .preview-slider__image { min-height: 300px; /* padding: 40px 100px; */ } .preview-slider__content { font-size: 40px; max-width: 660px; } } @media screen and (max-width: 1080px) { .preview-slider { height: 200px; margin-bottom: 60px; } .preview-slider__image { min-height: 200px; /* padding: 20px 80px; */ padding: 20px 0; } .preview-slider__content { font-size: 32px; max-width: 550px; } } @media screen and (max-width: 768px) { .preview-slider { margin-bottom: 40px; } .preview-slider__content { font-size: 22px; max-width: 400px; } } @media screen and (max-width: 450px) { .preview-slider { height: auto; } .preview-slider__image { background-image: none !important; min-height: 0; } .preview-slider__content { max-width: 100%; } } .user-content { line-height: 1.7; margin-top: 110px; margin-bottom: 110px; } .user-content:first-child { margin-top: 0; } .user-content:last-child { margin-bottom: 0; } .user-content h2, .user-content h3, .user-content h4, .user-content .h1, .user-content .h2, .user-content .h3, .user-content .h4 { margin: 0 0 40px; } .user-content h2:last-child, .user-content h3:last-child, .user-content h4:last-child, .user-content .h1:last-child, .user-content .h2:last-child, .user-content .h3:last-child, .user-content .h4:last-child { margin-bottom: 0; } .user-content ol, .user-content ul { margin-top: 40px; margin-bottom: 40px; } .user-content ol:first-child, .user-content ul:first-child { margin-top: 0; } .user-content ol:last-child, .user-content ul:last-child { margin-bottom: 0; } .user-content .inner-services__list { margin: 40px 0; } .user-content .inner-services__list:last-child { margin-bottom: 0; } @media screen and (max-width: 1366px) { .user-content { margin-top: 80px; } } @media screen and (max-width: 1080px) { .user-content { margin-top: 60px; } } @media screen and (max-width: 768px) { .user-content { margin-top: 40px; } } .inline-advantage { /*justify_fix*/ position: relative; line-height: 1.7; padding-left: 38px; margin: 110px 0; text-align:justify; } .inline-advantage::before { content: ''; position: absolute; top: 0; left: 0; background-color: #434f7a; width: 2px; height: 100%; } .inline-advantage:first-child { margin-top: 0; } .inline-advantage:last-child { margin-bottom: 0; } .inline-advantage .caption { font-family: "Montserrat"; font-weight: 700; line-height: 1.2; text-transform: uppercase; color: #434f7a; margin: 0 0 20px; } .inline-advantage p { margin: 0 0 6px; } .inline-advantage p:last-child { margin-bottom: 0; } .inline-advantage--title { padding-left: 50px; } .inline-advantage--title .caption { font-size: 33px; font-weight: 800; margin: 0 0 46px; } @media screen and (max-width: 1366px) { .inline-advantage { padding-left: 30px; margin-top: 80px; } .inline-advantage--title .caption { font-size: 30px; margin-bottom: 30px; } } @media screen and (max-width: 1080px) { .inline-advantage { padding-left: 26px; margin-top: 60px; } .inline-advantage--title .caption { font-size: 26px; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .inline-advantage { padding-left: 20px; margin-top: 40px; } } .not-found { display: flex; align-items: center; } .not-found__content { text-align: center; } .not-found__image { max-width: 100%; margin-bottom: 70px; } .not-found__title { font-size: 50px; line-height: 1.4; margin-bottom: 58px; } @media screen and (max-width: 1366px) { .not-found__image { width: 100%; max-width: 580px; margin-bottom: 50px; } .not-found__title { font-size: 40px; margin-bottom: 38px; } } @media screen and (max-width: 1080px) { .not-found__image { max-width: 480px; margin-bottom: 40px; } .not-found__title { font-size: 30px; margin-bottom: 28px; } } @media screen and (max-width: 768px) { .not-found__image { margin-bottom: 30px; } .not-found__title { font-size: 22px; margin-bottom: 20px; } } .search { width: 100%; max-width: 500px; } .search:after { content: ''; display: table; clear: both; } .search input { float: left; border: 1px solid #c4c4c4; border-right: none; width: calc(100% - 60px); height: 60px; padding-left: 20px; padding-right: 20px; } .search button { position: relative; float: right; background-color: #434f7a; width: 60px; height: 60px; transition: background-color .3s linear; } .search button svg { position: absolute; top: 50%; left: 50%; fill: #fff; width: 100%; height: 100%; max-width: 22px; max-height: 22px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 1366px) { .search input { width: calc(100% - 50px); height: 50px; } .search button { width: 50px; height: 50px; } .search button svg { max-width: 18px; max-height: 18px; } } @media screen and (max-width: 1080px) { .search { max-width: 350px; } .search input { width: calc(100% - 40px); height: 40px; } .search button { width: 40px; height: 40px; } .search button svg { max-width: 14px; max-height: 14px; } } .find-list { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 60px -10px -80px; } .find-list__item { flex-grow: 1; flex-shrink: 1; line-height: 1.7; width: 100%; max-width: calc(50% - 20px); margin: 0 10px 100px; } .find-list__caption { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; margin: 0 0 30px; } .find-list__caption a { color: inherit; text-decoration: none; transition: color .3s linear; } .find-list__caption a:hover { color: #434f7a; } .find-list__description { max-height: 60px; margin-bottom: 30px; overflow: hidden; } .find-list__description p { margin: 0 0 8px; } .find-list__description p:last-child { margin-bottom: 0; } .find-list__part { background-color: #e0e2e8; padding: 4px 8px; } @media screen and (max-width: 1366px) { .find-list { margin: 40px -10px -40px; } .find-list__item { margin-bottom: 40px; } .find-list__caption, .find-list__description { margin-bottom: 20px; } } @media screen and (max-width: 1080px) { .find-list__description { max-height: 48px; } } @media screen and (max-width: 768px) { .find-list__item { max-width: 100%; } .find-list__caption { margin-bottom: 14px; } } .steps-create { margin-bottom: 80px; } .steps-create:last-child { margin-bottom: 0; } .steps-create__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: -10px; } .steps-create__list--empty { /* justify-content: center; */ margin-bottom: 40px; } .steps-create__list--empty .steps-create__item { display: inline-flex; flex-basis: unset; justify-content: center; align-items: center; text-align: center; color: #484848 !important; background-color: #e6e8ee !important; min-width: 380px; /* width: 100%; */ max-width: calc(33.3% - 20px); min-height: 100px; padding: 40px; } .steps-create__item { flex-grow: 1; flex-shrink: 1; flex-basis: 200px; border: 1px solid rgba(81, 94, 129, 0.5); border-radius: 20px; color: #484848; /* width: 100%; */ /* max-width: 300px; */ min-height: 164px; padding: 32px 40px 20px 60px; margin: 10px; } .steps-create__item:nth-child(5n+1) { background-color: #fff; } .steps-create__item:nth-child(5n+2) { background-color: #f6f7f8; } .steps-create__item:nth-child(5n+3) { background-color: #e6e8ee; } .steps-create__item:nth-child(5n+4) { color: #fff; background-color: #acb1c2; } .steps-create__item:nth-child(5n+4) hr { background-color: #fff; } .steps-create__item:nth-child(5n+5) { color: #fff; background-color: #434f7a; } .steps-create__item:nth-child(5n+5) hr { background-color: #fff; } .steps-create__number { position: relative; display: inline-flex; align-items: center; margin-bottom: 14px; } .steps-create__number span { position: absolute; left: -14px; font-family: "Montserrat"; font-size: 36px; font-weight: 700; color: #cdd1d7; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .steps-create__number hr { border: none; background-color: #565f7f; width: 60px; height: 2px; } .steps-create__caption { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 1.4; text-transform: uppercase; } .steps-create__caption.check { position: relative; text-align: left; padding-left: 40px; /*margin: 0 auto;*/ width:100%; } .steps-create__caption.check::before { content: ''; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: 0; background-image: url("/local/templates/dweb/images/ico/check.svg"); width: 20px; height: 20px; } @media screen and (max-width: 1440px) { .steps-create__item { padding: 20px 20px 20px 60px; } } @media screen and (max-width: 1366px) { .steps-create { margin-bottom: 60px; } .steps-create__item { min-height: 140px; padding: 20px; } .steps-create__number { margin-bottom: 8px; } .steps-create__number span { position: static; left: 0; -webkit-transform: translate(0); transform: translate(0); margin-right: 20px; } } @media (max-width: 1240px) { .steps-create__list--empty .steps-create__item { max-width: calc(50% - 20px); } } @media screen and (max-width: 1080px) { .steps-create { margin-bottom: 40px; } .steps-create__list { margin: -5px; } .steps-create__item { flex-basis: 170px; padding: 16px; margin: 5px; } .steps-create__item { transform: rotateX(0) !important; -webkit-transform: translate(0) !important; } .steps-create__list--empty .steps-create__item { max-width: calc(100% - 20px); } .steps-create__number { margin-bottom: 8px; } .steps-create__number span { position: static; left: 0; -webkit-transform: translate(0); transform: translate(0); font-size: 30px; margin-right: 20px; } } @media screen and (max-width: 768px) { .steps-create { margin-bottom: 40px; } .steps-create__list { margin: -5px; } .steps-create__item { flex-basis: 220px; max-width: 100%; min-height: 0; } .steps-create__number { margin-bottom: 8px; } .steps-create__number span { position: static; left: 0; -webkit-transform: translate(0); transform: translate(0); font-size: 30px; margin-right: 20px; } } @media screen and (max-width: 380px) { .steps-create__item { min-width: calc(100% - 20px) !important; } } .advantages-work { position: relative; overflow: hidden; z-index: 1; } .advantages-work__bg { position: absolute; top: -180px; right: 0; width: 1176px; opacity: .6; z-index: -1; } .advantages-work__caption { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; color: #434f7a; margin-bottom: 10px; } .projects__list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin: 0 -20px -70px; } .projects__list--career { margin-bottom: 0; } .projects__list--career .projects__item { margin-bottom: 0; padding-bottom: 0; } .projects__list--career .projects__item:hover .projects__caption { pointer-events: none; } .projects__list--career .projects__image { margin-bottom: 0; } .projects__list--career .projects__caption { max-width: 100%; } .projects__item { flex-grow: 1; flex-shrink: 1; flex-basis: 550px; max-width: 50%; padding: 0 20px 70px; } .projects__item:hover .projects__overlay { opacity: 1; } .projects__image { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; display: flex; align-items: flex-end; width: 100%; height: 390px; padding: 26px 22px; margin-bottom: 36px; overflow: hidden; } .projects__image::before { content: ''; position: absolute; bottom: 0; left: 0; background-image: url("/local/templates/dweb/images/shadow-item.png"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; } .projects__overlay { color: inherit; text-decoration: none; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(67, 79, 122, 0.57); width: 100%; height: 100%; opacity: 0; transition: opacity .3s linear; } .projects__wrap { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; } .projects__caption { position: relative; font-family: "Montserrat"; font-weight: 700; line-height: 1.7; text-transform: uppercase; color: #fff; max-width: 60%; z-index: 1; } .projects__caption a { color: inherit; text-decoration: none; } .projects__caption a:hover { text-decoration: underline; } .projects__zoom { display: none; position: relative; z-index: 1; } .projects__zoom svg { pointer-events: none; fill: #fff; width: 32px; height: 32px; transition: width .3s linear, height .3s linear; } .projects__zoom:hover svg { width: 36px; height: 36px; } .projects__description { line-height: 1.7; max-height: 126px; overflow: hidden; } .projects__description p { margin: 0 0 8px; } .projects__description p:last-child { margin-bottom: 0; } .projects--index { margin: 110px 0; } @media screen and (max-width: 1366px) { .projects__list { margin: 0 -10px -40px; } .projects__list--career { margin-bottom: 0; } .projects__item { flex-basis: 450px; padding: 0 10px 40px; } .projects__image { height: 320px; padding: 20px; margin-bottom: 26px; } .projects__description { max-height: 114px; } } @media screen and (max-width: 1080px) { .projects__image { height: 260px; margin-bottom: 20px; } .projects .link-play { display: none; } .projects__zoom svg { width: 24px; height: 24px; } } @media screen and (max-width: 768px) { .projects__image { height: 200px; } .projects__image::before { height: 200%; } .projects__caption { font-size: 13px; max-width: 80%; } } @media screen and (max-width: 720px) { .projects__list { flex-direction: column; margin: 0; } .projects__list--career .projects__item { margin-bottom: 10px; } .projects__list--career .projects__item:last-child { margin-bottom: 0; } .projects__item { flex-basis: 0; max-width: 100%; padding: 0; margin-bottom: 20px; } .projects__item:last-child { margin-bottom: 0; } } .projects-slider { position: relative; padding: 0 90px; margin-top: 80px; height: 474px; overflow: hidden; } .projects-slider .slider-arrow--left { left: 10px; } .projects-slider .slider-arrow--right { right: 10px; } .projects-slider .slick-list { margin: 0 -10px; } .projects-slider__content { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background-color: #ccc; height: 474px; padding: 40px 26px; margin: 0 10px; } .projects-slider__content::before { content: ''; position: absolute; top: 0; left: 0; background-image: url("/local/templates/dweb/images/shadow-item.png"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; } .projects-slider__content:hover .projects-slider__overlay { opacity: 1; } .projects-slider__overlay { position: absolute; top: 0; left: 0; background-color: rgba(67, 79, 122, 0.57); width: 100%; height: 100%; opacity: 0; transition: opacity .3s linear; } .projects-slider__overlay .link-play { position: absolute; top: 50%; left: 50%; text-transform: lowercase; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .projects-slider__information { pointer-events: none; position: relative; display: flex; justify-content: space-between; align-items: flex-end; z-index: 1; } .projects-slider__caption { pointer-events: visible; line-height: 1.4; max-width: 300px; padding-right: 20px; } .projects-slider__zoom { display: none; pointer-events: visible; position: relative; top: 15px; right: 13px; } .projects-slider__zoom svg { pointer-events: none; fill: #fff; width: 32px; height: 32px; transition: width .3s linear, height .3s linear; } .projects-slider__zoom:hover svg { width: 36px; height: 34px; } @media screen and (max-width: 1366px) { .projects-slider { height: 280px; padding: 0 60px; margin-top: 60px; } .projects-slider__content { height: 280px; } } @media screen and (max-width: 1080px) { .projects-slider { height: 240px; margin-top: 40px; } .projects-slider__content { padding: 30px 16px; height: 240px; } } @media screen and (max-width: 768px) { .projects-slider { margin-top: 20px; } } @media screen and (max-width: 560px) { .projects-slider { padding: 0; } } .project__content { /*display: flex; justify-content: space-between; margin: -10px;*/ } .project__data { /*flex-grow: 3; flex-shrink: 1; max-width: 858px; margin: 10px;*/ /*padding-bottom: 60px;*/ } .project__title { display: flex; justify-content: space-between; align-items: center; max-width: 860px; margin: -10px -10px 30px; } .project__logo { border: 1px solid rgba(81, 94, 129, 0.28); line-height: 86px; text-align: center; width: 298px; height: 126px; padding: 20px; margin: 10px; } .project__logo img { vertical-align: middle; max-width: 100%; max-height: 100%; } .project__short { flex-grow: 1; flex-shrink: 1; align-self: center; line-height: 1.7; width: 100%; max-width: 460px; margin: 10px; } .project__short p { margin: 0; } .project__caption { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; color: #434f7a; margin-top: 40px; } .project__caption:first-child { margin-top: 0; } .project__description { position: relative; border-radius: 20px 20px 0 0; line-height: 1.7; background-color: #e0e2e8; background-image: url('/local/templates/dweb/images/logo-image-white.png'); background-repeat: no-repeat; background-size: 520px; background-position: right -180px bottom -260px; padding: 40px; } .project__result { position: relative; background-color: #e0e2e8; /* flex-grow: 1; flex-shrink: 1; width: 100%; max-width: 620px;*/ /* padding: 64px 60px 64px 80px; margin: 102px 10px 10px;*/ z-index: 1; } .project__result .project__caption { margin-top: 0; } .project__result .project__description { padding: 40px; } .project__bg { /*position: absolute; top: 0; left: 0; border-radius: 20px 0 0 0; background-color: #e0e2e8; width: calc(((100vw - 1600px) / 2 + 100%)); height: 100%; overflow: hidden; z-index: -1;*/ display: none; } .project__bg img { position: absolute; bottom: -280px; left: 370px; width: 520px; } .project__wrap { position: relative; width: 100%; } .project__wrap .project__tab { width: 100%; } .project__tab .h4{ margin-left:10px; } .project__wrap .project__tab_wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; } .project__wrapper { position: relative; width: 100%; } .project__tab { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity .3s linear; } .project__tab.active { position: relative; opacity: 1; } .project--experience { position: relative; border-radius: 20px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); /*padding: 80px 0 0 80px;*/ margin: 110px 0; overflow: hidden; z-index: 1; } .project--experience:last-child { margin-bottom: 0; } .project--experience .title-block { padding: 80px; padding-bottom: 0; margin-bottom: 80px; } .project--experience .slider-arrow { position: relative; -webkit-transform: translate(0); transform: translate(0); left: 0; right: 0; top: 0; margin-left: 10px; margin-right: 10px; } .project--experience .project__title { max-width: 900px; padding: 0 80px; margin: 0 -10px 30px; } .project--experience .project__description { border-radius: 0; padding: 0; } .project--experience .project__description .project__tab { padding: 40px 80px; } .project--experience .project__short { max-width: 360px; } .project--experience .project__result { max-width: 540px; } @media screen and (max-width: 1366px) { .project__logo { line-height: 80px; width: 270px; height: 100px; padding: 10px; } .project__caption { margin-top: 20px; } .project__description { padding-bottom: 40px; } .project__result { max-width: 530px; padding: 40px 20px 40px 60px; } .project--experience { margin: 80px 0; } .project--experience .title-block { padding: 40px; padding-bottom: 0; margin-bottom: 40px; } .project--experience .project__title { padding: 0 40px; } .project--experience .project__description .project__tab { padding: 40px; } } @media screen and (max-width: 1080px) { .project__description { padding-bottom: 20px; } .project__result { max-width: 370px; padding: 30px 20px 30px 30px; margin-top: 164px; } .project--experience { margin: 60px 0; } .project--experience .title-block { margin-bottom: 40px; } } @media screen and (max-width: 768px) { .project .title-block { padding: 0; } .project__content { flex-direction: column; } .project__title { flex-wrap: wrap; } .project__tab { flex-wrap: wrap; } .project__logo { line-height: 64px; width: 230px; height: 84px; } .project__short { width: auto; max-width: 360px; } .project__description { padding: 20px; } .project__result { width: auto; max-width: 100%; padding: 30px 20px 30px 30px; margin-top: 10px; } .project--experience { margin: 40px 0; } .project--experience .title-block { padding: 20px; padding-bottom: 0; margin-bottom: 20px; } .project--experience .project__title { justify-content: flex-start; padding: 0 20px; } .project--experience .project__title .slider-arrow { order: 2; } .project--experience .project__description .project__tab { padding: 20px; } } .project-review__content { display: flex; justify-content: space-between; border-radius: 20px; background-color: #fff; /*box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25);*/ min-height: 446px; padding: 30px 60px 30px 78px; } .project-review__information { flex-grow: 1; flex-shrink: 1; align-self: center; line-height: 1.7; text-align: center; max-width: 300px; margin-right: 40px; } .project-review__image { border-radius: 50%; background-color: #f5f6f8; background-size: contain; background-repeat: no-repeat; background-position: center; width: 254px; height: 254px; margin-bottom: 30px; } .project-review__name { font-family: "Montserrat"; font-weight: 700; text-transform: uppercase; color: #434f7a; } .project-review__position { line-height: 1.4; } .project-review__comment { position: relative; flex-grow: 1; flex-shrink: 1; line-height: 1.7; max-width: 1040px; padding-top: 30px; z-index: 1; } .project-review__comment::before { content: ''; position: absolute; top: 0; left: 0; background-image: url("/local/templates/dweb/images/ico/quotes.png"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 89px; height: 83px; z-index: -1; } .project-review__comment p { margin: 0 0 8px; } .project-review__comment p:last-child { margin-bottom: 0; } @media screen and (max-width: 1366px) { .project-review__content { min-height: 0; padding: 30px 40px 30px 60px; } .project-review__information { margin-right: 20px; } .project-review__image { width: 220px; height: 220px; margin: 0 auto 20px; } } @media screen and (max-width: 1080px) { .project-review__content { padding: 20px; } .project-review__information { align-self: flex-start; } .project-review__image { width: 180px; height: 180px; } .project-review__position { font-size: 12px; } .project-review__comment { padding-top: 14px; } .project-review__comment::before { width: 65px; height: 60px; } } @media screen and (max-width: 768px) { .project-review__content { flex-direction: column; border-radius: 0 0 20px 20px; padding: 16px; } .project-review__information { text-align: left; max-width: 100%; margin-right: 0; margin-bottom: 20px; } .project-review__information:after { content: ''; display: table; clear: both; } .project-review__image { float: left; width: 120px; height: 120px; margin-right: 20px; margin-bottom: 0; } .project-review__name { margin-top: 10px; } } @media screen and (max-width: 400px) { .project-review__image { display: none; } .project-review__position br { display: none; } } .project-video { position: relative; margin-top: 110px; } .project-video__bg { position: absolute; bottom: -270px; left: 0; opacity: .6; z-index: -1; } .project-video__movie { display: block; width: 100%; max-width: 1100px; height: 510px; margin: 0 auto 60px; } .project-video__movie .youtube-video { width: 100%; height: 100%; } .project-video__description { text-align: center; } .project-video__description p { margin: 0 0 6px; } .project-video__description p:last-child { margin-bottom: 0; } @media screen and (max-width: 1366px) { .project-video { margin-top: 80px; } .project-video__movie { max-width: 800px; height: 460px; margin-bottom: 40px; } } @media screen and (max-width: 1080px) { .project-video { margin-top: 60px; } .project-video__movie { max-width: 600px; height: 300px; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .project-video { margin-top: 40px; } } @media screen and (max-width: 460px) { .project-video__movie { height: 200px; } } .qw { width: 40px; height: 40px; } .reviews-slider { margin: 100px 0; } .reviews-slider__content { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin: -20px; } .reviews-slider__content:after { content: ''; display: table; clear: both; } .reviews-slider__left { float: left; width: 50%; max-width: 700px; margin: 20px; } .reviews-slider__right { float: right; width: calc(50% - 60px); max-width: 620px; margin: 20px; } .reviews-slider__title h2 { margin: 0 0 46px; } .reviews-slider__description { line-height: 1.7; } @media screen and (max-width: 1366px) { .reviews-slider { margin: 80px 0; } .reviews-slider__title h2 { margin-bottom: 40px; } } @media screen and (max-width: 1080px) { .reviews-slider { margin: 60px 0; } /* .reviews-slider__left { width: calc(40% - 60px); } .reviews-slider__right { width: calc(60% - 60px); }*/ .reviews-slider__title h2 { margin-bottom: 20px; } .reviews-slider__description br { display: none; } } @media screen and (max-width: 860px) { .reviews-slider__content { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .reviews-slider__left { width: 100%; max-width: 100%; } .reviews-slider__right { order: -1; width: 100%; max-width: 100%; } } @media screen and (max-width: 768px) { .reviews-slider { margin: 40px 0; } .reviews-slider__content { margin: 0; } .reviews-slider__left, .reviews-slider__right { float: none; width: 100%; max-width: 100%; margin: 0; } .reviews-slider__left { margin-bottom: 20px; } } .reviews-clients { width: 100%; max-width: 700px; padding: 0 80px; margin-bottom: 60px; } .reviews-clients .slick-slide.slick-current .reviews-clients__wrap img { -webkit-filter: grayscale(0); filter: grayscale(0); } .reviews-clients__wrap { line-height: 140px; text-align: center; margin: 0 10px; } .reviews-clients__wrap img { vertical-align: middle; -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor: pointer; max-width: 100%; max-height: 100%; transition: -webkit-filter .3s linear; transition: filter .3s linear; transition: filter .3s linear, -webkit-filter .3s linear; } .reviews-clients__wrap img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } @media screen and (max-width: 1366px) { .reviews-clients { padding: 0 60px; margin-top: 20px; } } @media screen and (max-width: 1080px) { .reviews-clients { margin-bottom: 20px; } .reviews-clients .slick-slide.slick-current { display: block; } } @media screen and (max-width: 768px) { .reviews-clients { max-width: 300px; margin: 20px auto 0; } .reviews-clients__wrap img { max-height: 80px; } } .reviews-current { width: 100%; max-width: 222px; margin: 18px auto 0; } .reviews-screen__item { text-align: right; } .reviews-screen__item>a { position: relative; display: inline-block; -webkit-background-size: cover; background-size: cover; width: 100%; max-width: 460px; height: 660px; } .reviews-screen__item .certificates-slider__ico { opacity: 1; } .reviews-screen__item>a:hover .certificates-slider__ico svg { width: 36px; height: 36px; } .reviews-current__item { text-align: center; } .reviews-current__caption { display: block; text-align: center; margin: 16px 0 0; } @media screen and (max-width: 1080px) { .reviews-current { display: none; } } .reviews-comment { width: 100%; /*max-width: 620px; max-height: 460px;*/ } .reviews-comment__content { display: flex; } .reviews-comment__caption { font-family: "Montserrat"; font-weight: 700; line-height: 1.7; text-transform: uppercase; margin-bottom: 50px; } .reviews-comment__text { /*justify_fix*/ line-height: 1.7; margin-bottom: 68px; max-height: 265px; overflow: hidden; transition: max-height .3s linear; text-align:justify; } .reviews-comment__text:last-child { margin-bottom: 0; } .reviews-comment__text.active { max-height: 100%; } .reviews-comment__text p { margin-bottom: 8px; } .reviews-comment__text p:last-child { margin-bottom: 0; } .reviews-comment__more { font-family: "FiraSans"; text-transform: lowercase; } .reviews-comment__more.active::after { left: 6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .reviews-comment__more.active:hover::after { left: 0; } @media screen and (max-width: 1366px) { .reviews-comment__caption { margin-bottom: 40px; } .reviews-comment__text { max-height: 264px; margin-bottom: 50px; } .reviews-screen__item>a { max-width: 410px; height: 580px; } } @media screen and (max-width: 860px) { .reviews-screen__item { text-align: center; } .reviews-screen__item>a { max-width: 290px; height: 400px; } .reviews-screen__item .certificates-slider__ico { display: none; } } @media screen and (max-width: 1080px) { .reviews-comment__caption { margin-bottom: 20px; } .reviews-comment__text { max-height: 166px; margin-bottom: 30px; } } @media screen and (max-width: 768px) { .reviews-comment { max-width: 100%; margin-bottom: 20px; } .reviews-comment__text { max-height: 102px; } } .solutions { margin: 110px 0; } .solutions__content { display: flex; justify-content: space-between; border-radius: 20px; background-color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); max-width: 1580px; overflow: hidden; } .solutions__information { display: flex; flex-direction: column; width: 100%; max-width: 700px; padding: 76px 0 40px 82px; } .solutions__description { line-height: 1.7; margin: 54px 0 40px; } .solutions__description:first-child { margin-top: 0; } .solutions__description:last-child { margin-bottom: 0; } .solutions__description p { margin: 0 0 8px; } .solutions__description p:last-child { margin-bottom: 0; } .solutions__image { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; align-self: stretch; width: 100%; max-width: 700px; min-height: 520px; height: 100%; margin-left: 20px; overflow: hidden; } .solutions__image--half { position: absolute; top: 0; left: 0; pointer-events: none; height: calc(100% + 4px); } @media screen and (max-width: 1366px) { .solutions { margin: 80px 0; } .solutions__information { padding: 20px 0 20px 40px; } .solutions__image { min-height: 430px; } } @media screen and (max-width: 1080px) { .solutions { margin: 60px 0; } .solutions__information { padding: 20px 0 20px 20px; } .solutions__image { min-height: 380px; } } @media screen and (max-width: 1020px) { .solutions__content { flex-direction: column; } .solutions__information { max-width: 100%; padding: 40px 20px 0; } .solutions__image { max-width: 100%; min-height: 320px; margin: 20px 0 0; } .solutions__image--half { display: none; } } @media screen and (max-width: 800px) { .solutions { margin: 40px 0; } .solutions__image { min-height: 280px; } } .inner-solution { position: relative; overflow: hidden; z-index: 1; } .inner-solution--changed { margin-bottom: 80px; } .inner-solution--changed:last-child { margin-bottom: 0; } .inner-solution--changed .inner-solution__image { left: 0; border-radius: 20px; width: 100%; } .inner-solution__back { pointer-events: none; position: absolute; bottom: -260px; right: -100px; width: 490px; z-index: -1; } .inner-solution__content:after { content: ''; display: table; clear: both; } .inner-solution__information { position: relative; display: flex; float: left; color: #fff; width: 100%; max-width: 520px; margin-right: 20px; margin-bottom: 20px; } .inner-solution__tab { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; min-height: 380px; height: 100%; padding: 20px 20px 20px 0; opacity: 0; z-index: -999; transition: opacity .3s linear; } .inner-solution__tab .inner-solution__caption { margin-bottom: 20px; } .inner-solution__tab.active { position: relative; opacity: 1; z-index: 1; } .inner-solution__image { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; left: -80px; border-radius: 0 20px 20px 0; width: calc(100% + 80px); height: 100%; overflow: hidden; z-index: -1; } .inner-solution__image::before { content: ''; position: absolute; top: 0; left: 0; background-color: rgba(67, 79, 122, 0.64); width: 100%; height: 100%; } .inner-solution__caption { font-family: "Montserrat"; font-weight: 700; width: 100%; padding: 20px 16px; text-decoration: none; text-transform: uppercase; } .inner-solution__short { /*font-size: 16px;*/ line-height: 1.7; color: #fffefe; } .inner-solution .link-play { margin-top: 50px; } .inner-solution__list { list-style-type: none; padding: 0; margin: 0; font-size: 0; margin: -20px; } .inner-solution__item { display: inline-flex; border: 1px solid rgba(81, 94, 129, 0.5); border-radius: 20px; font-size: 16px; color: #484848; background-color: #fff; cursor: pointer; width: 100%; max-width: 240px; margin: 0 20px 20px; overflow: hidden; transition: border-color .3s linear, background-color .3s, box-shadow .3s linear; } .inner-solution__item.active { border-color: transparent; background-color: #434f7a; color: #fff; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); cursor: initial; } .inner-solution__item:hover { border-color: transparent; box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); } @media screen and (max-width: 1366px) { .inner-solution { max-width: 1190px; padding: 40px; } .inner-solution__information { max-width: 426px; margin-right: 10px; margin-bottom: 10px; } .inner-solution__tab { min-height: 340px; } .inner-solution__item { max-width: 208px; padding: 12px; margin: 0 10px 20px; } .inner-solution__short { font-size: 14px; } } @media screen and (max-width: 1080px) { .inner-solution__information { max-width: 350px; } .inner-solution__tab { min-height: 298px; } .inner-solution__list { margin-top: 0; } .inner-solution__item { font-size: 13px; max-width: 174px; margin: 0 8px 14px; } .inner-solution__short { font-size: 12px; } } @media screen and (max-width: 768px) { .inner-solution { padding: 40px 20px; } .inner-solution__back { display: none; } .inner-solution__content { display: flex; flex-direction: column; } .inner-solution__information { order: 1; float: none; max-width: 100%; margin: 20px 0 0; } .inner-solution__list { display: flex; flex-wrap: wrap; margin: -4px; } .inner-solution__item { display: flex; align-items: center; flex-grow: 1; flex-shrink: 1; flex-basis: 166px; font-size: 10px; max-width: 100%; margin: 4px; } } .inner-services { position: relative; margin-bottom: 110px; z-index: 2; } .inner-services__list { list-style-type: none; padding: 0; margin: 0; position: relative; /*display: flex; flex-wrap: wrap; align-items: flex-start; margin: -10px;*/ } .inner-services__item { position: relative; /* flex-grow: 1; flex-shrink: 1;*/ box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); /* width: 100%; max-width: calc(50% - 20px);*/ /*margin: 10px;*/ margin-bottom: 20px; } .inner-services__item:last-child { margin-bottom: 0; } .inner-services__item.active { z-index: 1; } .inner-services__caption { position: relative; font-family: "Montserrat"; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: left; background-color: #fff; width: 100%; min-height: 82px; padding: 12px 80px; transition: box-shadow .3s linear; } .inner-services__caption::before, .inner-services__caption::after { content: ''; position: absolute; right: 40px; background-color: #434f7a; transition: all .3s linear; } .inner-services__caption::before { top: 50%; width: 2px; height: 30px; -webkit-transform: translate(-14px, -50%); transform: translate(-14px, -50%); } .inner-services__caption::after { top: 50%; width: 30px; height: 2px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .inner-services__caption.active::before { height: 0; } .inner-services__description { display: none; bottom: 0; left: 0; line-height: 1.7; background-color: #fff; width: 100%; padding-left: 80px; padding-right: 80px; padding-bottom: 32px; margin-top: 0; overflow: hidden; transition: box-shadow .2s linear; } .inner-services__description ul { list-style-type: disc; padding-left: 20px; } .inner-services__window { max-height: 590px; padding-bottom: 0; overflow: auto; } .inner-services__window::-webkit-scrollbar-button { background-image: none; width: 0; height: 0; } .inner-services__window::-webkit-scrollbar-track { background-color: #ddd; } .inner-services__window::-webkit-scrollbar-thumb { background-color: rgba(67, 79, 122, 0.5); } .inner-services__window::-webkit-scrollbar-thumb:hover { background-color: #434f7a; } .inner-services__window::-webkit-scrollbar { max-width: 8px; } .inner-services--vacancy .inner-services__caption { color: #434f7a; } .inner-services--vacancy .inner-services__description { padding-bottom: 70px; } .inner-services--vacancy .inner-services__description ul { margin-bottom: 34px; } .inner-services--vacancy .inner-services__description ul:last-child { margin-bottom: 0; } .inner-services--vacancy .inner-services__description ul li { margin-bottom: 0; } .inner-services--vacancy .inner-services__description p { margin: 0; } .inner-services--vacancy .inner-services__description .button { margin-top: 20px; margin-left: 10px; margin-bottom: 10px; } @media screen and (max-width: 1366px) { .inner-services { margin-bottom: 80px; } .inner-services__caption { padding: 20px 40px; } .inner-services__caption::before, .inner-services__caption::after { right: 24px; } .inner-services__caption::before { height: 24px; -webkit-transform: translate(-11px, -50%); transform: translate(-11px, -50%); } .inner-services__caption::after { width: 24px; } .inner-services__description { padding: 20px; padding-top: 0; } } @media screen and (max-width: 1080px) { .inner-services__caption { min-height: 0; padding: 20px 40px 20px 20px; } .inner-services { margin-bottom: 60px; } .inner-services__item { flex-basis: 450px; max-width: 100%; } } @media screen and (max-width: 940px) { .inner-services__item { margin-bottom: 10px; } } @media screen and (max-width: 768px) { .inner-services { margin-bottom: 40px; } .inner-services__list { margin: 0; } .inner-services__item { margin: 0 0 6px; } .inner-services__caption { font-size: 14px; padding: 20px; padding-right: 36px; } .inner-services__caption::before, .inner-services__caption::after { right: 14px; } .inner-services__caption::before { height: 16px; -webkit-transform: translate(-7px, -50%); transform: translate(-7px, -50%); } .inner-services__caption::after { width: 16px; } .inner-services__description { padding-left: 20px; padding-right: 20px; } } .bg-block { position: relative; width: 100%; padding-top: 50px; /*margin-bottom: 110px;*/ } .bg-block__image { position: absolute; top: 0; left: 0; min-width: 100vw; z-index: -1; } @media screen and (max-width: 1366px) { .bg-block { padding-top: 30px; margin-bottom: 80px; } } @media screen and (max-width: 1080px) { .bg-block { margin-bottom: 60px; } } @media screen and (max-width: 768px) { .bg-block { margin-bottom: 40px; } } .inner-preview { margin-bottom: 70px; } .inner-preview__wrapper { display: flex; justify-content: space-between; margin-bottom: 90px; } .inner-preview__wrapper:last-child { margin-bottom: 0; } .inner-preview__information { width: 100%; max-width: 860px; } .inner-preview__information h2, .inner-preview__information h3, .inner-preview__information h4, .inner-preview__information .h1, .inner-preview__information .h2, .inner-preview__information .h3, .inner-preview__information .h4 { margin-top: 30px; margin-bottom: 20px; } .inner-preview__information h2:first-child, .inner-preview__information h3:first-child, .inner-preview__information h4:first-child, .inner-preview__information .h1:first-child, .inner-preview__information .h2:first-child, .inner-preview__information .h3:first-child, .inner-preview__information .h4:first-child { margin-top: 0; } .inner-preview__information h2:last-child, .inner-preview__information h3:last-child, .inner-preview__information h4:last-child, .inner-preview__information .h1:last-child, .inner-preview__information .h2:last-child, .inner-preview__information .h3:last-child, .inner-preview__information .h4:last-child { margin-bottom: 0; } .inner-preview__image { position: relative; width: 100%; max-width: 496px; margin: -40px 0 -160px 40px; } .inner-preview__image img { position: relative; top: 0; left: 0; max-width: 660px; max-height: 600px; } .inner-preview--index .inner-preview__wrapper { margin-bottom: 60px; } .inner-preview--index .inner-preview__image { margin-bottom: 0; } @media screen and (max-width: 1366px) { .inner-preview { margin-bottom: 40px; } .inner-preview__image { text-align: right; max-width: 400px; margin-bottom: -120px; } .inner-preview__image img { max-width: 100%; } } @media screen and (max-width: 1080px) { .inner-preview__image { margin-bottom: -90px; } } @media screen and (max-width: 768px) { .inner-preview { margin-bottom: 20px; } .inner-preview__wrapper { display: block; margin-bottom: 0; } .inner-preview__information { margin-bottom: 20px; } .inner-preview__image { margin: 0; } .inner-preview .center-list { display: none; } /*отключаем анимацию*/ .news--animate .news__item { opacity: 1 !important; -webkit-transform: translateY(0%) !important; transform: translateY(0%) !important; transition: opacity .3s, transform .3s; } } .form-file { position: relative; } .form-file input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; } .form-file__name { display: flex; align-items: center; height: 36px; margin-bottom: 12px; } .form-file__name::before { content: ''; display: inline-block; background-image: url('/local/templates/dweb/images/ico/clip.svg'); background-size: cover; width: 26px; height: 26px; margin-right: 10px; } .form-file__name::after { content: 'Выберите файл'; } .form-file__name.active::after { display: none; } /*.reviews-clients { opacity: 0; transform: translateX(-100%); transition: opacity .3s, transform .3s; } .reviews-comment { opacity: 0; transform: translateX(100%); transition: opacity .3s, transform .3s; } .reviews-screen { transform: scale(0); transition: transform .3s .6s; } .tagret-find .reviews-clients { opacity: 1; transform: translateX(0); } .tagret-find .reviews-comment { opacity: 1; transform: translateX(0); } .tagret-find .reviews-screen {transform: scale(1);}*/ .animate-list li { transform: scale(0); transition: transform .3s; } .animate-list li:nth-child(2) { transition-delay: .2s; } .animate-list li:nth-child(3) { transition-delay: .4s; } .animate-list li:nth-child(4) { transition-delay: .6s; } .animate-list li:nth-child(5) { transition-delay: .8s; } .tagret-find.animate-list li { transform: scale(1); } .steps-create__item { transform: rotateX(90deg); transition: transform .3s; } .steps-create__item:nth-child(2) { transition-delay: .2s; } .steps-create__item:nth-child(3) { transition-delay: .4s; } .steps-create__item:nth-child(4) { transition-delay: .6s; } .steps-create__item:nth-child(5) { transition-delay: .8s; } .steps-create__item:nth-child(6) { transition-delay: 1s; } .steps-create__item:nth-child(7) { transition-delay: 1.2s; } .tagret-find .steps-create__item { transform: rotateX(0); } .news--animate .news__item { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: opacity .3s, transform .3s; } .news--animate .news__item:nth-child(2) { transition-delay: .2s; } .news--animate .news__item:nth-child(3) { transition-delay: .4s; } .news--animate.tagret-find .news__item { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .advantages__list.tagret-find .ico-enabled {} .advantages__list.tagret-find .advantages__item:nth-child(1) .ico-enabled { animation: flash-ico 1s 1s; } .advantages__list.tagret-find .advantages__item:nth-child(2) .ico-enabled { animation: flash-ico 1s 1.4s; } .advantages__list.tagret-find .advantages__item:nth-child(3) .ico-enabled { animation: flash-ico 1s 1.8s; } .advantages__list.tagret-find .advantages__item:nth-child(4) .ico-enabled { animation: flash-ico 1s 2.2s; } .advantages__list.tagret-find .advantages__item:nth-child(5) .ico-enabled { animation: flash-ico 1s 2.6s; } .css_section_6 .inner-preview--index .inner-preview__wrapper{ margin-bottom:50px; } .capability_new li{ /* max-height:70px !important; */ } .css_section_6 .inner-preview{ margin-bottom:0px; } .css_section_6 .inner-preview__image img{ top:5px; } .video_14{ text-align:center; width:100%; } .video_14 .video_wrapper{ margin:0 auto; max-width:800px; max-height:600px; min-height:450px; } .video_14 .video_wrapper iframe{ height:100%; min-height:450px; } .video-circle__stencil{ position:relative; } /*NEW BUGFIX*/ .class_section_7 .steps-create__item{ max-width:18%; } .button_movie{ display:none; } .comment__caption_mobile_visible{ display:none; } @media screen and (min-width: 1601px) { /*.video-circle__stencil{ left:-2px; }*/ } .onerow{ position:relative; top:6px; } @media screen and (min-width: 1241px) { .steps-create__list--empty .steps-create__item { width: calc(33.3% - 20px); min-width: calc(33.3% - 20px); } .steps-create__list--empty .steps-create__item.width50{ width: calc(25% - 20px); min-width: calc(25% - 20px); } } @media screen and (max-width: 1600px) { .class_section_8 .advantages-work li div{ font-size:16px; } } @media screen and (max-width: 1080px) { .animate-list li { transform: scale(1) !important; transition: transform .3s; } .about-achievements, .about__bg{ display:none; } } @media screen and (max-width: 800px){ .about-achievements__item { min-width: 100%; justify-content: left !important; } } @media screen and (max-width: 768px){ .directions-yes-index .directions__items{ display:none; } .button_movie{ display:block; } .comment__caption_mobile_visible{ display:block; } .comment__caption_mobile_hidden{ display:none; } } @media screen and (max-width: 424px){ .steps-create__item{ padding:15px !important; } .steps-create__list{ margin-bottom:20px !important; } .inner-solution__caption{ padding:10px 16px; } .inner-solution__item{ min-height:98px !important; } .class_section_6 .slider-logo:last-child{ margin-bottom:0px; } .image_detail_6{ display:none; } .customh2_portal{ font-weight:400; font-size:18px; } .class_section_7 .user-content, .class_section_7 .steps-create{ margin-bottom:0px !important; } .class_section_7 .advantages-work__caption{ font-size:14px; } .class_section_7 ul.check-list>li:before{ background-size:70%; } .class_section_7 ul.check-list--large>li { padding-left: 40px; } .class_section_8 .user-content{ margin-bottom:40px !important; } .class_section_9 .directions__items_li{ display:none !important; } .class_section_9 .user-content{ margin-bottom:40px !important; } .class_section_9 .directions-list > li.active .directions-list__ico{ box-shadow:none; } .class_section_9 .directions-list > li.active .directions-list__caption{ background:none; color:#484848; box-shadow:none; } .class_section_10 .directions__items_li{ display:none !important; } .class_section_10 .directions-list > li.active .directions-list__ico{ box-shadow:none; } .class_section_10 .directions-list > li.active .directions-list__caption{ background:none; color:#484848; box-shadow:none; } .class_section_10 .user-content{ margin-bottom:40px !important; } .class_section_11 .user-content{ margin-bottom:40px !important; } .class_section_11 .inner-services__description p:first-child{ margin-top:-5px; } .class_section_11 .slider-logo{ margin-bottom:10px; } .class_section_11 ul.check-list>li::before{ background-size: 50%; top:2px; left: 8px; } .class_section_12 .inner-preview__image{ display:none; } .class_section_12 .inner-solution{ padding-top:0px; } .class_section_12 .inner-solution .h2{ margin-left: -20px; } .class_section_12 .inner-solution__tab{ min-height:auto; } .class_section_12 .inner-solution__tab_mobile .inner-solution__caption{ display:none; } .class_section_12 .inner-solution .inner-solution__content .inner-solution__list{ margin-top:20px; } .class_section_12 .inner-solution .h2{ margin-bottom:0px; } .class_section_12 .inner-solution__item{ min-height:78px !important; } .class_section_12 .inner-solution__caption{ padding:5px 16px; } .class_section_12 .user-content{ margin-bottom:30px !important; } .class_section_14 .user-content{ margin-bottom:50px !important; } .solutions__description{ margin-top:15px; } .solutions__description p, .about__description p{ /*text-align:justify;*/ } .certificates-slider .slider-arrow{ z-index:100; } .partners__list{ justify-content:center; } .project--experience .project__title{ position:relative; } .project--experience .slider-arrow { position: absolute !important; top: 50% !important; border-radius: 50%; background-color: #fff; box-shadow: 0 0 29px 0 #e1e3ea; /*width: 60px; min-width: 60px; height: 60px;*/ -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; transition: background-color .3s linear; z-index: 1; right:auto; left:auto; } .project--experience .experience--prev { left: 0 !important; } .project--experience .experience--next { right: 0 !important; } ul.blue-dots>li{ padding-left:15px; } ul.blue-dots>li:before{ position:absolute; top: 11px; left: 0px; } .reviews-comment{ margin-bottom:-20px; } /*align-left for mobile version*/ .content-check, .inline-advantage, .welcome__content p{ text-align:left !important; } .inner-services--vacancy .inner-services__description { padding-bottom: 20px; } .request_vacancy{ margin-top:-15px !important; } } @-moz-document url-prefix() { @media screen and (max-width: 800px){ .navigation__item{ height:auto; } } } @media screen and (max-width: 800px){ .navigation__item{ height:auto; } } /*new realisation for tabs*/ .accordion__item_mobile{ display:none; margin-bottom:25px; } .inner-solution__tab_mobile{ display:none; margin-bottom:25px; } .directions__items_li{ display:none; margin-bottom:25px; } @media screen and (max-width: 424px){ .accordion__tabs, .inner_solution_toggle, .directions__content_toggle{ display:none; } .accordion__item { opacity: 1; position: relative; } .accordion__item.active { pointer-events: visible; position: relative; display: block; z-index: 2; } .link-play{ margin-bottom:10px; } .inner-solution__tab { opacity: 1; position: relative; } .inner-solution__tab.active { pointer-events: visible; position: relative; display: block; z-index: 2; } .inner-solution__tab .link-play{ font-size:16px; } .directions__items_li { position: relative; display:none; opacity: 1; transition: opacity .3s linear, left .3s; } .directions__items_li.active { position: relative; display:block; opacity: 1; z-index: 1; } } /*END new realisation for tabs*/ /*P justify*/ @media screen and (min-width: 768px){ p{ text-align:justify; /*text-justify: distribute;*/ } } @media screen and (max-width: 1220px){ .navigation.active { -webkit-transform: translateX(0); transform: translateX(0); } } .directions-list__caption{ text-align:left; } .text_activity_left, .text_activity_left p{ text-align:left; } .left-text-caption .caption{ text-align:left; } .left-text, .left-text p, .left-text .caption{ text-align:left; } /*hide prom solution*/ .ottrasl_stop{ display:none; } .button_movie{ width:100%; text-align:center; } .button_movie a{ margin-left:0px !important; } .youtube{ font-size:28px; } .youtube a{ color:#fff; } .youtube a:hover{ color: #a6abbb; } .inner-solution__item_new li a{ text-align:center; } .inner-solution__item_new .inner-solution__item{ max-width:360px; } .inner-solution__item_new .inner-solution__caption{ padding:15px 16px; } .inner-solution__item_new .steps-create__caption{ font-size:24px; line-height:27px; } .inner-solution__item_new{ display:flex; justify-content:center; } .btn_new{ align-items: center; color: #434f7a; /*background-color: #434f7a;*/ box-shadow: 0 0 35px 0 rgba(143, 153, 175, 0.25); transition: border-color .1s linear, background-color .1s, box-shadow .1s linear; } .btn_new:hover { box-shadow: 0 0 0 8px rgba(67, 79, 122, 0.16); } .shema img{ max-width:100%; } @media screen and (max-width: 450px){ .inner-solution__item_new .inner-solution__caption{ padding:0px 6px; } .inner-solution__item_new .steps-create__caption{ font-size:16px; line-height:24px; } .inner-solution__item.btn_new { min-height: 48px !important; } } .bx-google-map {color: black;} .bx-yandex-view-layout {height: 100%;} .bx-yandex-view-map {height: 100%;} .contacts__map{ background:none !important; } .ymaps-layers-pane { filter: brightness(80%); -ms-filter: brightness(80%); -webkit-filter: brightness(80%); -moz-filter: brightness(80%); -o-filter: brightness(80%); } .flex-news{ display: flex; justify-content: space-between; } .flex-news .certificates-slider__list{ height:auto; min-height:300px; } @media screen and (max-width: 900px){ .flex-news{ flex-wrap: wrap; } } .neon_photo__item{ padding: 20px; } .neon_photo__list { padding: 0 60px; } /* End */ /* /local/templates/dweb/css/libs.min.css?166365895316220 */ /* /local/templates/dweb/css/animate.css?166365895370808 */ /* /local/templates/dweb/js/fancybox/jquery.fancybox.css?16636589673953 */ /* /local/templates/dweb/template_styles.css?1663658953165858 */