/* Start:/local/templates/ovk-alliance/js/fancy/jquery.fancybox.min.css?160223312012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/ovk-alliance/js/slick/slick.css?16022331201776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/ovk-alliance/js/slinky/dist/jquery.slinky.css?1602233120905*/ .slinky-menu{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease;background:#AAA}.slinky-menu>ul{left:0;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:all .3s ease;transition:all .3s ease}.slinky-menu li,.slinky-menu ul{list-style:none;margin:0}.slinky-menu ul{width:100%}.slinky-menu a{display:block;border:none;color:#FFF;padding:1em}.slinky-menu li ul{display:none;left:100%;position:absolute;top:0}.slinky-menu .header{position:relative}.slinky-menu h2~a.back{left:0;position:absolute;top:0}.slinky-menu h2{font-size:1em;margin:0;text-align:center;color:#FFF;padding:1em}.slinky-menu li{line-height:1}.slinky-menu a:hover{background:#000}.slinky-menu a.next:after{content:'\276f';margin-left:1em;float:right}.slinky-menu a.back:before{content:'\276e';margin-right:1em;float:left} /* End */ /* Start:/local/templates/ovk-alliance/css/fast-search.css?16197595101692*/ .fast-search { display: none; position: absolute; z-index: 10; background: #fff; border: 1px solid rgba(234, 234, 234, 0.3); box-sizing: border-box; overflow: hidden; box-shadow: 0 5px 10px rgba(0,0,0,0.25); } .fast-search__item { display: block; text-decoration: none; padding: 5px 10px; border-bottom: 1px solid rgba(234, 234, 234, 1); color: #2379c2; font-size: 16px; } @media screen and (max-width: 749px) { .fast-search__item { font-size: 14px; } } .fast-search__item:hover { background: rgba(234, 234, 234, 0.5); } .fast-search__all { display: block; background: #2379c2; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; padding: 15px; font-size: 14px; } @media screen and (max-width: 749px) { .fast-search__all { font-size: 12px; } } .fast-search-product { display: flex; align-items: center; } .fast-search-product__img { width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: contain; flex-shrink: 0; background-color: #fff; } .fast-search-product__info { display: block; margin-left: 10px; flex-grow: 1; } .fast-search-product__name { display: block; font-size: 16px; font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; color: #465f66; } @media screen and (max-width: 749px) { .fast-search-product__name { font-size: 14px; } } .fast-search-product__price { display: block; font-size: 14px; color: #df1d1d; margin-top: 4px; } @media screen and (max-width: 749px) { .fast-search-product__price { font-size: 12px; } } /* End */ /* Start:/local/templates/ovk-alliance/components/bitrix/news.list/social/style.css?1602233120150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/ovk-alliance/components/bitrix/news.list/section-bg/style.css?1602233120150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/ovk-alliance/components/bitrix/breadcrumb/page_breadcrumbs/style.min.css?1602233120467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1602233116666*/ div.bx-yandex-map {color: black; font-size: 11px;} div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;} div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td { padding: 0px !important; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{ font-size: 11px; } div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b { background-image: none !important; } /* End */ /* Start:/local/templates/ovk-alliance/components/luxar/super/order_form/style.css?16022331201*/ /* End */ /* Start:/local/templates/ovk-alliance/components/luxar/super/mini-control/style.css?16022331201*/ /* End */ /* Start:/local/templates/ovk-alliance/css/animate.css?160223312077907*/ @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } /* End */ /* Start:/local/templates/ovk-alliance/css/style.css?1690783012166518*/ @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Light.eot"); src: local("Montserrat Light"), local("Montserrat-Light"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-MediumItalic.eot"); src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-MediumItalic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Thin.eot"); src: local("Montserrat Thin"), local("Montserrat-Thin"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Thin.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot"); src: local("Montserrat ExtraLight Italic"), local("Montserrat-ExtraLightItalic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-BoldItalic.eot"); src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-BoldItalic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-SemiBold.eot"); src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraLight.eot"); src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraLight.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot"); src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Italic.eot"); src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Italic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Bold.eot"); src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-LightItalic.eot"); src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-LightItalic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-BlackItalic.eot"); src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-BlackItalic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot"); src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Regular.eot"); src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Medium.eot"); src: local("Montserrat Medium"), local("Montserrat-Medium"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraBold.eot"); src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Black.eot"); src: local("Montserrat Black"), local("Montserrat-Black"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Black.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ThinItalic.eot"); src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ThinItalic.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Montserrat/Montserrat-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: 'Officina Serif'; src: url("/local/templates/ovk-alliance/css/../fonts/Officina/OfficinaSerifBookC.woff2") format("woff2"), url("/local/templates/ovk-alliance/css/../fonts/Officina/OfficinaSerifBookC.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Officina/OfficinaSerifBookC.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Officina Serif'; src: url("/local/templates/ovk-alliance/css/../fonts/Officina/OfficinaSerifBold.woff2") format("woff2"), url("/local/templates/ovk-alliance/css/../fonts/Officina/OfficinaSerifBold.woff") format("woff"), url("/local/templates/ovk-alliance/css/../fonts/Officina/OfficinaSerifBold.ttf") format("truetype"); font-weight: bold; font-style: normal; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { position: relative; min-height: 100%; } body { margin: 0 auto; color: #2e3a45; font-family: "Montserrat", Arial, sans-serif; background-color: #ffffff; font-size: 18px; position: relative; height: 100%; } @media screen and (max-width: 749px) { body { width: 100%; padding-top: 67px; } } .container { width: 1300px; margin: 0 auto; position: relative; } @media screen and (max-width: 999px) { .container { width: 100%; padding: 0; } } .btn { display: inline-block; position: relative; padding: 14px 80px 14px 40px; background-color: #2379c2; background-image: linear-gradient(to right, transparent 33%, rgba(255, 255, 255, 0.3) 50%, transparent 66%); background-size: 300% 100%; color: #FFFFFF; text-decoration: none; font-size: 16px; } .btn:before { content: ''; width: 22px; height: 10px; position: absolute; background-image: url("/local/templates/ovk-alliance/css/../images/btn_icon.png"); right: 30px; top: 50%; transform: translateY(-50%); transition: .5s right ease-in; } .btn:hover { animation: shine 2s infinite; } .btn:hover:before { right: 20px; } .page header { background-image: url("/local/templates/ovk-alliance/css/../images/header_BG.jpg"); } .page .block-services { margin-top: 30px; } .page .block-form { margin-bottom: 40px; } img { max-width: 100%; } .h1 { font-family: "Officina Serif", Arial, sans-serif; font-size: 48px; color: #465f66; margin-top: 0.67em; margin-bottom: 50px; font-weight: bold; position: relative; } @media screen and (max-width: 749px) { .h1 { font-size: 30px; line-height: 1em; margin-bottom: 20px; } } .h1:before { content: ''; width: 100%; height: 2px; background-color: #b1d3e8; position: absolute; bottom: 0; } .h1 span { background-color: #ffffff; position: relative; padding-right: 20px; } .h1:first-letter { color: #d01825; } .full-width { margin-left: calc(-100vw / 2 + 1320px / 2); margin-right: calc(-100vw / 2 + 1320px / 2); } @media screen and (max-width: 749px) { .full-width { margin-left: -10px; margin-right: -10px; } } h2 { font-family: "Officina Serif", Arial, sans-serif; font-size: 30px; color: #465f66; } .form__successful { color: #fff; font-size: 20px; } @media screen and (max-width: 749px) { .index .project-list__wrap { display: none; } } li p { margin: 0; padding: 0; } .block-form.full-width { margin-bottom: 0; padding-bottom: 0; } .block-form.full-width .block-form__pics { margin-top: -10px; } .page .main-content { margin-bottom: 30px; } @media screen and (max-width: 749px) { #panel { display: none; } } .header { background-color: rgba(1, 1, 1, 0.5); position: relative; z-index: 20; } .footer .social { margin-left: auto; margin-right: 15px; } .footer .phone__link { margin-bottom: 0; } .footer .phone { padding: 3px 0; } .footer__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .footer__wrap { overflow-x: auto; display: none; } .footer__wrap .social, .footer__wrap .phone { display: none; } } .footer__top { background-color: #344a57; } @media screen and (max-width: 749px) { .footer__top { overflow: hidden; } } .footer__top nav ul { list-style: none; margin: 0; padding: 0; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .footer__top nav ul li { width: 100%; } .footer__top nav ul li a { white-space: nowrap; text-decoration: none; text-transform: uppercase; color: #ffffff; padding: 15px 12px; display: block; text-align: center; position: relative; background-color: transparent; transition: .3s background-color ease-in; } .footer__top nav ul li a:hover, .footer__top nav ul li a:active { background-color: #2379c2; } .footer__top nav ul li a.header-nav--stock { color: #296caa; padding-left: 50px; white-space: nowrap; } .footer__top nav ul li a.header-nav--stock:hover { background-color: #ffffff; } .footer__top nav ul li a.header-nav--stock:before { content: ''; position: absolute; width: 25px; height: 22px; background-repeat: no-repeat; background-image: url(/local/templates/ovk-alliance/css/../images/stock-icon.svg); left: 15px; top: 50%; transform: translateY(-50%); } .footer__top nav ul li a.header-nav--catalog { padding-left: 50px; white-space: nowrap; } .footer__top nav ul li a.header-nav--catalog:before { content: ''; position: absolute; width: 17px; height: 12px; background-repeat: no-repeat; background-image: url("/local/templates/ovk-alliance/css/../images/toggle-icon.svg"); left: 15px; top: 50%; transform: translateY(-50%); } .footer__bottom { background-color: #3d5462; padding: 60px 20px 25px 0; } @media screen and (max-width: 749px) { .footer__bottom { padding: 10px; } } .footer__contacts .social, .footer__contacts .phone { display: none; text-align: left; } @media screen and (max-width: 749px) { .footer__contacts .social, .footer__contacts .phone { display: block; } } @media screen and (max-width: 749px) { .footer__contacts .social { margin-bottom: 20px; } } @media screen and (max-width: 749px) { .footer__contacts .phone { margin-bottom: 40px; } } @media screen and (max-width: 749px) { .footer__contacts .phone__order { display: none; } } .footer__in { color: #6391ad; font-size: 12px; } .footer__in b { font-weight: normal; text-transform: uppercase; color: #ffffff; display: block; } .footer__in a { color: #6391ad; } .footer__in a:hover { text-decoration: none; } .footer__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .footer .phone__order { color: #5aaaed; } .footer .footer__top nav ul li a.header-nav--stock { color: #5aaaed; } .footer .footer__top nav ul li a.header-nav--stock:hover { color: #296caa; } .footer .footer__top nav ul li a.header-nav--stock:before { background-image: url("/local/templates/ovk-alliance/css/../images/stock-icon-light.svg"); } @media screen and (max-width: 749px) { .footer__developer { position: absolute; right: -10px; top: 60px; } } @keyframes shine { 0% { background-position: right; } } .social ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .social ul li { margin-right: 3px; } .social ul li:last-child { margin-right: 0; } .social ul li a { font-size: 0; position: relative; width: 25px; height: 25px; display: block; text-decoration: none; background-color: #7b9191; border-radius: 50%; background-repeat: no-repeat; background-position: center; opacity: .7; transition: .2s all ease-in; outline: none; } .social ul li a:hover { opacity: 1; } .social__fb { background-image: url("/local/templates/ovk-alliance/css/../images/fb-icon.svg"); } .social__fb:hover { background-color: #6996c7; } .social__vk { background-image: url("/local/templates/ovk-alliance/css/../images/vk-icon.svg"); } .social__vk:hover { background-color: #6996c7; } .social__tw { background-image: url("/local/templates/ovk-alliance/css/../images/tw-icon.svg"); } .social__tw:hover { background-color: #28c3ff; } .social__sk { background-image: url("/local/templates/ovk-alliance/css/../images/sk-icon.svg"); } .social__sk:hover { background-color: #28c3ff; } .social__ok { background-image: url("/local/templates/ovk-alliance/css/../images/ok-icon.svg"); } .social__ok:hover { background-color: #ff9c43; } .phone { display: inline-block; text-align: right; font-size: 24px; } .phone a { text-decoration: none; } .phone__link { display: block; color: #edeff0; line-height: 1em; margin-bottom: 10px; } .phone__link span { color: #6290ae; } .phone__order { display: block; color: #276daa; font-size: 12px; text-transform: uppercase; transition: .3s color ease-in; } .phone__order:hover { color: #edeff0; } .header-top { padding: 12px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media screen and (max-width: 749px) { .header-top { display: none; } } .header-top__nav ul { list-style: none; padding: 0; margin: 0; } .header-top__nav ul li a { color: #637b82; font-size: 12px; text-decoration: none; transition: .3s color ease-in; } .header-top__nav ul li a:hover { color: #edeff0; } .header-top__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .header-top__control { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } @media screen and (max-width: 749px) { .search-top { margin-bottom: 20px; } } .search-top form { position: relative; } .search-top input { border: 1px solid rgba(234, 234, 234, 0.3); background: none; font-size: 14px; color: #edeff0; text-transform: uppercase; font-family: "Montserrat", Arial, sans-serif; outline: none; padding: 10px; min-width: 530px; } @media screen and (max-width: 749px) { .search-top input { width: calc(100% - 50px); min-width: initial; } } .search-top input::placeholder { font-family: "Montserrat", Arial, sans-serif; font-size: 14px; color: #758491; } .search-top button { background: none; border: none; position: absolute; cursor: pointer; margin: 0; padding: 0; right: 5px; top: 7px; outline: none; } @media screen and (max-width: 749px) { .search-top button { right: 0; top: 0; } } .basket-top { position: relative; width: 44px; height: 40px; background-image: url("/local/templates/ovk-alliance/css/../images/basket-top_BG.png"); background-repeat: no-repeat; margin-left: 50px; } .basket-top a { width: 100%; height: 100%; display: block; color: #ffffff; text-align: center; } .basket-top a:hover span { transform: scale(1.2); } .basket-top span { width: 20px; height: 20px; border-radius: 50%; background-color: #d01825; display: block; position: absolute; bottom: -5px; left: -5px; text-align: center; line-height: 20px; font-size: 12px; transition: .3s all ease-in; } .header-nav { background-color: rgba(70, 95, 102, 0.4); } @media screen and (max-width: 749px) { .header-nav { display: none; } } .header-nav ul { list-style: none; margin: 0; padding: 0; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-nav ul li { width: 100%; } .header-nav ul li a { text-decoration: none; text-transform: uppercase; color: #ffffff; padding: 15px; display: block; text-align: center; position: relative; background-color: transparent; transition: .3s background-color ease-in; } .header-nav ul li a:hover, .header-nav ul li a.active { background-color: #2379c2; } .header-nav ul li a.header-nav--stock { color: #296caa; background-color: #ffffff; padding-left: 50px; white-space: nowrap; } .header-nav ul li a.header-nav--stock:hover { background-color: #ffffff; } .header-nav ul li a.header-nav--stock:before { content: ''; position: absolute; width: 25px; height: 22px; background-repeat: no-repeat; background-image: url(/local/templates/ovk-alliance/css/../images/stock-icon.svg); left: 15px; top: 50%; transform: translateY(-50%); } .header-nav ul li a.header-nav--catalog { background-color: #2379c2; padding-left: 50px; white-space: nowrap; } .header-nav ul li a.header-nav--catalog:before { content: ''; position: absolute; width: 17px; height: 12px; background-repeat: no-repeat; background-image: url("/local/templates/ovk-alliance/css/../images/toggle-icon.svg"); left: 15px; top: 50%; transform: translateY(-50%); } .header-mobile { display: none; padding: 10px 20px; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; background-color: #000000; } @media screen and (max-width: 749px) { .header-mobile { display: block; } } .header-mobile .header__phone a { font-size: 0; background-image: none; width: 28px; height: 28px; display: block; position: relative; } .header-mobile .header__phone a:before { content: ''; position: absolute; width: 28px; height: 28px; background-image: url("/local/templates/ovk-alliance/css/../images/phone-icon-mobile.svg"); left: 0; top: 0; } .header-mobile .header__phone a span { font-size: 0; } .header-mobile__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .header-mobile #menu__toggle { opacity: 0; position: absolute; } .header-mobile #menu__toggle:checked ~ .menu__btn > span { transform: rotate(45deg); } .header-mobile #menu__toggle:checked ~ .menu__btn > span::before { top: 0; transform: rotate(0); } .header-mobile #menu__toggle:checked ~ .menu__btn > span::after { top: 0; transform: rotate(90deg); } .header-mobile #menu__toggle:checked ~ .menu__box { visibility: visible; left: 0; } .header-mobile .menu__btn { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; top: 0; left: 0; width: 30px; height: 20px; cursor: pointer; z-index: 1; } .header-mobile .menu__btn > span, .header-mobile .menu__btn > span::before, .header-mobile .menu__btn > span::after { display: block; position: absolute; width: 100%; height: 3px; background-color: #ffffff; transition-duration: .25s; } .header-mobile .menu__btn > span::before { content: ''; top: -8px; } .header-mobile .menu__btn > span::after { content: ''; top: 8px; } .header-mobile #sidebar { position: fixed; left: -100%; width: calc(100% - 40px); height: calc(100% - 65px); -webkit-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; z-index: 150; overflow: auto; background-color: #222222; top: 55px; } .header-mobile #sidebar.active { left: 0; } .header-mobile #sidebar .callback { padding: 10px 20px; text-align: center; } .header-mobile #sidebar .sidebar__socials, .header-mobile #sidebar .sidebar__cart { padding: 10px 20px; padding-bottom: 0; text-align: center; } .header-mobile #sidebar .main_socials { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .header-mobile #sidebar .main_socials a { background: #fff; } .header-mobile #sidebar .main_socials a.vk { background-color: #4a76a8; } .header-mobile #sidebar .main_socials a.ok { background-color: #e27b08; } .header-mobile #sidebar .main_socials a.fb { background-color: #4267b2; } .header-mobile #sidebar .main_socials a.tw { background-color: #1da1f2; } .header-mobile #sidebar .main_socials a.email { background-color: #ffa016; } .header-mobile #sidebar .main_socials a.whatsapp { background-color: #00e676; } .header-mobile #sidebar .main_socials a.viber { background-color: #7c59eb; } .header-mobile #sidebar .main_socials a i { color: #fff; } .header-mobile #sidebar.active { left: 0; top: 67px; } .header-mobile #sidebar .callback { padding: 10px 20px; text-align: center; } .header-mobile #sidebar .sidebar__socials { padding: 10px 20px; padding-bottom: 0; text-align: center; } .header-mobile #sidebar a.sidebar_close { display: block; position: absolute; top: 10px; right: 10px; z-index: 100; } .header-mobile #sidebar .b-header__icons { float: none; margin: 0 auto; } .header-mobile ul.sidebar_menu { position: relative; margin: 0; padding: 0; } .header-mobile ul.sidebar_menu li { margin: 0; list-style-type: none; } .header-mobile ul.sidebar_menu li a:link, .header-mobile ul.sidebar_menu li a:visited { display: block; line-height: 22px; text-decoration: none; color: #989898; font-size: 18px; position: relative; padding: 10px 19px; border-bottom: 1px solid #eaf0f3; } .header-mobile ul li a:link.parent, .header-mobile ul.sidebar_menu li a:visited.parent { font-size: 24px; color: #000; background: #373737; padding: 12px 19px; } .header-mobile ul.sidebar_menu li a:link.parent, .header-mobile ul.sidebar_menu li a:visited.parent { color: #FFFFFF !important; font-weight: 500 !important; padding: 15px 19px; margin: 3px 0; padding-right: 25px; } .header-mobile ul.sidebar_menu li a:hover, .header-mobile ul.sidebar_menu li a.selected, .header-mobile ul.sidebar_menu li.item-selected a { color: #fff; } .header-mobile ul.sidebar_menu li ul { display: none; margin: 0; padding: 0; list-style-type: none; } .header-mobile ul.sidebar_menu li.header { display: flex; flex-direction: column-reverse; } .header-mobile ul.sidebar_menu li.header:before { content: none; } .header-mobile ul.sidebar_menu li.header h2 { font-size: 24px; color: #fff; background: #ffb741; padding: 3px 38px; text-align: left; font-weight: normal; font-family: 'Uni Sans', Arial, sans-serif; text-transform: uppercase; } .header-mobile ul.sidebar_menu li.header .slinky_header { background: #363a40; } .header-mobile ul.sidebar_menu li.header .slinky_header a { color: #fff; position: relative; padding: 7px 14px; } .header-mobile ul.sidebar_menu li.header .slinky_header a:before { content: ""; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #363a40; position: absolute; left: 20px; bottom: -8px; z-index: 10; } .header-mobile ul.sidebar_menu li.header a.back:before { color: #fff; } .header-mobile ul.sidebar_menu li a.parent:before, .header-mobile div#sidebar_menu_container a.back:before { width: 13px; height: 23px; top: 7px; right: 10px; color: #000; font-size: 20px; vertical-align: middle; } .header-mobile div#sidebar_menu_container a.back:before { left: 10px; background-position: 0 0; float: none; color: #6c6c6c; } .header-mobile div#sidebar_menu_container { background: none; position: relative; padding-top: 8px; /*overflow: auto; padding-bottom: 20px; box-sizing: border-box;*/ } .header-mobile div#sidebar_menu_container a.next:after { color: #fff; } .header-mobile div#sidebar_menu_container { padding: 20px; } .header-mobile div#sidebar_menu_container ul { list-style: none; margin: 0; padding: 0; } .header-mobile div#sidebar_menu_container ul li { margin-bottom: 5px; } .header-mobile div#sidebar_menu_container ul li a { color: #ffffff; } .header-mobile #burger_container { height: 30px; width: 29px; min-width: 29px; position: relative; font-size: 13px; } .header-mobile .menu__button-open, .header-mobile .menu__button-close { position: absolute; width: 100%; height: 100%; left: 0; } .header-mobile .menu__button-open .menu__button-line { top: 50%; left: 50%; margin: -0.25em 0 0 -13px; } .header-mobile .menu-opened .menu__button-open .menu__button-line { width: 0; } .header-mobile .menu-opened .menu__button-line.n1, .header-mobile .menu-opened .menu__button-line.n3 { -webkit-transition-delay: 0s; transition-delay: 0s; } .header-mobile .menu-opened .menu__button-line.n2 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .header-mobile .menu-opened .menu__button-line.n4 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .header-mobile .menu-opened .menu__button-line.n5 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .header-mobile .menu-opened .menu__button-close .menu__button-line { width: 34px; } .header-mobile .menu__button-line { position: absolute; width: 31px; height: 3px; background-color: #95b3bb; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; } .header-mobile .menu__button-line.n1 { -webkit-transform: translateY(-0.6em); -ms-transform: translateY(-0.6em); -o-transform: translateY(-0.6em); transform: translateY(-0.6em); } .header-mobile .menu__button-line.n2 { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .header-mobile .menu__button-line.n3 { -webkit-transform: translateY(0.6em); -ms-transform: translateY(0.6em); -o-transform: translateY(0.6em); transform: translateY(0.6em); } .header-mobile .menu__button-line.n1, .header-mobile .menu__button-line.n3 { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .header-mobile .menu__button-line.n4 { top: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header-mobile .menu__button-line.n5 { bottom: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .header-mobile .menu__button-close .menu__button-line { width: 0; left: 4px; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; } .header-mobile #sidebar .sidebar_menu a { font-family: "Montserrat", Arial, sans-serif; font-weight: 300; font-size: 20px; color: #ffffff; } .header-mobile #sidebar .sidebar_menu a:hover { color: #ed9d0b; } .header-mobile #sidebar .sidebar_menu a:hover:after { border: 2px solid #b78f65; } .header-mobile #sidebar .slinky-menu a.next:after { content: ""; position: absolute; width: 15px; height: 15px; border: 3px solid #f1c700; border-bottom-style: none; border-left-style: none; background: transparent; transform: rotate(45deg); right: 15px; } .header-mobile #sidebar .slinky-menu h2 { text-transform: none; color: #000; } .header-mobile #sidebar .slinky-menu h2:before { left: 55px; border-top: 17px solid #ffb741; } .header-mobile #sidebar .slinky-menu li.header { padding-top: 0; } .header-mobile #sidebar a.sidebar_close { display: none; } .header-mobile .header-mobile-row--wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 10px; margin-top: -9px; } .header-mobile .header-mobile-row--toggle { padding: 10px; } .header-mobile .menu__button-close { top: auto; } .header-mobile #sidebar_overlay.active { background: rgba(80, 80, 80, 0.5); width: 100vh; height: 100vh; display: block; position: absolute; left: 0; top: 67px; } .header-mobile .slinky-menu h2 ~ a.back { text-align: right; color: #fff !important; } .header-mobile .slinky-menu h2 ~ a.back:before { margin-right: 10px; color: #fff !important; } .main-slider { position: relative; width: 100%; height: 700px; overflow: hidden; margin-top: -150px; background-color: #000000; margin-bottom: 70px; } @media screen and (max-width: 749px) { .main-slider { margin-top: 0; background-position: center; height: auto; margin-bottom: 30px; } } .main-slider:before { content: ''; position: absolute; right: -650px; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); height: calc(100% + 500px); z-index: 1; transform: rotate(-60deg); } @media screen and (max-width: 749px) { .main-slider:before { content: none; } } .main-slider__list { height: 100%; width: 100%; position: relative; z-index: 10; } .main-slider__list:hover .slick-prev, .main-slider__list:hover .slick-next { opacity: 1; } .main-slider__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 100%; } @media screen and (max-width: 749px) { .main-slider__wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .main-slider__pics { width: 50%; padding-top: 100px; text-align: right; } @media screen and (max-width: 749px) { .main-slider__pics { width: 100%; padding-top: 10px; } } .main-slider__pics img { display: inline-block; } @media screen and (max-width: 749px) { .main-slider__pics img { max-width: 100%; } } .main-slider__item { height: 700px; display: flex !important; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; overflow: hidden; } @media screen and (max-width: 749px) { .main-slider__item { height: auto; } } .main-slider__item .container { height: 100%; } .main-slider__title { font-size: 36px; font-weight: bold; color: #ffffff; display: block; margin-bottom: 20px; } .main-slider__title span { color: #39b2ff; } .main-slider__desc { position: relative; width: 50%; margin-left: auto; padding-left: 200px; z-index: 2; } @media screen and (max-width: 749px) { .main-slider__desc { width: 100%; padding: 15px; } } .main-slider__text { font-size: 14px; color: #fff; line-height: 1.5em; margin-bottom: 15px; } .main-slider .slick-prev, .main-slider .slick-next { opacity: 0; font-size: 0; width: 83px; height: 103px; position: absolute; outline: none; cursor: pointer; border: none; z-index: 100; border-radius: 50%; top: 50%; transform: translateY(-50%); background: transparent; transition: .3s opacity ease-in; } .main-slider .slick-prev:before, .main-slider .slick-next:before { content: ''; position: absolute; background-repeat: no-repeat; width: 12px; height: 19px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-slider .slick-prev { left: -75px; background-image: url("/local/templates/ovk-alliance/css/../images/slick-prev-slider_BG.png"); background-repeat: no-repeat; } @media screen and (max-width: 749px) { .main-slider .slick-prev { left: 5px; } } .main-slider .slick-prev:before { width: 27px; height: 38px; background-image: url("/local/templates/ovk-alliance/css/../images/arrow-prev-slider.svg"); } .main-slider .slick-prev:hover:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-prev-slider--active.svg"); } .main-slider .slick-next { right: -75px; background-image: url("/local/templates/ovk-alliance/css/../images/slick-next-slider_BG.png"); background-repeat: no-repeat; } @media screen and (max-width: 749px) { .main-slider .slick-next { right: 5px; } } .main-slider .slick-next:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-next-slider.svg"); width: 27px; height: 38px; } .main-slider .slick-next:hover:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-next-slider--active.svg"); } .main-slider .dots-container { position: absolute; width: 100%; bottom: 20px; z-index: 10; } @media screen and (max-width: 749px) { .main-slider .dots-container { position: relative; } } .main-slider .slick-dots { margin-left: auto; margin-bottom: 0; width: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .main-slider .slick-dots { width: 100%; padding: 0 30px; } } .main-slider .slick-dots li { width: calc(100% / 6); height: 4px; background-color: #ffffff; list-style: none; cursor: pointer; margin-right: 10px; transition: .3s background-color ease; } .main-slider .slick-dots li:last-child { margin-right: 0; } @media screen and (max-width: 749px) { .main-slider .slick-dots li { width: calc(100% / 3); } } .main-slider .slick-dots li.slick-active { height: 10px; background-color: #72b5ed; } .main-slider .slick-dots li button { display: none; } .main-slider .main-slider__count { position: absolute; bottom: 10px; right: 0; z-index: 10; color: #ffffff; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .main-slider .main-slider__count { display: none; } } .main-slider .main-slider__count i { color: #72b5ed; font-size: 30px; font-style: normal; line-height: .8em; } @media screen and (max-width: 749px) { .main-slider__btn { left: 50%; transform: translateX(-50%); } } .block-services { min-height: 580px; margin-bottom: 20px; } .block-services__list { height: 500px; } @media screen and (max-width: 749px) { .block-services__list { height: auto; } } .block-services:hover .slick-prev, .block-services:hover .slick-next { opacity: 1; } .block-services__link { position: absolute; width: 100%; height: 100%; z-index: 10; } .block-services .slick-list { padding: 0 !important; } @media screen and (max-width: 749px) { .block-services { min-height: auto; } } .block-services__title { font-size: 28px; color: #ffffff; line-height: 1em; } .block-services__item { padding: 20px; height: 470px; background-repeat: no-repeat; position: relative; padding-top: 45px; background-position: center 25px; filter: grayscale(1); transition: .3s padding-top ease; } .block-services__item:before { position: absolute; content: ''; height: 25px; background-color: #a3d0ec; top: 0; width: 80%; left: 50%; transform: translateX(-50%); } .block-services__item img { position: absolute; bottom: 0; } .block-services .slick-slide { transition: .3s all ease; } .block-services .slick-slide.slick-active img { display: block; } .block-services .slick-center { padding-top: 80px; } @media screen and (max-width: 749px) { .block-services .slick-center { padding-top: 0; } } .block-services .slick-center .block-services__item { position: relative; z-index: 100; width: 500px; filter: grayscale(0); margin-left: -33px; } @media screen and (max-width: 749px) { .block-services .slick-center .block-services__item { width: 100%; margin-left: 0; } } .block-services .slick-center .block-services__item:before { position: absolute; content: ''; height: 25px; background-color: #5ca6d5; top: 0; width: 80%; left: 50%; transform: translateX(-50%); } .block-services .slick-dots { margin-left: auto; margin-bottom: 0; width: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .block-services .slick-dots { width: 100%; padding: 0 30px; } } .block-services .slick-dots li { width: calc(100% / 6); height: 4px; background-color: #465f66; list-style: none; cursor: pointer; margin-right: 10px; transition: .3s background-color ease; } .block-services .slick-dots li:last-child { margin-right: 0; } @media screen and (max-width: 749px) { .block-services .slick-dots li { width: calc(100% / 3); } } .block-services .slick-dots li.slick-active { height: 10px; background-color: #72b5ed; } .block-services .slick-dots li button { display: none; } .block-services .slick-track { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .block-services .slick-prev, .block-services .slick-next { opacity: 0; font-size: 0; width: 83px; height: 103px; position: absolute; outline: none; cursor: pointer; border: none; z-index: 100; border-radius: 50%; top: calc(50% - 20px); transform: translateY(-50%); background: transparent; transition: .3s opacity ease-in; } .block-services .slick-prev:before, .block-services .slick-next:before { content: ''; position: absolute; background-repeat: no-repeat; width: 12px; height: 19px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .block-services .slick-prev { left: -50px; background-image: url("/local/templates/ovk-alliance/css/../images/slick-prev-slider_BG.png"); background-repeat: no-repeat; } @media screen and (max-width: 749px) { .block-services .slick-prev { left: 5px; } } .block-services .slick-prev:before { width: 27px; height: 38px; background-image: url("/local/templates/ovk-alliance/css/../images/arrow-prev-slider--active.svg"); left: calc(50% - 15px); } .block-services .slick-next { right: -50px; background-image: url("/local/templates/ovk-alliance/css/../images/slick-next-slider_BG.png"); background-repeat: no-repeat; } @media screen and (max-width: 749px) { .block-services .slick-next { right: 5px; } } .block-services .slick-next:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-next-slider--active.svg"); right: calc(50% - 35px); left: auto; width: 27px; height: 38px; } .block-about { margin-bottom: 90px; } @media screen and (max-width: 749px) { .block-about { margin-bottom: 50px; overflow: hidden; } } .block-about__bg { position: absolute; font-size: 200px; line-height: 200px; font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; text-transform: uppercase; color: rgba(70, 95, 102, 0.1); top: 65px; z-index: 1; } @media screen and (max-width: 749px) { .block-about__bg { top: 0; font-size: 140px; white-space: nowrap; } } .block-about__title { font-size: 48px; font-family: "Officina Serif", Arial, sans-serif; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; padding-left: 100px; margin-bottom: 100px; } @media screen and (max-width: 749px) { .block-about__title { padding-left: 10px; font-size: 30px; margin-bottom: 20px; } } .block-about__title span { color: #465f66; margin-right: 10px; } .block-about__title span:first-letter { color: #d01825; } @media screen and (max-width: 749px) { .block-about__title div { display: none; } } .block-about__desc { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; padding-left: 125px; position: relative; z-index: 2; } @media screen and (max-width: 749px) { .block-about__desc { padding-left: 10px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .block-about__col { width: 100%; } .block-about__col div { color: #666a6b; font-size: 16px; padding-right: 50px; margin: 0; line-height: 1.5em; } @media screen and (max-width: 749px) { .block-about__col div { padding-right: 20px; } } .block-about__col div span { font-weight: 500; } .block-about--page { margin-bottom: 50px; } .block-about--page .block-about__col:first-child { width: 100%; } .block-about--page .block-about__col div { color: #323232; } .block-about--page .block-about__title { padding-left: 0; } .block-about--page .block-about__desc { padding-left: 0; } .block-benefit { background-image: url(/local/templates/ovk-alliance/css/../images/block-benefit_BG.jpg); background-repeat: no-repeat; background-position: bottom; background-size: contain; } @media screen and (max-width: 749px) { .block-benefit { background: none; margin-bottom: 30px; } } .block-benefit__title { color: #465f66; font-size: 48px; font-family: "Officina Serif", Arial, sans-serif; font-weight: 600; text-align: center; margin-bottom: 50px; } @media screen and (max-width: 749px) { .block-benefit__title { font-size: 30px; margin-bottom: 10px; } } .block-benefit__title:first-letter { color: #d01825; } .block-benefit__title div { position: relative; width: 540px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 749px) { .block-benefit__title div { width: 100%; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 10px; margin-top: 10px; } } @media screen and (max-width: 749px) { .block-benefit__title div svg { background-color: #ffffff; position: relative; z-index: 10; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } } .block-benefit__title div:before, .block-benefit__title div:after { content: ''; position: absolute; width: 220px; height: 2px; background-color: #b1d3e8; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .block-benefit__title div:before, .block-benefit__title div:after { position: relative; } } .block-benefit__title div:before { left: 0; } .block-benefit__title div:after { right: 0; } .block-benefit__text { font-family: "Officina Serif", Arial, sans-serif; font-weight: 600; color: #465f66; position: relative; font-size: 18px; } .block-benefit__text b { font-size: 24px; color: #bb0404; } @media screen and (max-width: 749px) { .block-benefit .slick-slide img { display: inline-block; } } .block-benefit__item { height: 245px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; width: calc(100% / 3); padding: 0 20px; } @media screen and (max-width: 749px) { .block-benefit__item { width: 300px; padding: 30px; text-align: center; } } .block-benefit__item:before { content: ''; width: 180px; height: 180px; position: absolute; border-radius: 20px; background-color: #f6f7fb; transform: rotate(45deg); left: 26px; } @media screen and (max-width: 749px) { .block-benefit__item:before { left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 160px; height: 160px; } } .block-benefit__item:nth-child(3n), .block-benefit__item:nth-child(5) { margin-right: 0; } .block-benefit__icon { margin-right: 15px; position: relative; } @media screen and (max-width: 749px) { .block-benefit__icon { margin-right: 0; } } .block-benefit__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: relative; padding: 0 75px; } @media screen and (max-width: 749px) { .block-benefit__list { padding: 0 10px; } } .block-benefit__list:before { position: absolute; content: ''; width: 910px; height: 270px; border: 2px solid #cfdce4; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media screen and (max-width: 749px) { .block-benefit__list:before { content: none; } } .block-benefit .slick-dots { margin-left: auto; margin-bottom: 0; width: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media screen and (max-width: 749px) { .block-benefit .slick-dots { width: 100%; padding: 0 30px; } } .block-benefit .slick-dots li { width: calc(100% / 6); height: 4px; background-color: #465f66; list-style: none; cursor: pointer; margin-right: 10px; transition: .3s background-color ease; } .block-benefit .slick-dots li:last-child { margin-right: 0; } @media screen and (max-width: 749px) { .block-benefit .slick-dots li { width: calc(100% / 3); } } .block-benefit .slick-dots li.slick-active { height: 10px; background-color: #72b5ed; } .block-benefit .slick-dots li button { display: none; } .block-form { background-image: url("/local/templates/ovk-alliance/css/../images/block-form_BG.jpg"); background-repeat: no-repeat; padding: 15px 0; margin-bottom: 80px; } @media screen and (max-width: 749px) { .block-form { padding: 20px 10px; } } .block-form__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .block-form__title { font-size: 48px; font-family: "Officina Serif", Arial, sans-serif; font-weight: 600; color: #fff; margin-bottom: 25px; line-height: 1em; } @media screen and (max-width: 749px) { .block-form__title { font-size: 36px; } } .block-form__title:first-letter { color: #d01825; } .block-form form input[type='text'] { background: transparent; border: 2px solid rgba(255, 255, 255, 0.6); padding: 15px 10px; font-family: "Montserrat", Arial, sans-serif; font-size: 18px; font-weight: 200; color: #fff; width: 430px; margin-bottom: 15px; } @media screen and (max-width: 749px) { .block-form form input[type='text'] { width: 100%; } } .block-form form input[type='text']::placeholder { font-family: "Montserrat", Arial, sans-serif; font-size: 18px; color: #fff; font-weight: 200; } .block-form__pics { width: 50%; text-align: center; } @media screen and (max-width: 749px) { .block-form__pics { display: none; } } .block-form__pics img { margin-top: 60px; } .block-form__control { width: 50%; } @media screen and (max-width: 749px) { .block-form__control { width: 100%; } } .block-form__checkbox { font-size: 12px; color: #83a2c5; margin-bottom: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .block-form__checkbox a { color: #fff; } .block-form__checkbox a:hover { text-decoration: none; } .block-form__checkbox input { width: 0.1px; height: 0.1px; opacity: 0; position: absolute; z-index: -10; } .block-form__checkbox input:checked + span:after { display: block; } .block-form__checkbox span { position: relative; padding-left: 35px; } @media screen and (max-width: 749px) { .block-form__checkbox span br { display: none; } } .block-form__checkbox span:before { content: ''; position: absolute; width: 26px; height: 26px; border: 2px solid #ffffff; left: 0; top: 0; } .block-form__checkbox span:after { content: ''; position: absolute; width: 16px; height: 16px; background-color: #2379c2; left: 5px; top: 5px; display: none; } .project-block__title { color: #465f66; font-size: 48px; font-family: "Officina Serif", Arial, sans-serif; font-weight: 600; text-align: center; margin-bottom: 50px; line-height: 1.2em; } @media screen and (max-width: 749px) { .project-block__title { font-size: 30px; margin-bottom: 10px; line-height: 1em; } } .project-block__title:first-letter { color: #d01825; } .project-block__title div { position: relative; width: 540px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 749px) { .project-block__title div { width: 100%; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 10px; margin-top: 10px; } } @media screen and (max-width: 749px) { .project-block__title div svg { background-color: #ffffff; position: relative; z-index: 10; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } } .project-block__title div:before, .project-block__title div:after { content: ''; position: absolute; width: 220px; height: 2px; background-color: #b1d3e8; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .project-block__title div:before, .project-block__title div:after { position: relative; } } .project-block__title div:before { left: 0; } .project-block__title div:after { right: 0; } .project-block__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media screen and (max-width: 749px) { .project-block__wrap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .project-block__text { padding-left: 20px; } .project-block__text b { font-size: 30px; font-family: "Officina Serif", Arial, sans-serif; line-height: 1em; color: #465f66; display: block; } @media screen and (max-width: 749px) { .project-block__text b { font-size: 24px; } .project-block__text b br { display: none; } } .project-block__text p { font-size: 16px; } .project-block__text div { margin: 16px 0; } .project-block__pics { width: 640px; height: 370px; } @media screen and (max-width: 749px) { .project-block__pics { margin-bottom: 10px; } } @media screen and (max-width: 749px) { .project-block__pics img { width: 100%; height: auto; } } @media screen and (max-width: 749px) { .project-block__pics { width: 100%; height: auto; } } .project-block__btn { background: none; color: #2379c2; padding: 0 60px 0 0; cursor: pointer; font-weight: 500; } .project-block__btn:before { background-image: url("/local/templates/ovk-alliance/css/../images/btn_icon_white.png"); } .project-list { margin-bottom: 60px; } .project-list__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .project-list__item { width: 310px; height: 250px; position: relative; padding: 15px; margin-right: 15px; margin-bottom: 15px; } @media screen and (max-width: 749px) { .project-list__item { width: 100%; margin-right: 0; } } .project-list__pics { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } @media screen and (max-width: 749px) { .project-list__pics { overflow: hidden; } } .project-list__pics:hover:before { opacity: 0; } .project-list__pics:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2; opacity: 1; transition: .3s opacity ease; } .project-list__pics:after { content: ''; position: absolute; /* width: 1px; */ height: 143px; background-image: url(/local/templates/ovk-alliance/css/../images/project-shadow.png); top: 0; left: 0; width: 100%; z-index: 3; } .project-list__pics img { position: relative; z-index: 1; } @media screen and (max-width: 749px) { .project-list__pics img { width: 100%; } } .project-list__title { position: relative; font-size: 20px; font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; text-decoration: none; color: #FFFFFF; line-height: 1em; display: block; z-index: 3; } .project-list__btn { left: 50%; transform: translateX(-50%); } .block-reviews { margin-bottom: 40px; position: relative; } .block-reviews:before { content: ''; width: 1015px; height: 600px; border: 1px solid #cfdce4; position: absolute; left: 50%; top: calc(50% + 60px); transform: translate(-50%, -50%); } @media screen and (max-width: 749px) { .block-reviews:before { content: none; } } .block-reviews__title { color: #465f66; font-size: 48px; font-family: "Officina Serif", Arial, sans-serif; font-weight: 600; text-align: center; margin-bottom: 50px; } @media screen and (max-width: 749px) { .block-reviews__title { font-size: 30px; margin-bottom: 10px; } } .block-reviews__title:first-letter { color: #d01825; } .block-reviews__title div { position: relative; width: 540px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 749px) { .block-reviews__title div { width: 100%; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 10px; margin-top: 10px; } } @media screen and (max-width: 749px) { .block-reviews__title div svg { background-color: #ffffff; position: relative; z-index: 10; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } } .block-reviews__title div:before, .block-reviews__title div:after { content: ''; position: absolute; width: 220px; height: 2px; background-color: #b1d3e8; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .block-reviews__title div:before, .block-reviews__title div:after { position: relative; } } .block-reviews__title div:before { left: 0; } .block-reviews__title div:after { right: 0; } .big-slider-reviews { width: 1015px; min-height: 260px; margin: 0 auto; } @media screen and (max-width: 749px) { .big-slider-reviews { width: 100%; } } .big-slider-reviews__item { padding: 30px 100px 30px 100px; position: relative; } @media screen and (max-width: 749px) { .big-slider-reviews__item { padding: 10px; } } .big-slider-reviews__item:before, .big-slider-reviews__item:after { content: ''; position: absolute; width: 35px; height: 28px; background-repeat: no-repeat; } @media screen and (max-width: 749px) { .big-slider-reviews__item:before, .big-slider-reviews__item:after { content: none; } } .big-slider-reviews__item:before { background-image: url("/local/templates/ovk-alliance/css/../images/quote-left.png"); left: 30px; top: 100px; } .big-slider-reviews__item:after { background-image: url("/local/templates/ovk-alliance/css/../images/quote-right.png"); right: 30px; bottom: 20px; } .big-slider-reviews__title { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; line-height: 1em; margin-bottom: 5px; } @media screen and (max-width: 749px) { .big-slider-reviews__title { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .big-slider-reviews__title span { font-family: "Officina Serif", Arial, sans-serif; font-size: 30px; color: #4d5657; font-weight: bold; margin-right: 20px; } @media screen and (max-width: 749px) { .big-slider-reviews__title span { margin: 5px 5px 5px 0; } } .big-slider-reviews time { font-size: 16px; color: #aeaeae; } .big-slider-reviews p { font-size: 16px; color: #4e4e4e; position: relative; line-height: 1.4em; } .small-slider-reviews { margin-bottom: 20px; } .small-slider-reviews:hover .slick-prev, .small-slider-reviews:hover .slick-next { opacity: 1; } .small-slider-reviews__list { width: 100%; } .small-slider-reviews__item { text-align: center; display: flex !important; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; min-height: 290px; background-color: #ffffff; } .small-slider-reviews__photo { width: 165px; height: 165px; border-radius: 165px; overflow: hidden; position: relative; margin-bottom: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; transition: .3s all ease-in; } .small-slider-reviews__photo img { width: 100%; height: 100%; } .small-slider-reviews__name { font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; color: #4d5657; max-width: 160px; text-align: center; line-height: 1em; min-height: 50px; } @media screen and (max-width: 749px) { .small-slider-reviews__name { display: none; } } @media screen and (max-width: 749px) { .small-slider-reviews .slick-active .small-slider-reviews__photo { z-index: 50; } } .small-slider-reviews .slick-current .small-slider-reviews__item .small-slider-reviews__photo { width: 230px; height: 230px; border: 8px solid #cfdce4; } @media screen and (max-width: 749px) { .small-slider-reviews .slick-current .small-slider-reviews__item .small-slider-reviews__photo { z-index: 100; } } .small-slider-reviews .slick-track { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .small-slider-reviews .slick-prev, .small-slider-reviews .slick-next { opacity: 0; font-size: 0; width: 83px; height: 103px; position: absolute; outline: none; cursor: pointer; border: none; z-index: 100; border-radius: 50%; top: calc(50% - 20px); transform: translateY(-50%); background: transparent; transition: .3s opacity ease-in; } .small-slider-reviews .slick-prev:before, .small-slider-reviews .slick-next:before { content: ''; position: absolute; background-repeat: no-repeat; width: 12px; height: 19px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .small-slider-reviews .slick-prev { left: -20px; background-image: url("/local/templates/ovk-alliance/css/../images/slick-prev-slider_BG.png"); background-repeat: no-repeat; } @media screen and (max-width: 749px) { .small-slider-reviews .slick-prev { left: 5px; } } .small-slider-reviews .slick-prev:before { width: 27px; height: 38px; background-image: url("/local/templates/ovk-alliance/css/../images/arrow-prev-slider--active.svg"); } .small-slider-reviews .slick-next { right: -20px; background-image: url("/local/templates/ovk-alliance/css/../images/slick-next-slider_BG.png"); background-repeat: no-repeat; } @media screen and (max-width: 749px) { .small-slider-reviews .slick-next { right: 5px; } } .small-slider-reviews .slick-next:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-next-slider--active.svg"); width: 27px; height: 38px; } .small-slider-reviews__btn { display: inline-block; left: 50%; transform: translateX(-50%); } .block-map { width: 100%; min-height: 330px; filter: grayscale(1); transition: .5s all linear; } .block-map:hover { filter: grayscale(0); } .section-pics { min-height: 300px; width: 100%; margin-bottom: 30px; background-position: center; } @media screen and (max-width: 749px) { .section-pics { min-height: 100px; } } .breadcrumbs { margin-bottom: 20px; margin-top: 20px; } @media screen and (max-width: 749px) { .breadcrumbs { padding: 10px; margin-bottom: 0; } } .breadcrumbs ul { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 749px) { .breadcrumbs ul { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .breadcrumbs ul li { position: relative; color: #648792; font-size: 16px; padding-right: 15px; margin-right: 5px; } .breadcrumbs ul li:last-child { margin-right: 0; } .breadcrumbs ul li:last-child:before { content: none; } .breadcrumbs ul li:before { content: '>'; position: absolute; right: 0; top: 0; } .breadcrumbs ul li a { text-decoration: none; color: #648792; } .main-content { color: #323232; font-size: 16px; margin-bottom: 50px; } @media screen and (max-width: 749px) { .main-content { padding: 10px; margin-bottom: 10px; } } .main-content p { color: #323232; font-size: 16px; line-height: 1.5em; } .service-catalog__pics { margin-right: 30px; } .service-catalog__item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin-bottom: 60px; } @media screen and (max-width: 749px) { .service-catalog__item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } } .service-catalog__item a { text-decoration: none; } .service-catalog__desc { color: #465f66; padding-top: 25px; width: 100%; } .service-catalog__desc p { font-size: 16px; } .service-catalog__full_text { margin-bottom: 30px; } .service-catalog__full_text li p { margin: 0; padding: 0; } .service-catalog__full_text h2 { font-family: "Officina Serif", Arial, sans-serif; font-size: 26px; color: #465f66; margin-bottom: 20px; position: relative; } .service-catalog__full_text h2:first-letter { color: #d01825; } .service-catalog__full_text h2:before { content: ''; width: 100%; height: 2px; background-color: #b1d3e8; position: absolute; bottom: 0; } .service-catalog__full_text h2 span { background-color: #ffffff; position: relative; padding-right: 20px; } .service-catalog__title { font-weight: bold; font-family: "Officina Serif", Arial, sans-serif; font-size: 24px; margin-bottom: 15px; } .service-catalog__title:first-letter { color: #d01825; } .service-catalog__title a { color: #465f66; text-decoration: none; } .service-catalog__title a:first-letter { color: #d01825; } .service-catalog__title a:hover { color: #d01825; } .service-catalog__text { margin-bottom: 15px; display: block; } .service-catalog__text li p { margin: 0; padding: 0; } .service-catalog__text h2 { font-family: "Officina Serif", Arial, sans-serif; font-size: 26px; color: #465f66; margin: 0; padding: 0; } .service-catalog__text h2:first-letter { color: #d01825; } .service-catalog__type b, .service-catalog__type h3 { font-size: 24px; font-family: "Officina Serif", Arial, sans-serif; display: block; margin-bottom: 10px; } .service-catalog__type table { border-collapse: collapse; width: 100%; position: relative; } .service-catalog__type table:before { content: ''; position: absolute; width: 1px; height: calc(100% - 20px); left: 50%; background-color: #e4eaee; top: 50%; transform: translateY(-50%); } .service-catalog__type table td { border-top: 1px solid #e4eaee; border-bottom: 1px solid #e4eaee; padding: 12px 0; width: 50%; } .service-catalog__type table td:last-child { padding-left: 25px; } .service-catalog__type table td a { color: #465f66; text-decoration: none; font-weight: 600; position: relative; padding-right: 35px; transition: .2s all ease-in; } .service-catalog__type table td a:before { content: ''; position: absolute; right: 0; background-image: url("/local/templates/ovk-alliance/css/../images/btn_icon_white.png"); width: 22px; height: 10px; top: 5px; opacity: 0; transition: .2s all ease-in; } .service-catalog__type table td a:hover { color: #2c96da; } .service-catalog__type table td a:hover:before { opacity: 1; } .product-catalog { margin-bottom: 110px; } @media screen and (max-width: 749px) { .product-catalog { margin-bottom: 20px; } } .product-catalog__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-catalog__item { width: 260px; height: 260px; border: 1px solid #cfdce4; position: relative; margin-right: -1px; margin-bottom: -1px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; transition: .5s all ease; } @media screen and (max-width: 749px) { .product-catalog__item { width: 50%; } } .product-catalog__item:before { content: ''; position: absolute; bottom: 14px; right: 20px; width: 22px; height: 10px; background-image: url("/local/templates/ovk-alliance/css/../images/btn_icon_white.png"); background-repeat: no-repeat; opacity: 0; transition: .2s all ease; } .product-catalog__item:hover { z-index: 2; box-shadow: 0 0 20px rgba(25, 58, 103, 0.5); border: 1px solid #94afc1; } .product-catalog__item:hover:before { opacity: 1; } .product-catalog__item:hover .product-catalog__pics img { filter: grayscale(0); } .product-catalog__pics { position: absolute; width: 100%; height: calc(100% - 50px); padding: 10px 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .product-catalog__pics img { max-width: 100%; max-height: 180px; filter: grayscale(1); transition: .2s all ease; } .product-catalog__title { position: relative; padding: 10px 45px 10px 10px; margin-top: auto; text-decoration: none; font-family: "Officina Serif", Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 1em; color: #465f66; } @media screen and (max-width: 749px) { .product-catalog__title { font-size: 18px; padding: 10px; } } .product-catalog__title:first-letter { color: #d01825; } .products { background-color: #f7f7f7; padding: 30px 0 60px 0; margin-bottom: 55px; } .products--add { margin-bottom: 0; } .products--add h2 { font-size: 36px; color: #465f66; margin: 0 0 40px 0; } .products--add h2:first-letter { color: #df1d1d; } .products--add .btn { position: relative; left: 50%; transform: translateX(-50%); background: none; color: #80919f; padding: 0 60px 0 0; cursor: pointer; font-weight: 500; } .products--add .btn:before { background-image: url(/local/templates/ovk-alliance/css/../images/btn_icon_white.png); } .products__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .products__wrap { padding: 20px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } .products__item { width: calc((100% / 4) - 23px); color: #465f66; background-color: #ffffff; margin-right: 30px; margin-bottom: 35px; border: 1px solid #cfdce4; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; transition: .3s all ease; } @media screen and (max-width: 749px) { .products__item { width: 100%; margin: 10px; } } .products__item--in-basket { border: 1px solid #c2ddf3; } .products__item--in-basket .products__basket { background-image: url("/local/templates/ovk-alliance/css/../images/basket-icon--in.png"); } .products__item:hover { box-shadow: 0 0 20px rgba(25, 58, 103, 0.3); } .products__item:hover .products__title { color: #2379c2; } .products__item:nth-child(4n) { margin-right: 0; } .products__item a { text-decoration: none; color: #465f66; } .products__title { font-size: 20px; font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; margin-bottom: 20px; display: block; line-height: 1em; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; transition: .3s all ease; } .products__img { display: block; margin-bottom: 20px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .products__img img { max-width: 100%; } .products__anons { font-size: 14px; line-height: 1.2em; display: block; margin-top: auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .products__control { border-top: 1px solid #c2ddf3; padding: 20px; margin-top: auto; position: relative; } .products__price { font-size: 20px; padding-right: 70px; } .products__price span { color: #df1d1d; } .products__basket { width: 70px; height: 100%; border: none; background-color: #ffffff; margin-left: auto; position: absolute; right: 0; top: 0; background-image: url("/local/templates/ovk-alliance/css/../images/basket-icon.png"); background-position: center; background-repeat: no-repeat; outline: none; cursor: pointer; transition: .3s all ease; } .products__basket:hover { background-color: #2379c2; background-image: url("/local/templates/ovk-alliance/css/../images/basket-icon--active.png"); } .service-item__detail_text { margin-bottom: 20px; } .service-item__detail_text li p { margin: 0; padding: 0; } .service-item__detail_text h2 { font-family: "Officina Serif", Arial, sans-serif; font-size: 26px; color: #465f66; margin-bottom: 20px; position: relative; } .service-item__detail_text h2:first-letter { color: #d01825; } .service-item__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .service-item__price { font-size: 18px; font-weight: 500; } .service-item__price span { color: #d01825; } .service-item__name { border-right: 1px solid #d7e1e6; } .service-item__name a { color: #2379c2; text-decoration: none; border-bottom: 1px dashed #2379c2; } .service-item__name a:hover { border-bottom: 0; } .service-item__name .hint { position: relative; display: inline-block; } .service-item__name .hint__button { font-family: "Officina Serif", Arial, sans-serif; color: #ffffff; font-size: 14px; background-color: #c0d1da; border-radius: 50%; width: 17px; height: 17px; display: inline-block; text-align: center; line-height: 19px; cursor: pointer; text-decoration: none; transition: .3s all ease; cursor: pointer; } .service-item__name .hint__button:hover { background-color: #65aae5; } .service-item__name .hint__text { display: block; opacity: 0; position: absolute; border: 1px solid #2379c2; box-sizing: border-box; padding: 10px; border-radius: 5px; background: #cae4fc; z-index: 10; font-size: 12px; top: 0; left: 20px; transition: all .3s linear; max-width: 300px; pointer-events: none; } .service-item__name .hint:hover .hint__text { opacity: 1; } .service-item__spec { flex-grow: 2; } .service-item__spec table { color: #465f66; width: 100%; border-collapse: collapse; } .service-item__spec table thead { font-size: 30px; font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; } .service-item__spec table thead td { padding-bottom: 20px; } .service-item__spec table tbody tr { border-top: 1px solid #edf3f6; border-bottom: 1px solid #edf3f6; background-color: transparent; transition: .3s background-color ease; } .service-item__spec table tbody tr:hover { background-color: #dbebf9; border-top: 1px solid #d7e1e6; border-bottom: 1px solid #d7e1e6; } .service-item__spec table tbody tr:hover .service-item__name { border-right: 0; } .service-item__spec table tbody tr td { font-size: 18px; font-weight: 500; } .service-item__spec table tbody tr.in-cart { background-color: #dbebf9; } .service-item__spec table tbody tr.in-cart .service-item__name { border-right: 0; } .service-item__spec table tbody button { background-color: #65aae5; background-image: url(/local/templates/ovk-alliance/css/../images/plus-icon.svg); position: absolute; right: 0; top: 0; border: 0; height: 100%; background-repeat: no-repeat; background-position: center; padding: 0 22px; cursor: pointer; transition: .3s background-color ease; outline: none; } .service-item__spec table tbody button.in-cart { background-image: url(/local/templates/ovk-alliance/css/../images/check-icon.svg); background-color: #2379c2; } .service-item__spec table tbody button:not([class='in-cart']):hover { background-color: #2379c2; } .service-item__spec table tfoot { border-top: 1px solid #edf3f6; border-bottom: 1px solid #edf3f6; } .service-item__spec table tfoot td { padding: 10px 20px 10px 0; } .service-item__spec table tfoot td:first-child { font-size: 30px; font-family: "Officina Serif", Arial, sans-serif; text-align: right; } .service-item__spec table tfoot .service-item__price { font-size: 24px; } .service-item__spec table tr td { width: 75%; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; position: relative; } .service-item__spec table tr td:first-child { padding-left: 30px; } .service-item__text { line-height: 1.5em; margin: 30px 0; } .service-item__desc { padding-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .service-item__desc div { flex-grow: 1; } .service-item__desc div:first-child { padding-left: 30px; padding-right: 20px; width: 75%; } .service-item__desc div .btn { width: 100%; } .goods { margin-bottom: 70px; } .goods__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .goods__row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .goods__col { width: 100%; } .goods__col:first-child { width: 520px; margin-right: 40px; } @media screen and (max-width: 749px) { .goods__col:first-child { width: 100%; } } .goods__gallery { padding-top: 20px; position: relative; } .goods__gallery:before { content: ''; position: absolute; top: 0; width: 75%; height: 20px; background-color: #465f66; left: 20px; } .goods__anons p { font-size: 14px; font-weight: 500; color: #465f66; } .goods__anons h2 { margin: 0; margin-bottom: 20px; } .goods__spec ul { font-size: 16px; font-weight: 500; list-style: none; padding: 0; margin: 0; } .goods__spec ul li { color: #39322a; margin-bottom: 10px; line-height: 1em; } .goods__spec ul li span { color: #8c9597; } .goods__spec p { color: #39322a; font-size: 16px; font-weight: 500; } .goods__price { border-top: 1px solid #d3e2eb; padding-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; margin-bottom: 60px; } @media screen and (max-width: 749px) { .goods__price { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 749px) { .goods__price .goods-cost { margin-bottom: 10px; } } .goods-cost { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .goods-cost__value { font-size: 30px; color: #465f66; margin-right: 60px; } .goods-cost__value span { color: #df1d1d; } .goods-cost button { width: 44px; height: 40px; background-color: transparent; border: none; background-image: url("/local/templates/ovk-alliance/css/../images/basket-icon--plus.png"); background-repeat: no-repeat; outline: none; cursor: pointer; } .goods-gallery-big { border: 1px solid #cfdce4; padding: 60px; margin-bottom: 20px; position: relative; } @media screen and (max-width: 749px) { .goods-gallery-big { padding: 10px; } } .goods-gallery-big__list { width: 100%; } .goods-gallery-big__item { text-align: center; outline: none; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 100%; } .goods-gallery-big__item img { display: inline-block; outline: none; max-width: 100%; max-height: 100%; } .goods-gallery-big__count { position: absolute; bottom: -15px; background-color: #ffffff; width: 125px; left: 50%; transform: translateX(-50%); text-align: center; } .goods-gallery-big__count span { color: #465f66; font-size: 24px; font-weight: 500; font-style: normal; } .goods-gallery-big__count span i { font-style: normal; } @media screen and (max-width: 749px) { .goods-gallery-small { display: none; } } .goods-gallery-small__item { width: 160px; height: 125px; text-align: center; padding: 10px; outline: none; opacity: .3; cursor: pointer; transition: .3s all ease; } .goods-gallery-small__item:hover { opacity: 1; } .goods-gallery-small__item img { display: inline-block; max-width: 100%; outline: none; } .goods-gallery-small .slick-current .goods-gallery-small__item { opacity: 1; } .goods-gallery-small .slick-prev, .goods-gallery-small .slick-next { font-size: 0; width: 27px; height: 38px; position: absolute; outline: none; cursor: pointer; border: none; z-index: 100; border-radius: 50%; top: -20px; transform: translateY(-50%); background: transparent; transition: .3s opacity ease-in; } .goods-gallery-small .slick-prev:before, .goods-gallery-small .slick-next:before { content: ''; position: absolute; background-repeat: no-repeat; width: 18px; height: 25px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: cover; } .goods-gallery-small .slick-prev { left: 190px; } @media screen and (max-width: 749px) { .goods-gallery-small .slick-prev { left: 5px; } } .goods-gallery-small .slick-prev:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-prev-slider--gray.svg"); } .goods-gallery-small .slick-prev:hover:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-prev-slider--active.svg"); } .goods-gallery-small .slick-next { right: 190px; } @media screen and (max-width: 749px) { .goods-gallery-small .slick-next { right: 5px; } } .goods-gallery-small .slick-next:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-next-slider--gray.svg"); } .goods-gallery-small .slick-next:hover:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-next-slider--active.svg"); } .goods-related__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .goods-related__list:last-child { margin-bottom: 0; } .goods-related__item { width: 50%; border-top: 1px solid #e4eaee; border-bottom: 1px solid #e4eaee; color: #465f66; text-decoration: none; font-weight: 600; position: relative; transition: .2s all ease-in; margin-top: -1px; } .goods-related__item.hidden { display: none; } .goods-related__item.show-more { color: #d01825; } .goods-related__item.show-more span:after { display: none; } @media screen and (max-width: 749px) { .goods-related__item { width: 100%; } } .goods-related__item span { position: relative; padding-top: 12px; padding-bottom: 12px; padding-right: 35px; display: block; } .goods-related__item span:after { content: ''; position: absolute; display: inline-block; background-image: url("/local/templates/ovk-alliance/css/../images/btn_icon_white.png"); width: 30px; height: 10px; opacity: 0; transition: .2s all ease-in; bottom: 16px; padding-left: 10px; background-repeat: no-repeat; background-position: right; } .goods-related__item span:hover { color: #2c96da; } .goods-related__item span:hover:after { opacity: 1; } .goods-related b { font-size: 24px; font-family: "Officina Serif", Arial, sans-serif; display: block; margin-bottom: 10px; color: #465f66; } .goods-related table { border-collapse: collapse; width: 100%; position: relative; } .goods-related table:before { content: ''; position: absolute; width: 1px; height: calc(100% - 20px); left: 50%; background-color: #e4eaee; top: 50%; transform: translateY(-50%); } .goods-related table td { border-top: 1px solid #e4eaee; border-bottom: 1px solid #e4eaee; padding: 12px 0; width: 50%; } .goods-related table td:last-child { padding-left: 25px; } .goods-related table td a { color: #465f66; text-decoration: none; font-weight: 600; position: relative; padding-right: 35px; transition: .2s all ease-in; } .goods-related table td a:before { content: ''; position: absolute; right: 0; background-image: url("/local/templates/ovk-alliance/css/../images/btn_icon_white.png"); width: 22px; height: 10px; top: 5px; opacity: 0; transition: .2s all ease-in; } .goods-related table td a:hover { color: #2c96da; } .goods-related table td a:hover:before { opacity: 1; } .article-list h2 { font-family: "Officina Serif", Arial, sans-serif; font-size: 36px; color: #465f66; margin-bottom: 50px; position: relative; } @media screen and (max-width: 749px) { .article-list h2 { font-size: 28px; margin-bottom: 10px; } } .article-list h2:before { content: ''; width: 100%; height: 2px; background-color: #b1d3e8; position: absolute; bottom: 0; } .article-list h2 span { background-color: #ffffff; position: relative; padding-right: 20px; } .article-list h2:first-letter { color: #d01825; } .article-list__btn { margin-top: 20px; position: relative; left: 50%; transform: translateX(-50%); padding-left: 60px; } .article-list__item { margin-bottom: 80px; } .article-list__item_images { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; margin-bottom: 20px; } .article-list__item_images a { width: calc(50% - 10px); } .article-list__item img { max-width: 100%; } .article-list__item_text { margin-bottom: 20px; } .reviews__item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; margin-bottom: 20px; position: relative; padding: 20px 0; min-height: 270px; } @media screen and (max-width: 749px) { .reviews__item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .reviews__item:before { content: ''; position: absolute; right: 0; width: calc(100% - 115px); height: 100%; border: 1px solid #cfdce4; } @media screen and (max-width: 749px) { .reviews__item:before { content: none; } } .reviews__title { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 749px) { .reviews__title { width: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .reviews__title span { font-size: 30px; color: #4d5657; font-family: "Officina Serif", Arial, sans-serif; font-weight: bold; margin-right: 40px; display: block; margin-bottom: 15px; } .reviews__title .social { margin-top: 5px; } .reviews time { color: #aeaeae; font-size: 16px; } .reviews__photo { width: 230px; height: 230px; border-radius: 50%; display: block; position: relative; border: 8px solid #cfdce4; overflow: hidden; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; margin-right: 40px; background-repeat: no-repeat; background-size: cover; background-position: center; } @media screen and (max-width: 749px) { .reviews__photo { margin-right: 0; margin-bottom: 20px; } } .reviews__desc { padding-left: 50px; padding-right: 70px; position: relative; } @media screen and (max-width: 749px) { .reviews__desc { padding: 0; } } .reviews__desc:before, .reviews__desc:after { content: ''; position: absolute; width: 35px; height: 28px; background-repeat: no-repeat; } @media screen and (max-width: 749px) { .reviews__desc:before, .reviews__desc:after { content: none; } } .reviews__desc:before { background-image: url("/local/templates/ovk-alliance/css/../images/quote-left.png"); left: 0; top: 80px; } .reviews__desc:after { background-image: url("/local/templates/ovk-alliance/css/../images/quote-right.png"); right: 30px; bottom: 0; } .stocks__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stocks__item { width: calc((100% / 4) - 10px); height: 330px; overflow: hidden; margin-right: 10px; position: relative; margin-bottom: 10px; padding: 10px; border: 1px solid #e8edf1; background-color: #cecece; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 749px) { .stocks__item { width: 100%; margin-right: 0; } } .stocks__item:before { opacity: 0; } .stocks__item:hover:before, .stocks__item.active:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 157px; background-repeat: repeat-x; background-image: url("/local/templates/ovk-alliance/css/../images/gradient-white.png"); transform: rotate(180deg); z-index: 3; opacity: 1; transition: .3s opacity ease; } .stocks__item:hover .stocks__photo:before, .stocks__item:hover .stocks__photo:after, .stocks__item.active .stocks__photo:before, .stocks__item.active .stocks__photo:after { opacity: 0; } .stocks__item:hover .stocks__anons, .stocks__item.active .stocks__anons { opacity: 0; } .stocks__item:hover .stocks__title, .stocks__item.active .stocks__title { color: #000000; } .stocks__item:hover .stocks__btn, .stocks__item.active .stocks__btn { opacity: 1; bottom: 10px; } .stocks__item:nth-child(3n) { margin-right: 0; } .stocks__item:nth-child(3), .stocks__item:nth-child(5), .stocks__item:nth-child(9), .stocks__item:nth-child(11), .stocks__item:nth-child(15) { width: calc(100% / 2); height: 330px; } @media screen and (max-width: 749px) { .stocks__item:nth-child(3), .stocks__item:nth-child(5), .stocks__item:nth-child(9), .stocks__item:nth-child(11), .stocks__item:nth-child(15) { width: 100%; } } .stocks__title { font-size: 20px; font-family: "Officina Serif", Arial, sans-serif; color: #ffffff; text-decoration: none; position: relative; z-index: 5; line-height: 1em; display: block; transition: .3s color ease; } .stocks__photo { height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .stocks__photo img { height: 100%; } .stocks__photo:before { content: ''; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; opacity: 1; transition: .3s opacity ease; } .stocks__photo:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 157px; background-repeat: repeat-x; background-image: url("/local/templates/ovk-alliance/css/../images/gradient-white.png"); opacity: 1; transition: .3s opacity ease; } .stocks__anons { font-size: 14px; color: black; position: relative; z-index: 5; line-height: 1.2em; display: block; opacity: 1; font-weight: 500; transition: .3s opacity ease; } .stocks__btn { position: absolute; left: 10px; bottom: -50px; opacity: 0; z-index: 5; transition: .3s all ease; } .stock { position: relative; padding: 35px 35px 0 35px; overflow: hidden; } @media screen and (max-width: 749px) { .stock { padding: 10px; } } .stock__title { font-size: 36px; color: #ffffff; position: relative; z-index: 1; margin: 0; } @media screen and (max-width: 749px) { .stock__title { font-size: 25px; line-height: 1.2em; } } .stock__pics { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #bbbbbb; } .stock__pics img { max-width: 100%; width: 100%; } .stock__text { position: relative; background-color: rgba(255, 255, 255, 0.85); padding: 25px 25px 100px 25px; margin-top: 300px; } @media screen and (max-width: 749px) { .stock__text { margin-top: 20px; padding: 10px; } } .stock__text h3 { font-size: 36px; font-family: "Officina Serif", Arial, sans-serif; } .contacts { overflow: hidden; position: relative; margin-bottom: 30px; } .contacts__map { width: 100%; height: 100%; position: absolute; z-index: 1; } .contacts__map img { width: 100%; height: 100%; } .contacts__block { border: 1px solid #cfdce4; width: 440px; position: relative; z-index: 2; background-color: rgba(255, 255, 255, 0.85); } @media screen and (max-width: 749px) { .contacts__block { width: 100%; } } .contacts__logo { text-align: center; border-bottom: 1px solid #cfdce4; padding: 10px; } .contacts__list { padding: 30px; } .contacts__list div, .contacts__list p { color: #465f66; position: relative; font-family: "Officina Serif", Arial, sans-serif; font-size: 30px; } @media screen and (max-width: 749px) { .contacts__list div, .contacts__list p { font-size: 25px; } } .contacts__list div { padding-left: 50px; margin-bottom: 25px; } .contacts__list div:before { content: ''; position: absolute; left: 0; top: 5px; background-repeat: no-repeat; } .contacts__list p { margin: 0; line-height: 1em; } .contacts__list i { font-family: "Montserrat", Arial, sans-serif; font-size: 12px; color: #9aa5a9; display: block; } .contacts__list a { text-decoration: none; } .contacts__address:before { content: ''; position: absolute; left: 0; top: 5px; width: 20px; height: 25px; background-image: url("/local/templates/ovk-alliance/css/../images/address-icon.png"); background-repeat: no-repeat; } .contacts__phone a { color: #465f66; } .contacts__phone:before { background-image: url("/local/templates/ovk-alliance/css/../images/phone-icon.png"); width: 25px; height: 25px; } .contacts__work-time:before { background-image: url("/local/templates/ovk-alliance/css/../images/time-icon.png"); width: 25px; height: 25px; } .contacts__email a { color: #465f66; } .contacts__email:before { background-image: url("/local/templates/ovk-alliance/css/../images/mail-icon.png"); width: 25px; height: 25px; } .contacts .social { padding-left: 0; margin-bottom: 0; } .contacts .social a { opacity: 1; } .contacts__btn { color: #ffffff; } .contacts .social__vk { background-image: url("/local/templates/ovk-alliance/css/../images/vk-icon.svg"); background-color: #6996c7; } .contacts .social__tw { background-image: url("/local/templates/ovk-alliance/css/../images/tw-icon.svg"); background-color: #28c3ff; } .contacts .social__sk { background-image: url("/local/templates/ovk-alliance/css/../images/sk-icon.svg"); background-color: #28c3ff; } .contacts .social__ok { background-image: url("/local/templates/ovk-alliance/css/../images/ok-icon.svg"); background-color: #ff9c43; } .basket { background-color: #f7f7f7; padding: 20px 0; } .basket__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .basket__col { margin-right: 25px; } .basket__col:last-child { margin-right: 0; } .basket__photo { width: 280px; text-align: center; padding: 20px; max-width: 100%; border-right: 1px solid #cfdce4; } .basket__item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 15px; position: relative; border: 1px solid #cfdce4; width: 980px; margin-bottom: 20px; background-color: #ffffff; } .basket__item:last-child { margin-bottom: 0; } .basket__desc { padding: 10px 15px; width: 390px; border-right: 1px solid #cfdce4; } .basket__desc p { font-size: 14px; line-height: 1.4em; } .basket__title { color: #465f66; font-family: "Officina Serif", Arial, sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; } .basket__price { font-weight: 500; font-size: 20px; } .basket__price span { color: #df1d1d; } .basket button { background: none; border: 0; } .basket__control { padding: 10px 15px; text-align: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .basket__close { position: absolute; right: 10px; top: 10px; outline: none; cursor: pointer; } .basket-value { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; font-size: 18px; font-weight: 500; margin-bottom: 20px; margin-top: 10px; } .basket-value input[type='text'] { background: none; border: none; max-width: 30px; text-align: center; color: #39322a; font-size: 18px; font-family: "Montserrat", Arial, sans-serif; font-weight: 500; margin: 0; padding: 0; outline: none; } .basket-value span { color: #9dacb0; margin-left: 2px; } .basket-value button { font-size: 24px; font-family: "Montserrat", Arial, sans-serif; color: #39322a; cursor: pointer; font-weight: 500; margin: 0 15px; padding: 0; outline: none; } .basket-result b { font-size: 30px; font-family: "Officina Serif", Arial, sans-serif; color: #465f66; display: block; margin-bottom: 35px; } .basket-result__total { font-size: 16px; font-style: italic; color: #9dacb0; display: block; margin-bottom: 5px; } .basket-result__total span { color: #465f66; } .basket-result__all { font-size: 30px; display: block; margin-bottom: 15px; } .basket-result__all span { color: #e12525; } .basket-result__btn { width: 270px; margin-bottom: 20px; } .basket-result__btn--cont { background-color: #f7f7f7; border: 1px solid #9dacb0; padding: 14px 20px 14px 40px; color: #465f66; text-align: right; } .basket-result__btn--cont:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-gray-left.png"); left: 20px; } .header-mini { position: fixed; width: 100%; top: -45px; left: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); background-image: url(/local/templates/ovk-alliance/css/../images/header_BG.jpg); background-repeat: no-repeat; transition: .3s top ease; } .header-mini.active { top: 0; } .header-mini__row { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-mini .basket-top { margin-left: 15px; } .header-mini__logo { margin-right: 40px; font-size: 0; } .header-mini .header-nav ul li a { font-size: 12px; font-weight: 500; white-space: nowrap; } .header-mini nav { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .order-form { width: 800px; background: url("/local/templates/ovk-alliance/css/../images/order-form_BG.jpg") no-repeat center bottom #0d0d0d; padding: 55px 120px; position: relative; display: none; } @media screen and (max-width: 749px) { .order-form { padding: 10px; width: 100%; } } .order-form__title { font-size: 50px; font-family: "Officina Serif", Arial, sans-serif; color: #ffffff; font-weight: bold; display: block; text-align: center; margin-bottom: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 749px) { .order-form__title { font-size: 30px; } } .order-form__title:first-letter { color: #e50101; } .order-form textarea, .order-form input[type='text'] { width: 100%; margin-bottom: 10px; padding: 25px; background-color: rgba(255, 255, 255, 0.9); outline: none; border: 0; color: #2d2d2d; font-size: 18px; } .order-form textarea::placeholder, .order-form input[type='text']::placeholder { font-family: "Montserrat", Arial, sans-serif; color: #2d2d2d; font-size: 18px; } .order-form textarea { height: 100px; padding-top: 10px; padding-bottom: 10px; } .order-form__checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: block; margin-bottom: 35px; } .order-form__checkbox input { width: 1px; height: 1px; z-index: -1; position: absolute; } .order-form__checkbox input:checked + span:after { opacity: 1; } .order-form__checkbox span { color: #a8a8a8; font-size: 11px; display: block; line-height: 1.1em; position: relative; padding-left: 40px; } .order-form__checkbox span a { color: #ffffff; } .order-form__checkbox span:before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; background-color: #9f9f9f; } .order-form__checkbox span:after { content: ''; position: absolute; width: 26px; height: 26px; left: 0; top: 0; background-image: url("/local/templates/ovk-alliance/css/../images/check-icon-form.svg"); background-repeat: no-repeat; background-position: center; opacity: 0; transition: .3s opacity ease; } .order-form__btn { position: relative; left: 50%; display: inline-block; transform: translateX(-50%); } .order-form__close { position: absolute; right: 20px; top: 20px; cursor: pointer; } .order-form .fancybox-button svg { opacity: 0; } .mini-control { position: fixed; top: 100px; right: 0; background-color: #1e5f96; z-index: 100; } .mini-control__link { position: absolute; right: -200px; background-color: rgba(30, 95, 150, 0.6); height: calc(100% - 1px); top: 0; color: white; font-size: 16px; display: flex; align-items: center; width: auto; white-space: nowrap; padding: 20px; text-decoration: none; min-width: 205px; margin-bottom: -1px; transition: .2s right linear; } .mini-control__item { padding: 10px; text-align: center; position: relative; margin-bottom: -1px; min-height: 70px; } .mini-control__item:hover .mini-control__link { right: 60px; } .mini-control__item:first-child { border-bottom: 1px solid #1a6aad; } .mini-control .basket-top { margin-left: 0; background-image: url("/local/templates/ovk-alliance/css/../images/basket-fixed_BG.png"); } @media screen and (max-width: 749px) { .mini-control { display: none; } } .header-add { position: absolute; background-color: rgba(46, 66, 71, 0.98); width: 100%; padding: 25px 0; height: 0; overflow: hidden; opacity: 0; transition: .3s opacity ease; pointer-events: none; } .header-add.active { opacity: 1; height: auto; pointer-events: all; } .header-add__wrap { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header-add__pics { margin-left: auto; opacity: .6; position: absolute; right: 0; } .header-add a { text-decoration: none; color: #e4e4e4; font-size: 16px; font-weight: 300; } .header-add a:hover { color: #1f98ff; } .header-add__block > ul > li > ul { height: 100% !important; } .header-add ul { list-style: none; margin: 0; padding: 0; display: inline-block; max-width: 360px; margin-left: 25px; border-right: 1px solid #728084; } .header-add ul.last-level { border-right: 0; } .header-add ul.last-level li a:after { content: none; } .header-add ul li { padding-right: 40px; padding-top: 10px; padding-bottom: 10px; } .header-add ul > li > ul { position: absolute; left: 100px; top: 0; height: auto; opacity: 0; pointer-events: none; padding-left: 0; transition: .3s all ease; } .header-add ul > li > ul li a:before { content: none; } .header-add ul > li.active > ul { opacity: 1; pointer-events: inherit; } .header-add ul > li.active > a { color: #1f98ff; } .header-add ul > li.active > a:before { background-color: #1f98ff; } .header-add ul > li.active > a:after { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-r-r.svg"); } .header-add ul > li a { padding-left: 35px; padding-right: 20px; position: relative; display: block; } .header-add ul > li a:before { content: ''; position: absolute; width: 7px; height: 7px; background-color: #728084; left: 0; top: 7px; transform: rotate(45deg); } .header-add ul > li a:after { content: ''; position: absolute; right: 0; top: 5px; width: 8px; height: 10px; background-image: url("/local/templates/ovk-alliance/css/../images/arrow-r-g.svg"); } .block-license { margin-bottom: 100px; } .block-license__list { position: relative; min-height: 510px; } @media screen and (max-width: 749px) { .block-license__list { min-height: auto; } } .block-license__list::before { content: ''; position: absolute; width: 1015px; height: 415px; border: 1px solid #cfdce4; left: 50%; top: calc(50% - 25px); transform: translate(-50%, -50%); } @media screen and (max-width: 749px) { .block-license__list::before { content: none; } } .block-license:hover .slick-prev, .block-license:hover .slick-next { opacity: 1; } .block-license__item { text-align: center; display: flex !important; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; outline: none; height: auto; background-color: #ffffff; } .block-license__item img { max-width: 270px; outline: none; } @media screen and (max-width: 749px) { .block-license__item img { max-width: 180px; } } .block-license__title { color: #465f66; font-size: 48px; font-family: "Officina Serif", Arial, sans-serif; text-align: center; margin-bottom: 50px; font-weight: normal; } @media screen and (max-width: 749px) { .block-license__title { font-size: 30px; margin-bottom: 10px; } } .block-license__title:first-letter { color: #d01825; } .block-license__title div { position: relative; width: 540px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } @media screen and (max-width: 749px) { .block-license__title div { width: 100%; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 10px; margin-top: 10px; } } @media screen and (max-width: 749px) { .block-license__title div svg { background-color: #ffffff; position: relative; z-index: 10; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } } .block-license__title div:before, .block-license__title div:after { content: ''; position: absolute; width: 220px; height: 2px; background-color: #b1d3e8; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .block-license__title div:before, .block-license__title div:after { position: relative; } } .block-license__title div:before { left: 0; } .block-license__title div:after { right: 0; } .block-license .slick-current .block-license__item { height: auto; } .block-license .slick-current .block-license__item img { max-width: 330px; } @media screen and (max-width: 749px) { .block-license .slick-current .block-license__item { position: relative; z-index: 100; } .block-license .slick-current .block-license__item img { max-width: 250px; } } .block-license .slick-track { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .block-license .slick-prev, .block-license .slick-next { opacity: 0; font-size: 0; width: 83px; height: 103px; position: absolute; outline: none; cursor: pointer; border: none; z-index: 100; border-radius: 50%; top: calc(50% - 20px); transform: translateY(-50%); background: transparent; transition: .3s opacity ease-in; } .block-license .slick-prev:before, .block-license .slick-next:before { content: ''; position: absolute; background-repeat: no-repeat; width: 12px; height: 19px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .block-license .slick-prev { left: -20px; background-image: url("/local/templates/ovk-alliance/css/../images/slick-prev-slider_BG.png"); background-repeat: no-repeat; } @media screen and (max-width: 749px) { .block-license .slick-prev { left: 5px; } } .block-license .slick-prev:before { width: 27px; height: 38px; background-image: url("/local/templates/ovk-alliance/css/../images/arrow-prev-slider--active.svg"); } .block-license .slick-next { right: -20px; background-image: url("/local/templates/ovk-alliance/css/../images/slick-next-slider_BG.png"); background-repeat: no-repeat; } @media screen and (max-width: 749px) { .block-license .slick-next { right: 5px; } } .block-license .slick-next:before { background-image: url("/local/templates/ovk-alliance/css/../images/arrow-next-slider--active.svg"); width: 27px; height: 38px; } .service-pics { width: 500px; height: 400px; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; padding: 20px; background-position: center 25px; position: relative; background-repeat: no-repeat; } @media screen and (max-width: 749px) { .service-pics { width: 100%; } } .service-pics:before { position: absolute; content: ''; height: 25px; background-color: #a3d0ec; top: 0; width: 80%; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 749px) { .service-pics:before { content: none; } } .service-pics__title { font-size: 36px; display: block; color: #ffffff; margin: 20px; line-height: 1em; } @media screen and (max-width: 749px) { .service-pics__title { font-size: 20px; } } .service-pics img { position: absolute; bottom: -55px; left: 40px; } @media screen and (max-width: 749px) { .service-pics img { bottom: 0; max-width: 100%; left: 0; } } .stages { margin-bottom: 150px; background-image: url(/local/templates/ovk-alliance/css/../images/block-benefit_BG.jpg); background-repeat: no-repeat; background-position: center; background-size: contain; } @media screen and (max-width: 749px) { .stages { margin-bottom: 20px; } } .stages__title { color: #465f66; font-size: 48px; font-family: "Officina Serif", Arial, sans-serif; font-weight: 600; text-align: center; margin-bottom: 50px; } @media screen and (max-width: 749px) { .stages__title { font-size: 30px; margin-bottom: 10px; } } .stages__title:first-letter { color: #d01825; } .stages__title div { position: relative; width: 540px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; margin-top: 10px; } @media screen and (max-width: 749px) { .stages__title div { width: 100%; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 0 10px; margin-top: 10px; } } @media screen and (max-width: 749px) { .stages__title div svg { background-color: #ffffff; position: relative; z-index: 10; -webkit-box-flex: none; -webkit-flex: none; -moz-box-flex: none; -moz-flex: none; -ms-flex: none; flex: none; } } .stages__title div:before, .stages__title div:after { content: ''; position: absolute; width: 220px; height: 2px; background-color: #b1d3e8; top: 50%; transform: translateY(-50%); } @media screen and (max-width: 749px) { .stages__title div:before, .stages__title div:after { position: relative; } } .stages__title div:before { left: 0; } .stages__title div:after { right: 0; } .stages__list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .stages__wrap { width: 310px; margin-right: 150px; margin-bottom: 30px; padding-bottom: 30px; } @media screen and (max-width: 749px) { .stages__wrap { width: 100%; } } .stages__wrap:nth-child(3n), .stages__wrap:last-child { margin-right: 0; } .stages__wrap:nth-child(3n) .stages__item:before, .stages__wrap:last-child .stages__item:before { content: none; } .stages__wrap:nth-child(5) .stages__item:before { content: none; } .stages__wrap:last-child { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .stages__wrap:last-child .stages__item { width: 510px; height: 255px; } @media screen and (max-width: 749px) { .stages__wrap:last-child .stages__item { width: 100%; } } .stages__wrap:nth-child(5n), .stages__wrap:nth-child(6n) { margin-right: 0; } .stages__item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; position: relative; height: 255px; } .stages__item:after { content: ''; position: absolute; width: 243px; height: 243px; background-image: url("/local/templates/ovk-alliance/css/../images/stage-icon.svg"); background-repeat: no-repeat; left: 30px; top: 60px; background-size: contain; z-index: 2; } .stages__item:before { content: ''; position: absolute; width: 108px; height: 49px; background-image: url("/local/templates/ovk-alliance/css/../images/arrow-stage.svg"); background-repeat: no-repeat; right: -140px; top: calc(50% + 20px); } .stages__num { font-family: "Officina Serif", Arial, sans-serif; font-size: 230px; color: rgba(68, 158, 221, 0.16); font-weight: bold; line-height: .7em; position: relative; z-index: 1; } .stages__desc { font-family: "Officina Serif", Arial, sans-serif; line-height: 20px; font-weight: bold; position: relative; z-index: 3; } .stages__desc b { font-size: 24px; color: #bb0404; display: block; margin-bottom: 10px; } .stages__desc span { font-size: 18px; color: #465f66; } .page404 { text-align: center; } .page404__title { text-transform: uppercase; color: #2a3538; font-size: 48px; } @media screen and (max-width: 999px) { .page404__title { font-size: 36px; } } @media screen and (max-width: 749px) { .page404__title { font-size: 24px; margin-bottom: 20px; font-weight: bold; } } .page404__image img { max-width: 100%; } .page404__links_title { color: #6e7b7f; font-size: 24px; margin: -30px 0 20px; } @media screen and (max-width: 749px) { .page404__links_title { margin-top: 0; } } .page404__links a:link, .page404__links a:visited { text-decoration: none; display: inline-block; margin: 0 4px; padding: 10px; color: #2a3538; font-size: 24px; } .page404__links a:hover { color: #fff; background: #2379c2; } .bx-filter { min-width: 220px; margin-bottom: 20px; box-sizing: border-box; } @media (max-width: 768px) { .bx-filter { top: 50px; position: fixed; width: 100%; height: calc(100vh - 50px); z-index: 100; left: -100%; margin: 0; min-width: initial; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; overflow: auto; display: block; padding: 0; background: #fff; } .bx-filter.openMobile { left: 0; } } .bx-filter .bx-filter-input-container input { display: block; width: 100%; min-width: 100px; font-size: 14px; color: #495864; height: 27px; line-height: 27px; margin: 0; padding: 0 10px; box-sizing: border-box; border: 1px solid #9ba3bf; background: #fff; outline: none; text-align: center; } .bx-filter .filter_price_conatainer { padding: 0 20px; } .bx-filter .filter_price_conatainer:first-child { padding: 0 30px; margin-top: 23px; } @media (max-width: 768px) { .bx-filter .filter_price_conatainer:first-child { width: 100%; margin-top: 0; margin-bottom: 20px; } } .bx-filter .row { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } @media (max-width: 768px) { .bx-filter .row { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .bx-filter .filter_container { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .bx-filter .filter_container .bx-filter-parameters-box { padding: 0 10px 26px 10px; box-sizing: border-box; width: 25%; } @media (max-width: 768px) { .bx-filter .filter_container .bx-filter-parameters-box { width: 100%; max-width: initial; } } .bx-filter .buttons_container { text-align: right; } .bx-filter .bx-filter-parameters-box { position: relative; } .bx-filter .bx-filter-parameters-box-title { font-family: "Officina Serif", Arial, sans-serif; color: #465f66; font-size: 17px; font-weight: bold; margin-bottom: 3px; } .bx-filter .bx_filter_select_block { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 0 20px 0 15px; border: 0; } .bx-filter .bx_filter_select_block .bx_filter_select_arrow { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: absolute; right: 0; top: 5px; width: 45px; height: 32px; pointer-events: none; border-left: 1px solid #c9d3d6; } .bx-filter .bx_filter_select_text { font-size: 16px; font-family: "Montserrat", Arial, sans-serif; line-height: 41px; overflow: hidden; max-width: 100%; height: 41px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #465f66; } .bx-filter .checked .bx_filter_select_text { color: #465f66; } .bx-filter .bx_filter_checkbox_popup { position: absolute; background: #fff; box-shadow: 0 6px 11px rgba(0, 0, 0, 0.17); border: 1px solid #9ba3bf; padding: 10px; box-sizing: border-box; left: 0; top: 41px; min-width: 168px; z-index: 100; } .bx-filter .bx_filter_checkbox_popup ul { margin: 0; padding: 0; } .bx-filter .bx_filter_checkbox_popup ul li { margin: 0 0 10px 0; padding: 0; list-style-type: none; line-height: 1.2em; font-size: 13px; word-break: break-all; text-align: left; } @media (max-width: 768px) { .bx-filter .bx_filter_checkbox_popup ul li { font-size: 18px; } } .bx-filter .bx_filter_checkbox_popup ul li:last-child { margin-bottom: 0; } .bx-filter .bx-filter-input-price { height: 41px; line-height: 41px; border: 1px solid #ccd7da; position: relative; padding: 0 25px; } .bx-filter .bx-filter-input-price .bx-filter-input-price-container input { color: #d01825; font-size: 16px; font-family: "Montserrat", Arial, sans-serif; text-align: center; border: 0; outline: none; font-weight: bold; } .bx-filter .bx-filter-input-price .bx-filter-input-price-container input::-moz-placeholder { color: #d01825; opacity: 1; } .bx-filter .bx-filter-input-price .bx-filter-input-price-container input:-ms-input-placeholder { color: #d01825; } .bx-filter .bx-filter-input-price .bx-filter-input-price-container input::-webkit-input-placeholder { color: #d01825; } .bx-filter .bx-filter-input-price .price-from, .bx-filter .bx-filter-input-price .price-to { color: #a5b8be; } .bx-filter .bx-filter-input-price .bx-ui-slider-track-container { position: absolute; left: 0; right: 0; padding: 0; bottom: 0; } .bx-filter .reset_checkboxes { color: #fff; background: #cd2b30; border-radius: 20px; position: absolute; top: -13px; right: -13px; height: 24px; width: 24px; display: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .bx-filter .reset_checkboxes:hover { background-color: #0a2360; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .bx-filter .reset_checkboxes:before, .bx-filter .reset_checkboxes:after { content: ''; width: 16px; height: 3px; border-radius: 2px; position: absolute; background: #fff; left: 4px; top: 10px; pointer-events: none; } .bx-filter .reset_checkboxes:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bx-filter .reset_checkboxes:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .bx-filter .bx-ui-slider-handle { position: absolute; top: -8px; width: 17px; height: 17px; background: #5196d7; border-radius: 17px; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -1px; } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -1px; } .bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v, .bx-filter .bx-ui-slider-pricebar-bcg { position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-pricebar-bcg { z-index: 50; } .bx-filter .bx-ui-slider-range { z-index: 90; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; background: #5196d7; } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; /*background: #98b800;*/ } .bx-filter .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; /*background: $color-green;*/ } .bx-filter .bx-filter-parameters-box-container { margin-right: 0; } .bx-filter .delete_filter { background: transparent; border: 0; padding: 0; position: relative; cursor: pointer; white-space: nowrap; color: #223970; text-transform: uppercase; font-size: 18px; } .bx-filter .delete_filter span { position: relative; display: inline-block; vertical-align: middle; width: 15px; height: 15px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .bx-filter .delete_filter span:before, .bx-filter .delete_filter span:after { content: ''; width: 16px; height: 3px; border-radius: 2px; position: absolute; background: #cd2b30; left: 0; top: 3px; pointer-events: none; } .bx-filter .delete_filter span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bx-filter .delete_filter span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .bx-filter .delete_filter:after { content: ''; display: block; } .bx-filter .delete_filter:hover span:before, .bx-filter .delete_filter:hover span:after { background: #223970; } .bx-filter .bx-filter-parameters-box-container { position: relative; } @media (max-width: 768px) { .bx-filter .bx-filter-parameters-box-container { text-align: center; width: 100%; } } .bx-filter .bx-filter-parameters-box-container-flex { display: flex; justify-content: space-between; } .bx-filter .count_el { color: #939393; } .bx-filter .bx-filter-section { position: relative; } .bx-filter .bx-filter-section > .row { padding: 0 5px; } .bx-filter .bx-filter-title { font-size: 18px; margin-bottom: 10px; color: #000; } /*Sections*/ .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover { border-color: transparent; } .bx-filter .bx-filter-button-box .bx-filter-block, .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block { display: block; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-size: 14px; font-style: normal; display: block; padding-bottom: 5px; } .bx-filter-parameters-box-container .checkbox:first-child { margin-top: 0; } .bx-filter .bx-filter-parameters-box-container-block { font-size: 11px; color: #3f3f3f; } /* COLOR */ .bx-ios .bx-filter .bx-filter-input-container input { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 100%); } .bx-filter .bx-filter-button-box { clear: both; } /* *Track * */ .bx-filter .bx-ui-slider-track-container { padding-top: 10px; } .bx-filter .bx-ui-slider-track { position: relative; height: 2px; /*background: #d8e9f0;/* COLOR */ } .bx-filter .bx-ui-slider-part { position: absolute; top: -6px; width: 1px; height: 17px; background: #a2bfc7; } .bx-filter .bx-ui-slider-part.p1 { left: -1px; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: -1px; } .bx-filter .bx-ui-slider-part span { font-size: 11px; /*font-weight: bold;*/ position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #6b8086; } /* * Select * */ .bx-filter .bx-filter-select-container { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 24px; border-radius: 4px; border: 1px solid #cddbe1; } .bx-retina .bx-filter .bx-filter-select-container { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/ovk-alliance/css/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/ovk-alliance/css/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/ovk-alliance/css/images/border_default.png) 2 repeat; border-image: url(/local/templates/ovk-alliance/css/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-select-container.bx-active, .bx-filter .bx-filter-select-container:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-select-container.bx-active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/ovk-alliance/css/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/ovk-alliance/css/images/active.png) 2 repeat; -o-border-image: url(/local/templates/ovk-alliance/css/images/active.png) 2 repeat; border-image: url(/local/templates/ovk-alliance/css/images/active.png) 2 repeat; }*/ .bx-filter .bx-filter-select-block { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 22px; margin: 0; padding: 0 22px 0 5px; border: none; border-radius: 4px; background: #fff; } .bx-filter .bx-filter-select-text { line-height: 22px; overflow: hidden; max-width: 100%; font-size: 12px; color: #949494; height: 22px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx-filter .bx-filter-select-text.fix { min-width: 120px; } .bx-filter .bx-filter-select-text label { cursor: pointer; } .bx-filter .bx-filter-select-arrow { position: absolute; top: 0; right: 0; width: 22px; height: 22px; cursor: pointer; background: url(/local/templates/ovk-alliance/css/images/galka.png) no-repeat right center; } /* * Select popup * */ .bx-filter-select-popup { background: #fff; box-shadow: 0 6px 11px rgba(0, 0, 0, 0.17); border: 1px solid #d1d1d1; padding: 10px; min-width: 173px; } .bx-filter-select-popup ul { margin: 0; padding: 0; list-style: none; } .bx-filter-select-popup ul li { display: block; text-align: left; vertical-align: middle; } .bx-filter-select-popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx-filter-select-popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 26px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover { color: #000; background: #f3f8fa; } .bx-filter-select-popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx-filter .bx-filter-tag { padding: 18px; /*border-top: 1px solid #d7eaf7;/* COLOR */ /*border-bottom: 1px solid #d7eaf7;/* COLOR */ } .bx-filter .bx-tag-link { font-size: 12px; text-decoration: none; /*color: #68939e;/* COLOR */ text-shadow: none; } .bx-filter .bx-tag-link.bx-active, .bx-filter .bx-tag-link:hover { color: #1d3d46; } /* * LABEL * */ .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { float: left; display: block; margin-right: 5px; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-label { display: block; } .bx-filter .bx-filter-param-label { /*font-size: 13px;*/ } .bx-filter .bx-filter-param-label.dib { display: inline-block; } .bx-filter .bx-filter-param-text { font-weight: normal; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { color: #495864; } .bx-filter-select-popup .bx-filter-param-label.bx-active { background: #f3f8fa; } /* * Checkbox / Radio * */ /*.bx-filter .bx_filter_input_checkbox .bx-filter-param-text { display: block; text-align: left; }*/ /* * BTN * */ .bx-filter .bx-filter-param-btn { font-weight: normal; display: inline-block; width: 38px; height: 38px; padding: 6px; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; position: relative; -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx-retina .bx-filter .bx-filter-param-btn { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/ovk-alliance/css/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/ovk-alliance/css/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/ovk-alliance/css/images/border_default.png) 2 repeat; border-image: url(/local/templates/ovk-alliance/css/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-filter .bx-filter-param-btn:hover, .bx-filter .bx-filter-param-btn:active, .bx-filter .bx-filter-param-btn:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-retina .bx-filter .bx-filter-param-btn:hover, .bx-retina .bx-filter .bx-filter-param-btn:active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/ovk-alliance/css/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/ovk-alliance/css/images/active.png) 2 repeat; -o-border-image: url(/local/templates/ovk-alliance/css/images/active.png) 2 repeat; border-image: url(/local/templates/ovk-alliance/css/images/active.png) 2 repeat; }*/ /* --- colors */ .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { background: transparent; box-shadow: none; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { position: relative; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: ' '; display: block; z-index: 100; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; opacity: .7; } .bx-filter .bx-filter-param-btn .bx-filter-param-text { line-height: 26px; } /* * BTN P/M * */ .bx-filter .bx-filter-param-btn.bx-spm { width: 23px; min-width: 23px; height: 23px; line-height: 23px; font-weight: normal; padding: 0; font-size: 17px; color: #767b7e; vertical-align: top; border-radius: 50%; background-color: transparent; } .bx-filter .bx-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm:active { outline: none !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12); } .bx-filter span.bx-spm { font-size: 18px; /*font-weight:bold;*/ line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } /* * icon * */ .bx-filter-select-popup .bx-filter-select-text-icon, .bx-filter .bx-filter-select-text-icon { line-height: 33px; position: relative; display: inline-block; width: 23px; height: 23px; margin-top: -4px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx-filter-select-popup .bx-filter-btn-color-icon, .bx-filter .bx-filter-btn-color-icon { line-height: 24px; /*position:relative;*/ /*top:4px;*/ border-radius: 2px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -webkit-background-size: cover; background-size: cover; } .bx-filter-select-popup .bx-filter-btn-color-icon { width: 20px; height: 20px; margin: 2px 0; top: 0 !important; } .bx-filter .bx-filter-select-block .bx-filter-btn-color-icon { top: -1px !important; } .bx-filter-btn-color-icon.all { position: relative; border: none; box-shadow: none; } .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); } .bx-filter-btn-color-icon.all:after { right: 0; bottom: 0; } .bx-filter-btn-color-icon.all:before { top: 0; left: 0; } .bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon { opacity: .2; } /* * BIZ * */ .bx-filter .bx-filter-parameter-biz { font-size: 14px; line-height: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #1485ce; border-bottom: 1px dashed; } .bx-filter .bx-filter-parameter-biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx-filter .bx-filter-parameter-biz.bx-active { position: relative; /*padding-left:20px;*/ color: #000; border-color: transparent; } /* * BTN result and reset * */ .btn-themes { /*background-color: #1485CE;/* COLOR */ /*border-color: #1485CE;/* COLOR */ color: #FFF; } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover { /*background-color: #53A4D8;/* COLOR */ /*border-color: #53A4D8;/* COLOR */ color: #FFF; } /* * Result Popup * */ .bx-filter .bx-filter-popup-result { font-weight: normal; padding: 0; visibility: hidden; white-space: nowrap; height: 17px; font-size: 12px; } .bx-filter .bx-filter-popup-result span { font-weight: bold; } .bx-filter .bx-filter-popup-result-close { display: none; } .bx_filter_input_checkbox input[type="checkbox"], .bx_filter_input_checkbox input[type="radio"] { vertical-align: middle; } .bx-filter .bx_filter_select_container { box-sizing: border-box; height: 42px; border: 1px solid #ccd7da; background: #ffffff; cursor: pointer; } .bx-filter .bx_filter_select_container.checked { background: #ffdb7d; } .bx-filter .bx_filter_select_container.hover { background: #ffffff; } .bx-filter .bx_filter_select_text .checkbox_count { color: #fff; font-size: 12px; background: #db4925; border: 2px solid #fff; border-radius: 20px; position: absolute; top: -13px; right: -11px; height: 19px; line-height: 19px; min-width: 19px; text-align: center; font-weight: 600; display: none; } .bx-filter .bx-filter .checkbox { height: 22px; } .buttons_container .btn { margin-bottom: 5px; width: 120px; } .bx-filter .radio { margin: 0 20px 0 0; padding: 0; float: left; line-height: 29px; } .bx-filter .radio input[type="checkbox"] { display: none; } .bx-filter .radio input[type="checkbox"] + label::before { content: ""; display: inline-block; height: 29px; width: 29px; margin: 0 3px 0 0; background-image: url(/local/templates/ovk-alliance/css/images/checkbox.png); background-repeat: no-repeat; vertical-align: middle; } .bx-filter .radio input[type="checkbox"] + label::before { background-position: 0 0; } .bx-filter .radio input[type="checkbox"]:checked + label::before { background-position: -29px 0; } .bx-filter .radio input[type="checkbox"]:disabled + label::before { background-position: -58px 0; } .bx-filter .radio input[type="checkbox"]:disabled + label:hover { color: #717171; text-decoration: none; } .bx-filter .radio input[type="checkbox"]:checked:disabled + label::before { background-position: -87px 0; } .bx-filter .radio .bx-filter-param-text { text-transform: none; font-size: 14px; } .bx-filter .radio .bx-filter-param-text span { color: #b5bbc0; } .bx-filter .filter_body.radio_props { padding-left: 30px; } .bx-filter .filter_body.radio_props .filter_container .bx-filter-parameters-box { padding: 3px 2% 0 0; width: auto; } .mobile_filter_button { padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .mobile_filter_button .btn { width: calc(50% - 5px); font-size: 18px; color: #393939; font-weight: 300; text-transform: none; position: relative; border: 1px solid #3bcaac; } .mobile_filter_button .btn:hover { color: #393939; background: #3bcaac; } .mobile_filter_button .btn i { position: absolute; left: 10px; top: 14px; } .mobile_filter_button .btn.btn-invert { background: #fff; } .mobile_filter_button .btn.btn-invert:hover { color: #393939; } .filter_header__title { line-height: 58px; position: relative; text-align: center; color: #000; font-size: 28px; } .filter_header__title .close { position: absolute; right: 10px; top: 10px; width: 18px; height: 18px; } .filter_header__title .close:before, .filter_header__title .close:after { content: ''; width: 16px; height: 3px; border-radius: 2px; position: absolute; background: #cd2b30; left: 4px; top: 10px; pointer-events: none; } .filter_header__title .close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .filter_header__title .close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .filter_header__reset { background: #5196d7; line-height: 45px; padding: 0 20px; text-align: right; margin-bottom: 15px; } .filter_header__reset button { background: none; border: none; line-height: 45px; height: 45px; color: #0a2360; font-size: 18px; } .filter_header__reset button svg { display: inline-block; vertical-align: middle; margin-left: 5px; } .mobile_only { display: none; } @media screen and (max-width: 999px) { .mobile_only { display: initial; } } @media screen and (max-width: 749px) { .service-item__spec table tr td:first-child { padding-left: 0; } .service-item__wrap { flex-direction: column; } .service-item__desc { flex-direction: column; } .service-item__desc div:first-child { width: 100%; padding: 0; padding-bottom: 30px; } .bx-filter .filter_container { padding-bottom: 35px; } .products--add h2 { padding: 0 10px; } .section-pics { min-height: 200px; background-size: cover; } } .close.mobile_only { display: none; justify-content: center; margin: 15px auto; width: 180px; position: relative; padding: 14px 40px 14px 40px; background-color: #2379c2; background-image: linear-gradient(to right, transparent 33%, rgba(255, 255, 255, 0.3) 50%, transparent 66%); background-size: 300% 100%; color: #FFFFFF; text-decoration: none; font-size: 16px; border-radius: 10px; } @media screen and (max-width: 749px) { .close.mobile_only { display: flex; } } /*# sourceMappingURL=style.css.map */ /* End */ /* Start:/local/templates/ovk-alliance/css/ext.css?16902750235751*/ .block-about__title h1 { color: #465f66; margin: 0 10px 0 0; font-size: inherit; display: inline; } .block-about__title h1:first-letter { color: #d01825; } .h1_main::before { display: none; } .table, .goods__spec table { border: 0; border-collapse: collapse; width: 100%; } .table td, .goods__spec td { border: 0; border-bottom: 1px solid #cfdce4; padding: 10px; } .table tr:hover td, .goods__spec tr:hover td { background: #e9f2f9; } .table__header { color: #323232; font-size: 18px; font-weight: bold; } tr.table__header:hover td, .table tr:hover td.table__section { background: none; } .table__section { font-weight: bold; } @media screen and (max-width: 749px) { .goods__spec tr:nth-child(even) td { background: #e9f2f9; } } .ncatalog { display: flex; } @media screen and (max-width: 749px) { .ncatalog { flex-wrap: wrap; } } .ncatalog__filter { width: 320px; flex-shrink: 0; padding-right: 30px; box-sizing: border-box; padding-top: 7px; background: #fff; } @media screen and (max-width: 749px) { .ncatalog__filter { width: 100%; margin-bottom: 20px; } } .ncatalog__filter .bx-filter-search { margin-bottom: 20px; } .ncatalog__filter .bx-filter-search .btn { width: auto; } @media screen and (min-width: 750px) { .ncatalog__filter .bx-filter .filter_container .bx-filter-parameters-box { width: 100%; padding-left: 0; padding-right: 0; } .ncatalog__filter .bx-filter-parameters-box-container { text-align: left; } .ncatalog__items { flex-grow: 1; } } @media screen and (max-width: 749px) { .ncatalog__items { width: 100%; } .filter_body { padding-bottom: 20px; } .filter_container { overflow: hidden; } } @media screen and (max-width: 768px) { .bx-filter { top: 0 !important; height: 100% !important; } } @media screen and (min-width: 750px) { .ncatalog__items .full-width { margin-left: 0; margin-right: 0; } .ncatalog__items .products { padding-left: 30px; padding-right: 30px; } .ncatalog__items .products__item { width: calc((100% / 3) - 20px); margin-right: 30px; } .ncatalog__items .products__item:nth-child(4n) { margin-right: 30px; } .ncatalog__items .products__item:nth-child(3n) { margin-right: 0; } .ncatalog__items .container { width: auto; } } .goods-related__item span { color: #2c96da; transition: .3s color ease; } .goods-related__item span:hover { color: #d01825; } .goods-related__item span:after { opacity: 1; } .breadcrumbs ul li a { color: #2379c2; transition: .3s all ease; } .breadcrumbs ul li a:hover { color: #648792; } .fix-anchor { position: absolute; margin-top: -55px; } @media screen and (max-width: 768px) { .fix-anchor { margin-top: -75px; } } .basket-result__warning { font-size: 13px; margin-bottom: 20px; } .basket__refusal { font-size: 12px; margin-top: 15px; } .basket__refusal a { color: #2379c2; text-decoration: none; } .goods__price { align-items: flex-start; } .goods-cost__refusal { display: block; font-size: 14px; } .goods-cost__refusal a { color: #2379c2; text-decoration: none; } .title-bubble { display: none; background: #fff; box-shadow: 0 0 10px rgba(25, 58, 103, 0.3); color: #2379c2; font-size: 12px; position: absolute; pointer-events: none; padding: 5px 10px; border-radius: 5px 5px 5px 0; border: 1px solid #cfdce4; } .order-form__warning { color: #a8a8a8; font-size: 11px; display: none; margin-bottom: 15px; } .order-form__warning_visible { display: block; } .stocks__item { } .stocks__item:nth-child(4n) { margin-right: 0 !important; } .stocks__item { background-size: cover; background-repeat: no-repeat; background-position: center; } .stocks__photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media screen and (max-width: 1000px) { .stocks__item { width: calc(100% / 2 - 5px) !important; margin-right: 10 px!important; } .stocks__item:nth-child(2n) { margin-right: 0 !important; } } @media screen and (max-width: 749px) { .stocks__item { width: 100% !important; margin-right: 0px !important; } } .stock__title { font-family: "Officina Serif", Arial, sans-serif; } .header-nav ul li a.header-nav--catalog { background: none; } .header-nav ul li a:hover, .header-nav ul li a.active { background: #2379c2; } .header-nav ul li a.header-nav--catalog-2 { background: #2379c2; } .header-nav ul li a.header-nav--catalog-2:before { content: ''; position: absolute; width: 17px; height: 12px; background-repeat: no-repeat; background-image: url(/local/templates/ovk-alliance/css/../images/toggle-icon.svg); left: 15px; top: 50%; transform: translateY(-50%); } .header-top__nav ul.left-menu li a { color: #d0f4ff; } .header-top__nav ul.left-menu li a:hover { color: #fff; } .search-top input { padding-right: 20px; border-radius: 4px; } @media screen and (max-width: 1000px) { .search-top input { padding-right: 10px; } } .search-top button { bottom: 7px; right: 7px; } .search-top button svg { height: 100%; margin-left: auto; } .mini-control { border-radius: 8px 0 0 8px; } .btn { border-radius: 6px; } .project-block__pics img { border-radius: 8px; } .products__item { border-radius: 8px; overflow: hidden; } .goods__gallery:before { border-radius: 8px 8px 0 0; } .header-mobile div#sidebar_menu_container ul li { margin-bottom: 15px; } .goods-gallery-big { border-radius: 8px; } /* End */ /* /local/templates/ovk-alliance/js/fancy/jquery.fancybox.min.css?160223312012795 */ /* /local/templates/ovk-alliance/js/slick/slick.css?16022331201776 */ /* /local/templates/ovk-alliance/js/slinky/dist/jquery.slinky.css?1602233120905 */ /* /local/templates/ovk-alliance/css/fast-search.css?16197595101692 */ /* /local/templates/ovk-alliance/components/bitrix/news.list/social/style.css?1602233120150 */ /* /local/templates/ovk-alliance/components/bitrix/news.list/section-bg/style.css?1602233120150 */ /* /local/templates/ovk-alliance/components/bitrix/breadcrumb/page_breadcrumbs/style.min.css?1602233120467 */ /* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1602233116666 */ /* /local/templates/ovk-alliance/components/luxar/super/order_form/style.css?16022331201 */ /* /local/templates/ovk-alliance/components/luxar/super/mini-control/style.css?16022331201 */ /* /local/templates/ovk-alliance/css/animate.css?160223312077907 */ /* /local/templates/ovk-alliance/css/style.css?1690783012166518 */ /* /local/templates/ovk-alliance/css/ext.css?16902750235751 */