/* Start:/bitrix/templates/aspro_kshop_copy/css/jquery.fancybox.css?14706520354349*/ /*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/aspro_kshop_copy/css/../images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/bitrix/templates/aspro_kshop_copy/css/../images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/aspro_kshop_copy/css/../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } /* Overlay helper .fancybox-lock { overflow: hidden; } */ .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/bitrix/templates/aspro_kshop_copy/css/../images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /* End */ /* Start:/bitrix/templates/aspro_kshop_copy/css/normalize.min.css?15507605401981*/ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* End */ /* Start:/bitrix/templates/aspro_kshop_copy/css/fonts.css?15602587141871*/ @font-face { font-family: "icomoon"; font-style: normal; font-weight: normal; src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/icomoon/icomoon.woff") format("woff"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/icomoon/icomoon.ttf") format("truetype"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/icomoon/icomoon.svg#icomoon") format("svg"); } @font-face { font-family: 'Open Sans'; src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/OpenSans/OpenSans-Regular.eot"); src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/OpenSans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arial'; src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/Arial/ArialMT.eot"); src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/Arial/ArialMT.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/Arial/ArialMT.woff") format("woff"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/Arial/ArialMT.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArialBold'; src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ArialBold/ArialBold.eot"); src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ArialBold/ArialBold.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ArialBold/ArialBold.woff") format("woff"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ArialBold/ArialBold.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Elektra Text Pro'; src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ElektraTextPro/ElektraTextPro.eot"); src: url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ElektraTextPro/ElektraTextPro.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ElektraTextPro/ElektraTextPro.woff2") format("woff2"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ElektraTextPro/ElektraTextPro.woff") format("woff"), url("/bitrix/templates/aspro_kshop_copy/css/../fonts/ElektraTextPro/ElektraTextPro.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* End */ /* Start:/bitrix/templates/aspro_kshop_copy/css/owl.carousel.css?15507605404830*/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/bitrix/templates/aspro_kshop_copy/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* End */ /* Start:/bitrix/templates/aspro_kshop_copy/css/animate.css?155906142016818*/ @charset "UTF-8"; .btn--red:before, .btn--red:after, .btn--red > .ui-border-element:before, .btn--red > .ui-border-element:after, .btn--purple:before, .btn--purple:after, .btn--purple > .ui-border-element:before, .btn--purple > .ui-border-element:after, .btn--blue:before, .btn--blue:after, .btn--blue > .ui-border-element:before, .btn--blue > .ui-border-element:after, .btn--transparent:before, .btn--transparent:after, .btn--transparent > .ui-border-element:before, .btn--transparent > .ui-border-element:after{ content: ''; position: absolute; } .btn--red:before, .btn--purple:before, .btn--blue:before, .btn--transparent:before { border-top: 1px solid #ff0013; left: calc(100% + 4px); right: -4px; top: -4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--red:hover:before, .btn--purple:hover:before, .btn--blue:hover:before, .btn--transparent:hover:before{ left: -4px; } .btn--red:not(:hover):before, .btn--purple:not(:hover):before, .btn--blue:not(:hover):before, .btn--transparent:not(:hover):before { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--red:before, .btn--red:after, .btn--red > .ui-border-element:before, .btn--red > .ui-border-element:after, .btn--purple:before, .btn--purple:after, .btn--purple > .ui-border-element:before, .btn--purple > .ui-border-element:after, .btn--blue:before, .btn--blue:after, .btn--red > .ui-border-element:before, .btn--blue > .ui-border-element:after, .btn--transparent:before, .btn--transparent:after, .btn--transparent > .ui-border-element:before, .btn--transparent > .ui-border-element:after { content: ''; position: absolute; } .btn--red .ui-border-element:after, .btn--purple .ui-border-element:after, .btn--blue .ui-border-element:after, .btn--transparent .ui-border-element:after { border-right: 1px solid #ff0013; top: calc(100% + 4px); bottom: -4px; right: -4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--red:hover .ui-border-element:after, .btn--purple:hover .ui-border-element:after, .btn--blue:hover .ui-border-element:after, .btn--transparent:hover .ui-border-element:after { top: -4px; } .btn--red:not(:hover) .ui-border-element:after, .btn--purple:not(:hover) .ui-border-element:after, .btn--blue:not(:hover) .ui-border-element:after, .btn--transparent:not(:hover) .ui-border-element:after { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--red:before, .btn--red:after, .btn--red > .ui-border-element:before, .btn--red > .ui-border-element:after, .btn--purple:before, .btn--purple:after, .btn--purple > .ui-border-element:before, .btn--purple > .ui-border-element:after, .btn--blue:before, .btn--blue:after, .btn--blue > .ui-border-element:before, .btn--blue > .ui-border-element:after, .btn--transparent:before, .btn--transparent:after, .btn--transparent > .ui-border-element:before, .btn--transparent > .ui-border-element:after { content: ''; position: absolute; } .btn--red:after, .btn--purple:after, .btn--blue:after, .btn--transparent:after { border-bottom: 1px solid #ff0013; left: -4px; right: calc(100% + 4px); bottom: -4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--red:hover:after, .btn--purple:hover:after, .btn--blue:hover:after, .btn--transparent:hover:after { right: -4px; } .btn--red:not(:hover):after, .btn--purple:not(:hover):after, .btn--blue:not(:hover):after, .btn--retransparentd:not(:hover):after { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--red:before, .btn--red:after, .btn--red > .ui-border-element:before, .btn--red > .ui-border-element:after, .btn--purple:before, .btn--purple:after, .btn--purple > .ui-border-element:before, .btn--purple > .ui-border-element:after, .btn--blue:before, .btn--blue:after, .btn--blue > .ui-border-element:before, .btn--blue > .ui-border-element:after, .btn--transparent:before, .btn--transparent:after, .btn--transparent > .ui-border-element:before, .btn--transparent > .ui-border-element:after { content: ''; position: absolute; } .btn--red .ui-border-element:before, .btn--purple .ui-border-element:before, .btn--blue .ui-border-element:before, .btn--transparent .ui-border-element:before { border-left: 1px solid #ff0013; top: -4px; bottom: calc(100% + 4px); left: -4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--red:hover .ui-border-element:before, .btn--purple:hover .ui-border-element:before, .btn--blue:hover .ui-border-element:before, .btn--transparent:hover .ui-border-element:before { bottom: -4px; } .btn--red:not(:hover) .ui-border-element:before, .btn--purple:not(:hover) .ui-border-element:before, .btn--blue:not(:hover) .ui-border-element:before, .btn--transparent:not(:hover) .ui-border-element:before { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } @charset "UTF-8"; .btn--linear:before, .btn--linear:after, .btn--linear > .ui-border-element:before, .btn--linear > .ui-border-element:after { content: ''; position: absolute; } .btn--linear:before { border-top: 1px solid #fff; left: calc(100% + 4px); right: -4px; top: -4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--linear:hover:before { left: -4px; } .btn--linear:not(:hover):before { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--linear:before, .btn--linear:after, .btn--linear > .ui-border-element:before, .btn--linear > .ui-border-element:after { content: ''; position: absolute; } .btn--linear .ui-border-element:after { border-right: 1px solid #fff; top: calc(100% + 4px); bottom: -4px; right: -4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--linear:hover .ui-border-element:after { top: -4px; } .btn--linear:not(:hover) .ui-border-element:after { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--linear:before, .btn--linear:after, .btn--linear > .ui-border-element:before, .btn--linear > .ui-border-element:after { content: ''; position: absolute; } .btn--linear:after { border-bottom: 1px solid #fff; left: -4px; right: calc(100% + 4px); bottom: -4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--linear:hover:after { right: -4px; } .btn--linear:not(:hover):after { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--linear:before, .btn--linear:after, .btn--linear > .ui-border-element:before, .btn--linear > .ui-border-element:after { content: ''; position: absolute; } .btn--linear .ui-border-element:before { border-left: 2px solid #fff; top: -4px; bottom: calc(100% + 4px); left: -4px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -moz-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -o-transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); transition-timing-function: cubic-bezier(0, 0.98, 0.51, 0.93); -webkit-transition-duration: 200ms; -moz-transition-duration: 200ms; -o-transition-duration: 200ms; transition-duration: 200ms; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--linear:hover .ui-border-element:before { bottom: -4px; } .btn--linear:not(:hover) .ui-border-element:before { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .btn--blue:before, .btn--blue:after, .btn--blue .ui-border-element:before, .btn--blue .ui-border-element:after{ border-color: #2a4b82; } .btn--purple:before, .btn--purple:after, .btn--purple .ui-border-element:before, .btn--purple .ui-border-element:after{ border-color: #e0e4f5; } /****************************/ .tabs_my .btn_nav_bl { list-style-type: none; padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .content ul.main_tabs{ list-style-type: none; padding-left: 0; margin-bottom: 10px; position: relative; font-size: 0; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .tabs_my .btn_nav_bl .nav, .main_tabs li { box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 25%; padding: 0 10px; text-align: center; position: relative; display: block; } .main_tabs li{ padding-bottom: 28px; border-bottom: 6px solid transparent; display: table-cell; white-space: normal; line-height: 1; } .main_tabs li span{ white-space: normal; } .tabs_my .btn_nav_bl .nav:before, .main_tabs li:before{ content: ''; width: 1px; height: 18px; background-color: #afb0b1; position: absolute; left: 0; right: 0; bottom: -32px; margin: 0 auto; } .main_tabs li:before{ bottom: -4px; } .tabs_my .btn_nav_bl .nav, .main_tabs li { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #303030; font-family: "Elektra Text Pro"; font-size: 20px; font-weight: 400; /* overflow: hidden;*/ text-overflow: ellipsis; display: block; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .tabs_my .btn_nav_bl .nav:hover, .main_tabs li:hover{ color: #004985; } .tabs_my .slider, .tabs_section .slider { position: relative; width: 24%; -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07); transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07); } .tabs_my .btn_nav_bl:before, .main_tabs:before{ content: ''; left: 0; right: 0; height: 2px; position: absolute; background-color: #afb0b1; bottom: -34px; } .main_tabs:before{ bottom: 8px; } .tabs_my .slider .indicator, .tabs_section .slider .indicator{ position: relative; width: 100%; max-width: 100%; margin: 30px auto 0; height: 6px; background: #004985; } .tabs_my .content { margin-top: 30px; } .tabs_my .content section { opacity: 0; -webkit-animation-name: content; animation-name: content; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; line-height: 1.4; } .tabs_my .nav.act { color: #004985; font-size: 36px; } .main_tabs li.cur{ color: #004985; border-bottom: 5px solid #004985; } .tabs_my .btn_nav_bl .nav.act:before, .main_tabs li.cur:before { display: none; } .btn_nav_bl[data-class="num1"] + .slider { -webkit-transform: translateX(0%); transform: translateX(0%); } .btn_nav_bl[data-class="num2"] + .slider { -webkit-transform: translateX(105%); transform: translateX(105%); } .btn_nav_bl[data-class="num3"] + .slider { -webkit-transform: translateX(211%); transform: translateX(211%); } .btn_nav_bl[data-class="num4"] + .slider { -webkit-transform: translateX(317%); transform: translateX(317%); } @-webkit-keyframes content { from { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes content { from { opacity: 0; -webkit-transform: translateY(5%); transform: translateY(5%); } to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } /* End */ /* Start:/bitrix/templates/aspro_kshop_copy/css/main.min.css?1576747655113323*/ /* Современные браузеры, кроме Chrome, Opera, Safari */ @keyframes one-to-bottom { /* назовём анимацию: "go-left-right" */ from { top: -450px; /* от: left: 0px */ } to { top: -50px; /* до: left: 100%-50px */ } } /* Префикс для Chrome, Opera, Safari */ @-webkit-keyframes one-to-bottom { from { top: -450px; /* от: left: 0px */ } to { top: -50px; /* до: left: 100%-50px */ } } /* Современные браузеры, кроме Chrome, Opera, Safari */ @keyframes two-to-bottom { /* назовём анимацию: "go-left-right" */ from { top: -450px; /* от: left: 0px */ } to { top: -50px; /* до: left: 100%-50px */ } } /* Префикс для Chrome, Opera, Safari */ @-webkit-keyframes two-to-bottom { from { top: -450px; /* от: left: 0px */ } to { top: -50px; /* до: left: 100%-50px */ } } /* Современные браузеры, кроме Chrome, Opera, Safari */ @keyframes tree-to-bottom { /* назовём анимацию: "go-left-right" */ from { top: -150px; /* от: left: 0px */ } to { top: -50px; /* до: left: 100%-50px */ } } /* Префикс для Chrome, Opera, Safari */ @-webkit-keyframes tree-to-bottom { from { top: -150px; /* от: left: 0px */ } to { top: -50px; /* до: left: 100%-50px */ } } @-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); } } button,input,a{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } img{ max-width: 100%; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .progress1 { /*animation: one-to-bottom 10s infinite alternate;*/ /*-webkit-animation: one-to-bottom 10s infinite alternate;*/ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/slider_tovar_wrap.jpg) no-repeat center; position: absolute; left: 0; right: 0; top: 0; width: 1920px; /*height: 1530px;*/ height: 100%; z-index: -1; } .progress2 { animation: two-to-bottom 10s infinite alternate; -webkit-animation: two-to-bottom 10s infinite alternate; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/article_new.jpg) no-repeat center top; position: absolute; left: 0; right: 0; width: 1920px; height: 1380px; z-index: -1; } .progress3 { /*animation: tree-to-bottom 10s infinite alternate;*/ /*-webkit-animation: tree-to-bottom 10s infinite alternate;*/ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/wopros_wrap.jpg) no-repeat center; position: absolute; left: 0; right: 0; width: 1920px; /*height: 835px;*/ top: 0; height: 100%; z-index: -1; } [class^="icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .icon-admin:before { content: "\e900"; color: #969696; } .icon-arrow_menu:before { content: "\e901"; color: #fff; } .icon-cart:before { content: "\e902"; color: #ff0013; } .icon-faceboock:before { content: "\e903"; color: #fff; } .icon-geo_lok:before { content: "\e904"; color: #969696; } .icon-google:before { content: "\e905"; color: #fff; } .icon-grafik:before { content: "\e906"; color: #c7c7c7; } .icon-heart:before { content: "\e907"; color: #c7c7c7; } .icon-logo:before { content: "\e908"; color: #2a4b82; } .icon-lupa:before { content: "\e909"; } .icon-lupa:before { content: "\e90a"; color: #ff0013; } .icon-preim1 .path2:before { content: "\e90b"; margin-left: -1.1259765625em; color: #ff0013; } .icon-preim1 .path3:before { content: "\e90c"; margin-left: -1.1259765625em; color: white; } .icon-preim1 .path4:before { content: "\e90d"; margin-left: -1.1259765625em; color: white; } .icon-preim2 .path1:before { content: "\e90e"; color: #ff0013; } .icon-preim2 .path2:before { content: "\e90f"; margin-left: -1.1494140625em; color: #ff0013; } .icon-preim2 .path3:before { content: "\e910"; margin-left: -1.1494140625em; color: white; } .icon-preim2 .path4:before { content: "\e911"; margin-left: -1.1494140625em; color: white; } .icon-preim3 .path1:before { content: "\e912"; color: #ff0013; } .icon-preim3 .path2:before { content: "\e913"; margin-left: -1.03515625em; color: #ff0013; } .icon-preim3 .path3:before { content: "\e914"; margin-left: -1.03515625em; color: white; } .icon-preim3 .path4:before { content: "\e915"; margin-left: -1.03515625em; color: white; } .icon-preim4 .path1:before { content: "\e916"; color: #ff0013; } .icon-preim4 .path2:before { content: "\e917"; margin-left: -1.0810546875em; color: #ff0013; } .icon-preim4 .path3:before { content: "\e918"; margin-left: -1.0810546875em; color: white; } .icon-preim4 .path4:before { content: "\e919"; margin-left: -1.0810546875em; color: white; } .icon-slide_arrow_l:before { content: "\e91a"; color: #fff; } .icon-slide_arrow_r:before { content: "\e91b"; color: #fff; } .icon-toTop:before { content: "\e91c"; color: #ff0013; } .icon-twitter:before { content: "\e91d"; color: #fff; } .icon-vk:before { content: "\e91e"; color: #fff; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } *::-webkit-input-placeholder { color: #666; opacity: 1; } *:-moz-placeholder { color: #666; opacity: 1; } *::-moz-placeholder { color: #666; opacity: 1; } *:-ms-input-placeholder { color: #666; opacity: 1; } body input:focus:required:invalid, body textarea:focus:required:invalid { color: #666; } body input:required:valid, body textarea:required:valid { color: #666; } br{ display: block; } html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0; } *:focus { outline: 0; } body { background: white; line-height: 1; color: black; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } a { text-decoration: none; } html, body { height: 100%; width: 100%; } .container { width: 1215px; margin: 0 auto; display: block; } .clearfix:after { content: ''; display: table; clear: both; } .content a{ color: #ff0013; text-decoration: underline; } .content a:hover{ text-decoration: none; } .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; } header { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } footer { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .index_content { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } body { color: #303030; font-family: "Arial"; font-size: 16px; font-weight: 400; line-height: 1; } body p { margin-bottom: 24px; line-height: 1.5; } .bold, .strong { font-weight: 700; } .title_h1, h1 { color: #303030; font-family: 'Elektra Text Pro'; font-size: 36px; font-weight: 400; line-height: 1; padding: 74px 0 68px; } .white { color: white; } .btn, a.btn { width: 200px; padding: 16px 0; text-align: center; display: block; text-decoration: none; cursor: pointer; position: relative; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } button.btn { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; } .btn--red, button.btn--red, a.btn--red { background: #ff0013; color: #ffffff; } .btn--purple, button.btn--purple, a.btn--purple { background: #f1f4ff; color: #454545; } .btn--white, a.btn--white{ border: 1px solid #ff0013; background: none; color: #ff0013; } .btn--linear, a.btn--linear, button.btn--linear { border: 1px solid #ffffff; color: #ffffff; padding: 15px 0; background: none; } .btn--transparent, a.btn--transparent, button.btn--transparent{ border: 1px solid #ff0013; color: #ff0013; } a.btn--blue, .btn--blue, button.btn--blue{ border: 1px solid #2a4b82; color: #2a4b82; background:transparent; } a.btn--blue:hover, .btn--blue:hover{ background: #2a4b82; color: #fff; } a.btn--zircon, .btn--zircon{ border: 1px solid #f1f4ff; color: #454545; background-color: #f1f4ff; } a.btn--zircon:hover, .btn--zircon:hover{ background: #2a4b82; color: #fff; border-color:#2a4b82; } .color_blue{ color: #2a4b82; } .color_red{ color: #db0113; } .menu_box { display: none; } .top_header { padding-top: 11px; -moz-box-shadow: 0 1px 7px rgba(42, 40, 37, 0.09); -o-box-shadow: 0 1px 7px rgba(42, 40, 37, 0.09); -webkit-box-shadow: 0 1px 7px rgba(42, 40, 37, 0.09); box-shadow: 0 1px 7px rgba(42, 40, 37, 0.09); padding-bottom: 16px; } .geolocation_bl { float: left; width: 25%; } .geolocation_bl .icon-geo_lok:before { font-size: 20px; } .geolocation_bl .pri { padding: 0 5px 0 15px; } .geolocation_bl .city_name { text-decoration: underline; } .geolocation_bl .city_name:hover { text-decoration: none; cursor: pointer; } .mail_bl { float: left; width: 27.5%; } .mail_bl a { color: #4a77bc; text-decoration: underline; display: block; padding-top: 5px; } .mail_bl a:hover { text-decoration: none; } .opener_top { float: left; width: 33.5%; padding-top: 5px; } .opener_top .basket_count { padding: 0 22px 0 0; border-right: 1px solid #454545; color: #454545; } .opener_top .basket_count:hover { text-decoration: underline; cursor: pointer; } .opener_top .wish_count { padding-left: 20px; color: #454545; } .opener_top .wish_count:hover { text-decoration: underline; cursor: pointer; } .vopros_bl { float: left; } .vopros_bl .ds-form { color: #4a77bc; cursor: pointer; display: block; margin-top: 5px; } .vopros_bl .ds-form:hover { text-decoration: underline; cursor: pointer; } .icon-admin { float: right; cursor: pointer; } .icon-admin:before { font-size: 22px; } .middle_header { padding-top: 28px; padding-bottom: 24px; } .logo_bl { float: left; width: 25%; } .logo_bl .logo { position: relative; display: block; } .logo_bl .logo span { color: #ff0013; font-size: 13px; text-transform: uppercase; position: absolute; left: 64px; top: 0; letter-spacing: -0.3px; } .phone_bl { float: left; width: 18%; } .phone_bl a { color: #454545; font-size: 18px; font-weight: 700; display: block; } .phone_bl .ds-form { color: #ff0013; font-size: 16px; font-weight: 400; display: block; margin: 14px 0 0px 2px; } .phone_bl .ds-form:hover { text-decoration: underline; cursor: pointer; } .search_bl { float: left; width: 40%; padding-top: 2px; } .search_bl form { position: relative; } .search_bl #title-search-input-2 { height: 43px; border: 1px solid #afafaf; width: 100%; padding-left: 14px; color: #969696; } .search_bl #search-submit-button { position: absolute; width: 20px; height: 20px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/lupa.svg) no-repeat center; top: 12px; right: 14px; border: none; } .cart_bl { float: right; } .cart_bl .cart_content { float: left; } .cart_bl .cart_image { width: 44px; position: relative; } .cart_bl .icon-cart:before { font-size: 45px; } .cart_bl .count { position: absolute; width: 24px; height: 24px; background: #ff0013; -webkit-border-radius: 50%; border-radius: 50%; color: #ffffff; font-size: 12px; line-height: 24px; text-align: center; right: -8px; top: 5px; } .cart_bl .cart_text { float: right; color: #ff0013; margin-left: 20px; } .cart_bl .cart_text a { color: #ff0013; text-decoration: underline; } .cart_bl .cart_text a:hover { text-decoration: none; } .cart_bl .cart_text span { color: #ff0013; display: block; margin-top: 16px; } .bottom_header { background-color: #00569A; padding-top: 15px; padding-bottom: 11px; } .top_menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .top_menu > li { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; } .top_menu > li a { color: #ffffff; font-size: 18px; font-family: 'ArialBold'; text-transform: uppercase; } .top_menu > li a:hover { color: #a0c4ff; } .top_menu .company, .top_menu .katal { position: relative; } .top_menu .company:before, .top_menu .katal:before { content: ''; width: 8px; height: 5px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/arrow_menu.svg) no-repeat center; position: absolute; right: -21px; top: 7px; } .top_menu li .submenu { display: none; } .top_menu li .child_wrapp { display: none; } .slide1 { background: #aa1c1d url(/bitrix/templates/aspro_kshop_copy/css/../img/slide1.png) no-repeat center center; } .slide1 .btn { margin: 39px 0 0 3px; } .slide2 { background: #aa1c1d url(/bitrix/templates/aspro_kshop_copy/css/../img/slide2.png) no-repeat center center; } .slide2 .title_slider { padding-top: 82px; } .slide2 .btn { margin: 61px 0 0 8px; } .index_slider_inner { height: 628px; padding-top: 33px; } .index_slider_inner .image_text { float: right; width: 68%; padding-left: 83px; } .index_slider_inner .title_slider { color: #ffffff; font-size: 41px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; line-height: 52px; display: block; margin-bottom: 29px; } .index_slider_inner .big_text { color: #ffffff; font-size: 24px; font-weight: 700; text-transform: uppercase; line-height: 30px; margin-bottom: 32px; display: block; } .index_slider_inner .text_min{ margin-bottom: 35px; } .index_slider_inner .text_min p { color: #ffffff; font-size: 18px; font-weight: 400; display: block; line-height: 1; margin-bottom: 10px; } .index_slider_inner .btn { width: 215px; } .index_slider_inner .slider_href { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .owl-prev { width: 28px; height: 21px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_l.svg) no-repeat center; cursor: pointer; } .owl-prev:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_l_hov.svg) no-repeat center; } .owl-next { width: 28px; height: 21px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r.svg) no-repeat center; cursor: pointer; } .owl-next:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r_hov.svg) no-repeat center; } .index_slider_box { position: relative; } .index_slider_box .owl-prev { position: absolute; left: -5px; top: -48px; z-index: 2; } .index_slider_box .owl-next { position: absolute; left: 118px; top: -48px; z-index: 2; } .index_slider_box .dots_wrap { position: absolute; left: 31px; top: -54px; z-index: 2; } .index_slider_box .dots_wrap .owl-dot.active { display: inline-block; color: #ffffff; font-family: "Elektra Text Pro"; font-size: 30px; text-decoration: underline; } .index_slider_box .dots_wrap .owl-dot { display: none; } .index_slider_box .main_numb { position: absolute; left: 90px; top: -45px; z-index: 2; } .index_slider_box .separate { color: #ffffff; font-family: "Elektra Text Pro"; font-size: 18px; font-weight: 400; position: absolute; left: -15px; top: 0; z-index: 2; } .index_slider_box .numb_separ { color: #ffffff; font-family: "Elektra Text Pro"; font-size: 18px; font-weight: 400; } .index_slider_box .nav_wrap { float: right; width: 61%; position: relative; } .katal_wrap { position: relative; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/katal_wrap.png) no-repeat center top; padding-top: 73px; } .katal_container { font-size: 0; } .katal_container .katal_inner { display: inline-block; vertical-align: top; width: 32%; height: 350px; overflow: hidden; position: relative; margin-right: 2%; margin-bottom: 2%; -webkit-transition: 0.5s; transition: 0.5s; } .katal_container .katal_inner:nth-child(3n) { margin-right: 0; } .katal_container .katal_inner:hover .katal_name_box { height: 100%; -webkit-transition: 0.5s; transition: 0.5s; } .katal_container .katal_name_box { position: absolute; height: 92px; background: rgba(0, 73, 133, 0.9); width: 100%; top: 0; left: 0; right: 0; z-index: 2; } .katal_container .katal_name { color: #ffffff; font-family: "Elektra Text Pro"; font-size: 20px; font-weight: 400; text-transform: uppercase; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 42px; display: block; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r.svg) no-repeat center right; padding-right: 55px; } .cost .price { color: #ff0013; font-size: 22px; } .tabs_wrap { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/tab_fon.png) no-repeat center; background-attachment: fixed; margin-top: 55px; padding-top: 45px; padding-bottom: 45px; } .content_bl { position: relative; padding-top: 58px; } .cont_bl { position: absolute; left: 0; top: 0; opacity: 0; right: 0; } .cont_bl.active { opacity: 1; -webkit-transition: 0.5s; transition: 0.5s; position: static; } .specials_slider .specials_slider_inner { height: 385px; -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); background-color: #ffffff; margin-bottom: 20px; } .specials_slider .specials_slider_inner:hover{ -moz-box-shadow: 0 1px 24px rgba(0, 0, 0, 0.24);; -o-box-shadow: 0 1px 24px rgba(0, 0, 0, 0.24);; -webkit-box-shadow: 0 1px 24px rgba(0, 0, 0, 0.24);; box-shadow: 0 1px 24px rgba(0, 0, 0, 0.24);; } .specials_slider img { width: auto !important; margin: 0 auto 0; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .specials_slider .image { min-height: 190px; } .specials_slider .image a { display: block; text-align: center; position: relative; height: 190px; } .specials_slider .item_info { padding-left: 28px; padding-right: 28px; } .specials_slider .item-title { color: #303030; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; height: 48px; } .specials_slider .item-title:hover { text-decoration: underline; } .specials_slider .cost_price { overflow: hidden; padding: 26px 0 19px 0; } .specials_slider .cost_price .price { float: left; color: #ff0013; font-size: 22px; } .specials_slider .like_icons { float: right; font-size: 0; } .specials_slider .like_icons .wish_item { display: inline-block; vertical-align: top; cursor: pointer; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/heart.svg) no-repeat center bottom; width: 26px; height: 26px; } .specials_slider .like_icons .wish_item.added, .specials_slider .like_icons .wish_item:hover{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/heart-hov.svg) no-repeat center bottom; } .specials_slider .like_icons .compare_item { display: inline-block; vertical-align: top; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/grafik.svg) no-repeat center bottom; width: 26px; height: 26px; cursor: pointer; margin-left: 14px; } .specials_slider .like_icons .compare_item.added, .specials_slider .like_icons .compare_item:hover{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/grafik-hov.svg) no-repeat center bottom; } .specials_slider .btn { margin: 0 auto; width: 228px; } .similar_product .owl-prev, .specials_slider .owl-prev { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_l_red.svg) no-repeat center; position: absolute; left: 0; } .similar_product .owl-prev:hover, .specials_slider .owl-prev:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_l_red_hov.svg) no-repeat center; } .similar_product .owl-next, .specials_slider .owl-next { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r_red.svg) no-repeat center; position: absolute; right: 0; } .similar_product .owl-next:hover, .specials_slider .owl-next:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r_red_hov.svg) no-repeat center; } .similar_product .owl-nav, .specials_slider .owl-nav { width: 170px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -31px; } .all_tovars { text-align: center; color: #ff0013; display: block; padding-top: 30px; } a.all_tovars{ text-decoration: none; font-size: 16px; } .all_tovars:hover span{ text-decoration: underline; } .slider_tovar_wrap { padding-top: 156px; padding-bottom: 150px; font-size: 0; position: relative; overflow: hidden; } .slider_tovar_contain { height: 460px; -moz-box-shadow: 0 3px 21px rgba(0, 0, 0, 0.28); -o-box-shadow: 0 3px 21px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 0 3px 21px rgba(0, 0, 0, 0.28); box-shadow: 0 3px 21px rgba(0, 0, 0, 0.28); background-color: #ffffff; position: relative; } .slider_tovar_box { border: 1px solid #dfdfdf; display: inline-block; vertical-align: top; width: 66%; margin: 14px 1%; } .slider_tovar_l_box { font-size: 0; } .slider_tovar_image { display: inline-block; vertical-align: top; width: 55%; position: relative; height: 430px; } .slider_tovar_image img { width: auto !important; position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 280px; } .slider_tovar_info { display: inline-block; vertical-align: top; width: 45%; padding-top: 97px; padding-right: 30px; } .slider_tovar_title a { color: #2a4a81; font-size: 22px; } .slider_tovar_text { color: #8f8f8f; font-size: 16px; padding: 28px 0 45px 0; } .slider_tovar .price { font-size: 24px; color: #ff0013; } .slider_tovar .btn { margin-top: 20px; } .sert_wrapper .owl-nav{ width: 155px; position: absolute; left: 0; right: 0; margin: auto; margin-top: 15px; } .brands_nav_wrap, .tovar_nav_wrap { position: absolute; width: 155px; left: 47px; bottom: 62px; z-index: 2; } .sert_wrapper .owl-prev, .brands_container .owl-prev, .tovar_nav_wrap .owl-prev { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_l_red.svg) no-repeat center; position: absolute; left: 0; } .sert_wrapper .owl-prev:hover, .brands_container .owl-prev:hover, .tovar_nav_wrap .owl-prev:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_l_red_hov.svg) no-repeat center; } .sert_wrapper .owl-next, .brands_container .owl-next, .tovar_nav_wrap .owl-next { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r_red.svg) no-repeat center; position: absolute; right: 0; } .sert_wrapper .owl-next:hover, .brands_container .owl-next:hover, .tovar_nav_wrap .owl-next:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r_red_hov.svg) no-repeat center; } .tovar_nav_wrap .tovar_dots_wrap { position: absolute; left: 44px; bottom: -23px; } .tovar_nav_wrap .owl-dot.active { display: block; font-size: 30px; color: #ff0013; text-decoration: underline; } .tovar_nav_wrap .numb_separ { color: #ff0013; font-size: 18px; position: absolute; right: 46px; top: 3px; } .tovar_nav_wrap .owl-dot { display: none; } .tovar_nav_wrap .separate { color: #ff0013; font-size: 18px; position: absolute; right: 70px; top: 3px; } .slider_tovar_navi { position: absolute; display: inline-block; vertical-align: top; width: 32%; background-color: #00569A; padding: 24px 14px 24px 14px; height: 100%; } .slider_tovar_nav.active { background-color: #1a2f51; border-bottom: none; } .slider_tovar_nav.active:before { display: none; } .slider_tovar_nav { height: 70px; color: #ffffff; font-size: 16px; padding: 17px 0 0 27px; line-height: 1.3; position: relative; cursor: pointer; } .slider_tovar_nav:before { content: ''; border-bottom: 1px dashed #c7c7c7; height: 1px; position: absolute; left: 14px; right: 14px; bottom: 0; } .slider_tovar_nav:hover { text-decoration: underline; } .preim_wrap { padding-bottom: 40px; } .preim_content { padding-bottom: 60px; } .preim_inner { float: left; width: 25%; padding-right: 35px; } .preim_inner:nth-child(4) { margin-right: 0; padding-right: 0; } .preim_name { color: #303030; font-family: "Elektra Text Pro"; font-size: 20px; margin: 34px 0 20px 0; } .preim_text { line-height: 1.5; } .main-page-baners .item { margin-bottom: 30px; } .main-page-baners img { width: 100%; } .article_new { position: relative; overflow: hidden; padding-bottom: 50px; } .article_new .title_h1 { padding: 55px 0 30px; } .article_box { float: left; width: 49.5%; } .article_box .all_article { color: #ffffff; margin: 30px 0 0 40px; display: block; } .all_brands{ color: #ff0013; margin: 30px 0 0 28px; display: block; } .article_box .owl-prev { position: absolute; left: 0; } .article_box .owl-next { position: absolute; right: 0; } .brands_container .owl-nav, .article_box .owl-nav { width: 170px; position: absolute; left: 0; bottom: -27px; } .news_box { float: right; width: 49.5%; } .news_box .all_article { color: #ffffff; margin: 30px 0 0 40px; display: block; } .news_box .owl-prev { position: absolute; left: 0; } .news_box .owl-next { position: absolute; right: 0; } .news_box .owl-nav { width: 170px; position: absolute; left: 0; bottom: -27px; } .article_inner { height: 428px; -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); background-color: #ffffff; padding: 19px; position: relative; padding-bottom: 35px; } .article_inner .more { color: #ff0013; text-decoration: underline; } .article_inner .more:hover { text-decoration: none; } .article_image img { width: 100%; /*height: auto; */ height: 116px; } .owl-carousel .owl-item .article_image img{ width: auto; margin: auto; } .article_inner .more { position: absolute; bottom: 30px; } .article_data { color: #8f8f8f; margin: 18px 0 8px 0; } .article_name { color: #303030; font-family: "Elektra Text Pro"; font-size: 20px; text-decoration: underline; line-height: 1.5; } .article_name:hover { color: #1c5c90; } .article_text { padding: 14px 0 19px 0; line-height: 1.3; } .brands_wrap .title_h1 { padding: 64px 0 37px 0; } .brands_container .owl-item{ padding: 15px 12px; } .brands_container{ width: calc(100% + 30px); margin: 0 -15px; } .brands_image { width: 100%; display: inline-block; height: 123px; -moz-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.08); -o-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.08); box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.08); background-color: #ffffff; position: relative; } .brands_image:hover { -moz-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.21); -o-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.21); -webkit-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.21); box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.21); } .brands_image .owl-item img{ width: auto; } .brands_image img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; width: auto; max-width: 150px; max-height: 80px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; transition: all ease-out 0.2s; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); } .brands_image:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: none; -webkit-filter: grayscale(0%); } .akcii_box { padding-bottom: 70px; margin-top: 30px; } .akcii_inner { float: left; width: 28%; margin-right: 6%; } .akcii_inner:last-child { margin-right: 0; } .akcii_image img { width: 100%; height: auto; } .akcii_name { color: #303030; font-family: "Elektra Text Pro"; font-size: 36px; margin: 50px 0 20px 0; position: relative; display: block; } .akcii_name .icon-slide_arrow_r:before { color: #303030; font-size: 16px; padding-left: 11px; } .akcii_name:hover { color: #206094; } .akcii_name:hover .icon-slide_arrow_r:before { color: #206094; } .akcii_text { color: #8f8f8f; line-height: 1.5; } .wopros_wrap { position: relative; overflow: hidden; height: 460px; clear: both; } .top_footer { background-color: #00569A; padding-top: 37px; } .l_top_foot { float: left; width: 66%; } .l_top_foot .white { color: #ffffff; font-size: 14px; line-height: 1.5; padding-top: 5px; } .menu_foot { overflow: hidden; padding-top: 15px; padding-bottom: 21px; } .menu_foot ul { float: left; } .menu_foot .menu_foot1 { width: 19%; } .menu_foot .menu_foot2 { width: 27%; } .menu_foot .menu_foot3 { width: 21%; } .menu_foot .menu_foot4 { width: 33%; } .menu_foot li { margin-bottom: 23px; } .menu_foot a { color: #ffffff; } .menu_foot a:hover { text-decoration: underline; } .r_top_foot { float: right; width: 34%; text-align: right; } .r_top_foot .btn_foot { max-width: 414px; } .r_top_foot .btn--linear { float: left; padding: 13px 0; } .r_top_foot .btn--red { float: right; padding: 14px 0; } .r_top_foot .phone { clear: both; color: #ffffff; font-size: 30px; font-weight: 700; display: block; margin: 40px 0 8px 0; } .r_top_foot span { color: #ffffff; } .r_top_foot .mail { color: #ffffff; text-decoration: underline; } .r_top_foot .mail:hover { text-decoration: none; } .btn--red a{ color: #ffffff; } .pay_system_icons { margin: 57px 0 0 0; } .pay_system_icons img { margin-left: 14px; display: inline-block; vertical-align: bottom; cursor: pointer; } .pay_system_icons span:last-child img { margin-bottom: -3px; } .pay_system_icons span .hover{ display: none; } .pay_system_icons span:hover .nohover { display: none; } .pay_system_icons span:hover .hover { display: inline-block; } .bottom_footer { background-color: #1a2f51; padding: 24px 0; } .copy_box { float: left; padding-top: 5px; } .copy_box a{ color: #ffffff; text-decoration: underline; } .copy_box a:hover{ text-decoration: none; } .copy_box .copy { color: #ffffff; padding-right: 22px; } .copy_box .politic { color: #ffffff; border-left: 2px solid #ffffff; margin-left: 10px; padding-left: 10px; } .soc_sety { float: right; padding-top: 4px; } .soc_sety a{ text-decoration: none; } .soc_sety span { padding-left: 10px; } .icon-vk:before { font-size: 20px; } .icon-vk:hover:before { color: #0861c5; } .icon-faceboock:before { font-size: 20px; } .icon-faceboock:hover:before { color: #1b46ff; } .icon-google:before { font-size: 20px; } .icon-google:hover:before { color: #eaab41; } .icon-twitter:before { font-size: 20px; } .icon-twitter:hover:before { color: #c84df7; } #toTop { width: 50px; height: 70px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/toTop.svg) no-repeat center; position: fixed; right: 50px; bottom: 150px; cursor: pointer; z-index: 9; } #toTop:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/toTop_hov.svg) no-repeat center; } .btn_menu, .all_katal { display: none; } #dswopros-form, #dswoprosformmessagereport { width: 940px; margin: 0 auto; line-height: 1; } #dswoprosformmessagereport{ text-align: center; font-size: 16px; } #dswoprosformmessagereport .post{ font-size: 14px; } #dswoprosformmessagereport .btn{ text-decoration: none; margin: auto; padding: 12px 0; } #dswopros-form .field-2{ float: left; width: 37.5%; margin-right: 17px; } #dswopros-form .field-3{ float: left; width: 37.5%; margin-right: 17px; } #dswopros-form .btn{ padding: 12px 0; float: right; margin: 30px 0 0 0; } #dswopros-form .form-head, #dswoprosformmessagereport .form-head{ color: #ffffff; font-family: "Elektra Text Pro"; font-size: 36px; text-align: center; padding: 50px 0 10px 0; } #dswopros-form .form-head-text{ color: #ffffff; font-size: 16px; text-align: center; margin-bottom: 63px; } #dswopros-form .person_dan{ color: #ffffff; font-size: 14px; text-align: center; clear: both; padding-top: 87px; } .ds-form label{ display: block; color: #ffffff; font-size: 16px; margin-bottom: 13px; } #dswopros-form input[type="submit"]{ border: none; color: #ffffff; background: none; } .ds-form input[type="text"]{ width: 100%; height: 48px; background-color: #ffffff; padding-left: 19px; color: #303030; font-size: 16px; border: none; } #dswoprosformmessagereport .form-head_text{ color: #ffffff; font-size: 16px; text-align: center; line-height: 36px; } #dswoprosformmessagereport .repeatform{ display: block; margin: 35px auto; color: #ffffff; } /*-----------------------*/ /*#dszvonok-form{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/dszvonok.png) no-repeat center top; width: 544px; padding: 30px 68px 30px; } */ /*#dszvonokformmessagereport{ width: 544px; height: 272px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/dszvonok.png) no-repeat center top; padding: 30px 68px 30px; }*/ #dszvonok-form .form-head{ color: #ffffff; font-family: "Elektra Text Pro"; font-size: 33px; font-weight: 400; line-height: 60px; } #dszvonok-form .form-head + p{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 32px; } #dszvonok-form .person_dan{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 20.99px; } #dszvonok-form .person_dan a{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 20.99px; text-decoration: underline; } #dszvonok-form .person_dan a:hover{ text-decoration: none; cursor: pointer; } #dszvonok-form input[name="login"]{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/login_input.svg) no-repeat 18px center; margin-bottom: 20px; padding-left: 54px; } #dszvonok-form input[name="tel"]{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/phone_input.svg) no-repeat 18px center; margin-bottom: 20px; padding-left: 54px; } #dszvonok-form input[type="submit"] { background: none; border: none; display: block !important; text-align: center; margin: 0 auto; height: 100%; } #dszvonok-form .btn{ margin-top: 20px; } #dszvonok-form .error_form{ display: none; } #dszvonokformmessagereport .form-head{ color: #ffffff; font-family: "Elektra Text Pro"; font-size: 33px; font-weight: 400; line-height: 60px; } #dszvonokformmessagereport .text-report > p{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; } #dszvonokformmessagereport .repeatform{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 18px; text-decoration: underline; } #dszvonokformmessagereport .repeatform:hover{ text-decoration: none; } #dswopros-form input::-webkit-input-placeholder, #dszvonok-form input::-webkit-input-placeholder { color: #999999; } #dswopros-form input::-moz-placeholder, #dszvonok-form input::-moz-placeholder { color: #999999; }/* Firefox 19+ */ #dswopros-form input::-moz-placeholder, #dszvonok-form input::-moz-placeholder { color: #999999; }/* Firefox 18- */ #dswopros-form input::-ms-input-placeholder, #dszvonok-form input::-ms-input-placeholder { color: #999999; } /*------------------*/ /* #dszakaz-form{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/dszakaz.png) no-repeat center top; width: 544px; padding: 30px 68px 30px; }*/ /* #dszakazformmessagereport{ width: 544px; height: 272px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/dszakaz.png) no-repeat center top; padding: 30px 68px 30px; }*/ #dszakaz-form .form-head{ color: #ffffff; font-family: "Elektra Text Pro"; font-size: 33px; font-weight: 400; line-height: 60px; } #dszakaz-form .form-head + p{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 32px; } #dszakaz-form .person_dan{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 20.99px; } #dszakaz-form .person_dan a{ color: #ffffff; font-size: 16px; font-weight: 400; line-height: 20.99px; text-decoration: underline; } #dszakaz-form .person_dan a:hover{ text-decoration: none; cursor: pointer; } #dszakaz-form input[name="login"]{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/login_input.svg) no-repeat 18px center; margin-bottom: 20px; padding-left: 54px; } #dszakaz-form input[name="email2"]{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/mail_input.svg) no-repeat 18px center; margin-bottom: 20px; padding-left: 54px; } #dszakaz-form textarea{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/wopros_input.svg) no-repeat 18px 16px; margin-bottom: 20px; padding-left: 54px; height: 101px; border: 2px solid #ffffff; background-color: #ffffff; resize: none; width: 100%; box-sizing: border-box; padding-top: 15px; } #dszakaz-form input[name="tel"]{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/phone_input.svg) no-repeat 18px center; margin-bottom: 20px; padding-left: 54px; } #dszakaz-form input[type="submit"] { background: none; border: none; display: block !important; text-align: center; margin: 0 auto; height: 100%; } #dszakaz-form .btn{ margin-top: 20px; } #dszakaz-form .error_form{ display: none; } #dszakaz-form input::-webkit-input-placeholder, #dszakaz-form textarea::-webkit-input-placeholder { color: #999999; } #dszakaz-form input::-moz-placeholder , #dszakaz-form textarea::-moz-placeholder { color: #999999; }/* Firefox 19+ */ #dszakaz-form input::-ms-input-placeholder , #dszakaz-form textarea::-ms-input-placeholder { color: #999999; } .display-none{ display: none; } .content h2, .content .h2{ font-family: "Elektra Text Pro"; font-size: 20px; line-height: 1.2; margin-bottom: 1.3em; color: #303030; } .content p{ margin-bottom: 1.2em; } .content ul{ margin-bottom: 1.5em; } .content ol{ margin-bottom: 1.5em; } .content p, .content ul, /*.content div,*/ .content, .content ol, .content table{ color: #5e5e5e; font-size: 14px; line-height: 1.5; } .content a{ font-size: 14px; } .content a.all_tovars{ font-size: 16px; } .jqmOverlay{ background: rgba(0,0,0, .4) !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; } .popup { display: none; position: absolute; /* top: 100px; */ min-width: 420px; max-width: 520px; left: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; /* overflow: hidden; */ } .popup { width: 544px; padding: 60px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/dszakaz.png) no-repeat center top; text-align: center; color: #ffffff; font-size: 16px; -webkit-background-size: cover; background-size: cover; } .popup .pop-up-title{ color: #ffffff; font-size: 33px; font-family: "Elektra Text Pro"; margin-bottom: 25px; } .geolocation_frame .city-items .btn { width: 175px; display: inline-block; margin: 30px 5px; } #avtorization-form{ text-align: left; color: #ffffff; margin-top: 30px; } #avtorization-form button{ background: none; } #avtorization-form input[type="text"], #avtorization-form input[type="password"]{ color: #b3b6be; font-size: 16px; border: none; height: 48px; background: #ffffff; width: 100%; padding-left: 20px; display: block; } #avtorization-form .forgot{ color: #ffffff; display: block; margin-top: 20px; } #avtorization-form .r label{ margin-bottom: 5px; display: block; } #avtorization-form .r{ margin-bottom: 20px; } #avtorization-form .btn{ display: inline-block; } #avtorization-form .remember{ margin: 20px 0; } .popup .soc-avt{ text-align: left; } .popup .soc-avt .btn{ border-color: #ffffff; margin: 12px 0; width: 130px; padding: 12px 0; } .popup .soc-avt .btn:hover{ background: none; } .popup .soc-avt .btn:before, .popup .soc-avt .btn:after, .popup .soc-avt .ui-border-element:before, .popup .soc-avt .ui-border-element:after{ border-color: #ffffff; } .enter_frame a{ color: #ffffff; } .breadcrumbs span{ color: #6f6f6f; font-size: 13px; } .breadcrumbs a{ text-decoration: underline; color: #6f6f6f; } .breadcrumbs a:hover{ text-decoration: none; } .breadcrumbs .drop{ position: relative; } .breadcrumbs .dropdown_wrapp a{ text-decoration: none; } .breadcrumbs .separator{ margin: 0 10px; position: relative; top: -1px; } .breadcrumbs .dropdown_wrapp{ display: none; position: absolute; left: 0; z-index: 5; } .breadcrumbs .dropdown { border-top: 2px solid #00569A; background: #f5f5f6; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); padding: 10px; } .breadcrumbs .dropdown a{ color: #6f6f6f; font-size: 13px; display: block; } .left_block{ float: left; width: 24%; } .content li{ margin-bottom: 7px; } .right_block{ float: left; width: 76%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 102px; } .content__container{ padding-bottom: 40px; padding-top: 25px; } .left_menu a{ font-size: 18px; font-family: 'Elektra Text Pro'; color: #303030; display: block; line-height: 25px; background: url(/images/arrow_w.svg) no-repeat right center; text-decoration: none; padding-right: 35px; margin-bottom: 25px; } .left_menu a:hover{ color: #2a4b82; background: url(/images/arrow_b.svg) no-repeat right center; text-decoration: none; } .left_menu .current a{ color: #2a4b82; background: url(/images/arrow_b.svg) no-repeat right center; } .left_menu > li{ margin-bottom: 14px; } .left_menu > li:last-of-type{ margin-bottom: 0; } ul.left_menu{ margin-bottom: 40px; } .inner__page__header{ margin-top: 0; line-height: 1.2; margin-bottom: 25px; padding-top: 0; padding-bottom: 0; } .breadcrumbs{ margin-bottom: 25px; } .delivery__top{ border-bottom: 7px solid #f1f4ff; padding-bottom: 20px; margin-bottom: 1.5em; } .delivery__top__documents__item{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 50%; } .delivery__top__documents__item__link{ text-decoration: underline; color: #ff0013; padding-left: 40px; padding-top: 10px; padding-bottom: 10px; display: inline-block; background: url(/images/document_r.svg) no-repeat left center; padding-right: 15px; } .delivery__top__documents__item__link__case{ background-image: url(/images/case.svg); padding-left: 50px; } .delivery__top__documents__item:hover{ text-decoration: none; } .delivery__top__documents{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .content table{ width: 100%; margin-bottom: 1.5em; } .content thead{ background-color: #2a4b82; } .content thead td{ color: #ffffff; vertical-align: middle; text-align: center; } .item-shell thead td{ color: #000000; } .table__head__top td{ background-color: #2a4b82; } .table__head__bottom td{ background-color: #335c9f; color: #ffffff; } .content td, .content th{ vertical-align: middle; padding-left: 8px; padding-right: 8px; height: 44px; padding-top: 4px; padding-bottom: 4px; line-height: 1.2; } .delivery__table tbody tr td:first-of-type{ text-align: left; max-width: 180px; } .content tbody tr:nth-of-type(2n) td{ background-color: #f1f4ff; } .delivery__table td{ text-align: center; } .custom__bold{ color: #2a4b82; font-weight: 700; } .list__bullets{ padding-left: 0; } .list__bullets li{ position: relative; padding-left: 30px; margin-bottom: 7px; } .list__bullets li:before{ content:"•"; color: #2a4b82; width: 3px; height: 3px; border-radius: 50%; left: 20px; position: absolute; display: block; top: -1px; } .border__block{ border-bottom: 7px solid #f1f4ff; padding-bottom: 25px; margin-bottom: 2em; } .border__block > :last-child{ margin-bottom: 0; } .list__hands{ } .list__hands li{ padding-left: 49px; position: relative; margin-bottom: 30px; } .list__hands > :last-child{ margin-bottom: 20px; } .list__hands li:before{ content: ""; width: 30px; height: 26px; position: absolute; left: 0; top: -4px; background: url(/images/list_hands.svg) no-repeat left center; } .payment__methods__item__image{ width: 88px; display: inline-block; vertical-align: middle; height: 52px; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.07); -o-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.07); } .payment__methods__item__text{ display: inline-block; vertical-align: middle; margin-left: 22px; } .payment__methods__item__image__mir{ background: #ffffff url(/images/mir.svg) no-repeat center center; } .payment__methods__item__image__visa{ background: #ffffff url(/images/visa.svg) no-repeat center center; } .payment__methods__item__image__mastercard{ background: #ffffff url(/images/mastercard.svg) no-repeat center center; } .payment__methods__item{ margin-bottom: 11px; } .content ol{ list-style: decimal; } .content ol{ padding-left: 20px; } ol.payment__description__list{ list-style: none; padding-left: 0; counter-reset: payment; } .payment__description__list li{ padding-left: 54px; position: relative; margin-bottom: 30px; } .payment__description__list li:before{ counter-increment: payment; content: counter(payment); font-size: 48px; font-family: "Elektra Text Pro"; font-weight: 700; color: #2a4b82; position: absolute; left: 0; top: 0; line-height: 1; } .content img, .content iframe{ max-width: 100%; } .table__wrap{ width: 100%; overflow: auto; } .table__wrap table{ width: 100%; } .delivery__table__rebuild.delivery__table tbody tr td:first-of-type{ text-align: center; } .content .delivery__table.delivery__table__rebuild .table__head__bottom td{ background-color: #335c9f; } .content .delivery__table.delivery__table__rebuild .table__head__top td{ background-color: #2a4b82; color: #fff; } .content .delivery__table.delivery__table__rebuild tr:not([class]) td{ background-color: #f1f4ff; } .content .delivery__table.delivery__table__rebuild .table__delivery__city td{ background: #fff; } .left__menu__toggle{ display: none; } a.readmore__button{ color: #2a4b82; text-decoration: underline; } a.readmore__button:hover{ text-decoration: none; } .readmore__button__list__hands{ display: block; padding-left: 49px; } .rss_feed_icon{ display: none; } .news .item{ box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); background-color: #ffffff; margin-bottom: 16px; padding: 24px 28px; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .news .item .left-data{ text-align: center; } .news .item .left-data .news__list__image__wrap{ display: block; width: 141px; height: 100%; overflow: hidden; position: relative; } .news .item .right-data{ flex-grow: 1; padding-left: 44px; padding-bottom: 33px; position: relative; } .news .item .item-title a{ font-size: 20px; text-decoration: underline; color: #2a4b82; font-family: "Elektra Text Pro"; } .news .item .item-title a:hover{ text-decoration: none; } .news .item .item-title{ margin-bottom: 15px; line-height: 1.3; } .news .item .date_small{ color: #8f8f8f; } .pagination-separator{ display: none; } .news{ margin-top: 30px; } .module-pagination{ margin-top: 25px; } .module-pagination .nums{ line-height: 1; } .module-pagination .nums a{ font-size: 18px; color: #303030; text-decoration: none; margin-right: 15px; } .module-pagination .nums a:hover{ text-decoration: underline; } .module-pagination .nums a.cur{ color: #db0113; text-decoration: underline; } .module-pagination .nums a.cur:hover{ text-decoration: none; } .module-pagination .prev{ width: 21px; height: 14px; background: url(/images/pag_arl.svg); margin-right: 15px; } .module-pagination .next{ width: 21px; height: 14px; background: url(/images/pag_arr.svg); } .module-pagination .disabled{ opacity: .5; } .module-pagination .prev, .module-pagination .nums, .module-pagination .next{ display: inline-block; vertical-align: middle; } .news__list__image__wrap{ position: relative; } .news__list__image__wrap img{ position: absolute; /* top:50%;*/ left:50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); max-height: 100%; max-width: 200%; } .news__list__date{ position: absolute; bottom: 0; left: 44px; } .news__list__readmore{ display: none; } .vacancy__descriptions ul li:before{ content:"• "; color: #db0113; } .vacancy__descriptions span.strong{ display: block; margin-bottom: 20px; } .vacancy__descriptions span.strong + br{ display: none; } .vacancy__name{ font-family: "Elektra Text Pro"; color: #2a4b82; font-size: 18px; } .vacancy__name__wrap{ position: relative; padding-left: 48px; cursor: pointer; } .vacancy__name__wrap:before{ content: "+"; width: 16px; height: 16px; font-size: 16px; line-height: 16px; background-color: #2a4b82; text-align: center; position: absolute; left: 0; top: 4px; color: #fff; } .vacancy__description__wrap{ padding-top: 20px; padding-left: 48px; display: none; } .vacancy__item { margin-bottom: 25px; } .vacancy__item.button{ margin-left: -48px; } .vacancy__item .btn{ display: inline-block; vertical-align: middle; margin-right: 15px; font-size: 16px; line-height: 1; width: 210px; } .vacances__phones-title{ font-weight: 700; margin-bottom: 15px; } a.vacancy__mail{ color: #2a4b82; text-decoration: none; } a.vacancy__mail:hover{ text-decoration: underline; } .vacancy__bottom__file__wrap a{ padding-left: 46px; position: relative; text-decoration: none; } .vacancy__bottom__file__wrap a:hover{ text-decoration: underline; } .vacancy__bottom__file__wrap{ margin-top: 25px; } .vacancy__bottom__file__wrap a:before{ content: ""; width: 27px; height: 24px; left: -6px; background:url(/images/download.svg) center center no-repeat; position: absolute; display: block; } .vacances__phones a{ text-decoration: none; } .vacances__phones a:hover{ text-decoration: underline; } .vacancy__item.opened .vacancy__name{ color: #db0113; } .vacancy__item.opened .vacancy__name__wrap:before{ content: "-"; background: #db0113; line-height: 14px; } .vacancy__descriptions ul{ padding-left: 20px; } .services__list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .services__list__item{ width: 32%; margin-right: 2%; position: relative; margin-bottom: 22px; overflow: hidden; } .services__list__item__info{ background: rgba(0,73,133,0.9); background: url(/images/services_overlay.png); background-size: cover; padding: 17px 20px 20px 23px; } .services__list__item :hover .services__list__item__title__inner{ text-decoration: none; } .services__list__item .services__list__item__info *{ color: #ffffff; } .services__list > .services__list__item:nth-of-type(3n){ margin-right: 0; } a.services__list__item__link{ text-decoration: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; padding-top: 184px; } a.services__list__item__link:hover{ text-decoration: none; } .services__list__item__image__wrap{ width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .services__list__item .services__list__item__title__inner { text-decoration: underline; } .services__list__item .services__list__item__title{ font-size: 20px; font-family: "Elektra Text Pro"; text-transform: uppercase; margin-bottom: 15px; min-height: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .services__list__item:hover .services__list__item__title{ text-decoration: none; } .services__list__item__description{ max-height: 63px; overflow: hidden; } .services__list__item__image__wrap img{ width: 100%; } .readmore__button__services{ display: block; text-align: center; width: 100%; margin-top: 15px; } .readmore__button__services a{ font-size: 16px; font-family: "Elektra Text Pro"; } .action__list__item{ box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); background-color: #ffffff; margin-bottom: 13px; position: relative; padding: 25px; } .action__list__image__inner__wrap{ width: 141px; height: 100%; min-height: 150px; display: block; overflow: hidden; position: relative; } .action__list__image__inner__wrap img { position: absolute; /* top: 50%; */ left: 50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); max-height: 100%; max-width: 200%; } .action__list__item__left{ display: inline-block; vertical-align: middle; width: 12%; } .action__list__item__right{ padding-left: 60px; width: 87%; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .action__list__item__title a{ font-size: 20px; font-family: "Elektra Text Pro"; color: #ff424d; text-decoration: none; line-height: 1.2; } .action__list__item__title{ margin-bottom: 10px; } .action__list__item .action__list__item__date{ color: #8f8f8f; margin-bottom: 20px; } .action__list__item__title a:hover{ text-decoration: underline; } .action__list{ margin-top: 25px; } .article__list__item{ background-color: #ffffff; box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); width: 32%; margin-right: 2%; margin-bottom: 16px; padding: 20px; padding-bottom: 70px; position: relative; } .article__list__item__readmore a{ font-size: 16px; } .article__list__item__readmore a:hover{ text-decoration: none; } .article__list__item .article__list__item__description{ font-size: 16px; color: #303030; line-height: 1.2; } .article__list__item__readmore{ position: absolute; left: 19px; bottom: 27px; } .article__list > .article__list__item:nth-of-type(3n){ margin-right: 0; } .article__list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; } .article__list__item__date__title a{ font-size: 20px; color: #303030; font-family: 'Elektra Text Pro'; text-decoration: underline; line-height: 1.2; } .article__list__item__date__title a:hover{ text-decoration: none; } .article__list__item__date__title{ margin-bottom: 18px; } .article__list__item .article__list__item__date{ font-size: 16px; color: #8f8f8f; margin-bottom: 13px; } .article__list__image__wrap{ margin-bottom: 13px; } .article__list__image__inner__wrap{ height: 115px; position: relative; width: 100%; display: block; } .article__list__image__inner__wrap img{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); max-height: 100%; } .store_description{ border: 1px solid #cfd2dd; padding: 27px; margin-bottom: 30px; padding-bottom: 10px; } .store_map .bx-yandex-map > ymaps{ width: 100% !important; } .store__description__left{ width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; } .store__description__right{ width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; } .store__prop{ margin-bottom: 25px; padding-left: 36px; } .store__description__phones{ background:url(/images/stp.svg) 0px 2px no-repeat; } .store__prop.store__description__phones .store{ font-size: 16px; } .store__description__mails{ background:url(/images/stm.svg) 0px 5px no-repeat; } .store__description__location{ background:url(/images/stl.svg) 0px 0px no-repeat; } .store__description__phones__additional{ background:url(/images/stp.svg) 0px 2px no-repeat; } .store__description__worktime{ background:url(/images/stw.svg) 0px 2px no-repeat; } .store__prop__title{ font-weight: 700; margin-bottom: 4px; } .store__description__mails a{ color: #2a4b82; text-decoration: none; } .store__description__mails a:hover{ color: #ff0013; } .store__description__mails a{ font-size: 16px; } .sort_to_compare{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: center; align-items: center; margin-bottom: 34px; } .sort_to_compare .sort_to_compare__title{ font-size: 16px; } .sort_to_compare__buttons .btn{ display: inline-block; vertical-align: middle; font-size: 16px; margin-left: 12px; width: 210px; line-height: 1; } .differences_table table{ border-collapse: collapse; width: 100%; } .differences_table{ overflow: auto; } .differences_table td{ border:1px solid #eeeeee; } .content .differences_table tbody tr td{ background: none; padding: 15px; height: 60px; text-align: center; } .compare__item__remove{ width: 40px; height: 40px; position: absolute; top: -20px; right: -20px; border: 1px solid #c9ccd5; border-radius: 50%; background: #fff url(/images/comp__close.svg) center center no-repeat; } .compare__item__image{ position: relative; border: 1px solid #c9ccd5; margin-left: auto; margin-right: auto; max-width: 271px; } .content .differences_table tbody tr td.compare__item__main__info{ padding: 30px; } .content .differences_table tbody tr td.compare__item__tocart{ padding-top: 25px; padding-bottom: 25px; } .compare__item__title a{ font-family: "Elektra Text Pro"; color: #2a4b82; font-size: 18px; text-decoration: none; } .compare__prop__title{ font-weight: 700; } .compare__item__title a:hover{ color: #ff0013; } .content .differences_table tbody tr td:first-of-type{ min-width: 194px; text-align: left; } .compare__item__image .thumb_cat{ display: block; width: 100%; height: 100%; } .compare__item__image .thumb_cat img{ max-height: 180px; } .compare__item__tocart .btn{ margin-left: auto; margin-right: auto; } .compare__item__cost .price{ } .compare__item__cost .price{ margin-top: 15px; } .content .compare__table__sliced{ margin-bottom: 8px; } .close__form { display: block; position: absolute; top: 10px; right: 10px; border-width: 0; cursor: pointer; background: url(/images/x.svg) no-repeat center; text-align: center; width: 16px; height: 16px; color: #fff; z-index: 9; } .resume_frame .pop-up-title{ text-align: left; margin-bottom: 15px; } .resume_frame{ padding: 45px 67px; } .popup input[type="text"], .popup input[type="email"], .popup textarea{ border: 2px solid #ffffff; background-color: #ffffff; display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; line-height: 1.2; padding: 13px 15px 13px 54px; color: #666; } .popup textarea{ height: 101px; resize: none; } .form__field{ margin-bottom: 20px; } .form__privacy{ margin-bottom: 25px; margin-top: 20px; text-align: left; line-height: 1.2; } .inherit, a.inherit{ color: inherit; font-weight: inherit; font-size: inherit; } .form__privacy a{ text-decoration: underline; } .form__privacy a:hover{ text-decoration: none; } .field__mail{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/mail_input.svg) no-repeat 18px center; } .field__person{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/login_input.svg) no-repeat 18px center; } .field__message, .resume_frame textarea{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/wopros_input.svg) no-repeat 18px 16px; } .field__phone{ background: #ffffff url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/phone_input.svg) no-repeat 18px center; } .form__label{ display: block; margin-bottom: 7px; text-align: left; } .resume_frame{ width: 544px; margin-left: -272px !important; min-width: 0; } .justify_box{ text-align: justify; } .justify_box:after { width: 100%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .question-list { font-family: 'Elektra Text Pro'; padding-top: 7px; } .question-list .name{ background-color: #f3f5ff; color: #303030; font-size: 24px; padding: 9px 19px 3px; margin-bottom: 23px; } .question-list .section-list{ margin-bottom: 50px; } .question-list .section-list:last-child{ margin-bottom: 0; } .question-list .item{ /*padding: 20px 0 20px 20px;*/ margin-bottom: 9px; padding-left: 49px; } .question-list .q{ color: #2a4b82; font-size: 18px; cursor: pointer; } .question-list .q.op{ color: #ff0013; } .question-list .q span:before{ content: ''; position: relative; width: 16px; height: 16px; background: url(/bitrix/templates/aspro_kshop_copy/img/plus-btn.svg) left center no-repeat; display: inline-block; vertical-align: middle; left: -30px; top: 4px; position: absolute; } .question-list .q.op span:before{ background: url(/bitrix/templates/aspro_kshop_copy/img/plus-btn-act.svg) left center no-repeat; } .question-list .q span{ display: inline-block; vertical-align: middle; position: relative; padding-left: 15px; line-height: 25px; } .question-list .ans{ display: none; padding: 14px 0px 9px 17px; font-family: 'Arial'; } .question-list .ans div[itemprop="text"]{ line-height: 22px; } ul.brands_list{ margin-top: 40px; margin-bottom: 0; } .brands_list li{ width: 24%; height: 134px; display: inline-block; vertical-align: middle; -moz-box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.06); box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.06); background-color: #ffffff; text-align: center; position: relative; margin-bottom: 9px; cursor: pointer; } .brands_list li a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .brands_list li:hover{ -moz-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.21); -o-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.21); -webkit-box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.21); box-shadow: 2px 5px 24px rgba(0, 0, 0, 0.21); } .brands_list li:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .brands_list li img{ display: inline-block; vertical-align: middle; max-width: 96%; } .double .store_description{ width: 49%; display: inline-block; vertical-align: top; } .double .store__description__left, .double .store__description__right{ float: none; width: 100%; padding: 0; } .contact_map{ display: none; max-height: 329px; overflow: hidden; } .contact_map:first-child{ display: block; } .contact_store_item{ display: none; } .contact_store_item:first-child{ display: block; } .contact_store .store_description{ margin-bottom: 5px; text-align: left; } .contact_store .store__description__mails a{ font-size: 14px; } .feedback-block{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/feedback.jpg) no-repeat center top; color: #ffffff; padding: 50px; margin-top: 28px; -webkit-background-size: cover; background-size: cover; } .feedback-block label{ color: #ffffff; font-size: 16px; margin-bottom: 8px; display: inline-block; } .feedback-block p, .feedback-block .police, .feedback-block .form-required{ color: #ffffff; } .feedback-block .field { margin-bottom: 27px; } .feedback-block .form-head{ font-family: "Elektra Text Pro"; color: #ffffff; font-size: 36px; margin-bottom: 25px; } .feedback-block input[type="text"] { width: 100%; height: 48px; background-color: #ffffff; padding-left: 19px; color: #5e5e5e; font-size: 16px; border: none; display: block; } .feedback-block textarea { height: 155px; width: 100%; resize: none; background-color: #ffffff; border: none; color: #5e5e5e; padding-left: 19px; } .feedback-block .form-left{ float: left; width: 49%; } .feedback-block .form-right{ float: right; width: 48%; } .feedback-block .form-error-fld{ display: none; } .feedback-block input[type="submit"]{ display: none; } .feedback-block .form-right .btn { float: right; color: #ffffff; font-size: 16px; width: 185px; padding: 11px 0; } .feedback-block .place { display: none; } .error input[type="text"], .error textarea { border: 1px solid #bd1313; } .feedback-block input::-webkit-input-placeholder, .feedback-block textarea::-webkit-input-placeholder { color: #b3b6be; } .feedback-block input:-ms-input-placeholder, .feedback-block textarea:-ms-input-placeholder { color: #b3b6be; } .feedback-block input::-ms-input-placeholder, .feedback-block textarea::-ms-input-placeholder { color: #b3b6be; } .feedback-block input::placeholder, .feedback-block textarea::placeholder { color: #b3b6be; } .authorization-cols .col{ width: 49%; display: inline-block; vertical-align: top; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; } .authorization-cols .auth-title{ font-family: "Elektra Text Pro"; font-size: 24px; margin-bottom: 30px; padding: 0 30px; } .authorization-cols .form_wrapp{ padding: 0 30px; } .register_form, .authorization-cols .authorization{ color: #303030; padding: 23px 0px 15px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/authorization.png) no-repeat center top; -webkit-background-size: cover; background-size: cover; } .register_form{ padding: 23px 20px 15px; } .authorization-cols .registration{ color: #ffffff; background-color: #2a4b82; font-size: 14px; padding: 23px 0px 15px; } .authorization-cols .registration p, .authorization-cols .registration a{ color: #ffffff; } .authorization-cols .registration .form_wrapp{ padding-top: 29px; } .authorization-cols .registration .min{ margin-top: 45px; margin-bottom: 38px; } .authorization-cols .registration .btn{ width: 210px; padding: 11px 0; font-size: 16px; } .form-block label{ display: block; margin-bottom: 7px; } .form-block label.error{ display: none; } .form-block input, .form-block input[type="text"], .form-block input[type="password"]{ height: 48px; width: 100%; padding: 10px; border: 1px solid #cfd2dd; background-color: #ffffff; } .form-block input[type="text"].error, .form-block input[type="password"].error{ border: 1px solid #ff0013; } #avtorization-form-page .btn { display: inline-block; width: 164px; padding: 12px 0; } .register_form .btn{ margin-bottom: 20px; padding: 12px 0; } #avtorization-form-page .remember{ float: right; margin-top: 13px; font-size: 14px; } #avtorization-form-page .forgot{ display: block; color: #2a4b82; font-size: 14px; margin-top: 22px; } #avtorization-form-page .remember label{ display: inline-block; vertical-align: middle; color: #303030; } #registraion-page-form #f-sbs, #avtorization-form-page #remuser{ display: none; } .input_box{ width: 19px; height: 19px; border: 1px solid #cfd2dd; background-color: #ffffff; display: inline-block; vertical-align: middle; position: relative; margin-right: 10px; } input:checked + .input_box{ border: 1px solid #d2d2d2; background: #2a4b82; } input:checked + .input_box:before{ content: ''; position: absolute; width: 11px; height: 11px; border: 3px solid #ffffff; left: 0; right: 0; } .register_form .r, .register_form .r_full{ margin-bottom: 25px; } .form-block .r, .form-block .l{ font-size: 16px; width: 48.5%; display: inline-block; vertical-align: top; } .module-form-block-wr .form-block .r, .module-form-block-wr .form-block .l{ width: 49.5%; } .index_slider_inner:before{ content: ''; background: #aa1c1d; z-index: 0; width: 61%; right: 0; top: 0; height: 100%; position: absolute; } #bx_411771099_246643:before {display: none;} #bx_411771099_246643 .container {display: none;} #bx_411771099_246643 {background-position: center !important; background-size: cover !important;} .form-block .l{ float: right; } .form-block .r label.error{ display: none !important; } .module-authorization{ margin-top: 38px; } .module-authorization .soc-avt, .module-authorization .reg-new{ text-align: left; } .module-authorization .soc-avt{ font-size: 14px; color: #5e5e5e; border-top: 1px solid #cfd2dd; margin-top: 23px; padding: 14px 30px; } .module-authorization .soc-avt .soc-avt-name{ display: inline-block; vertical-align: middle; margin-top: 12px; } .module-authorization .soc-avt .soc-avt-btn{ float: right; position: relative; } .module-authorization .soc-avt .soc-avt-btn .btn{ font-family: "ArialBold"; font-size: 16px; text-transform: uppercase; width: 164px; padding: 11px 0; } .module-authorization .bx_auth_services{ right: 0; position: absolute; } .module-authorization #bx_auth_servform{ background: #2a4b82; padding: 20px 10px; width: 400px; color: #ffffff; } .module-authorization #bx_auth_servform input[type="text"]{ width: 200px; display: inline-block; color: #303030; } .module-authorization #bx_auth_servform input[type="submit"]{ border: 1px solid #ffffff; padding: 5px 15px; text-align: center; text-decoration: none; cursor: pointer; position: relative; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: none; margin-left: 15px; } .module-authorization #bx_auth_servform label.error{ left: 10px; position: absolute; bottom: 0; color: #ff0013; } .sections_list > section{ width: 32%; margin-bottom: 15px; height: 153px; } .sections_list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; position: relative; padding-bottom: 35px; margin-bottom: 30px; } .sections_list:after{ width: 32%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } /*.sections_list > .item_wrap.hide_element{ display: none; }*/ .sections_list > .item_wrap{ display: inline-block; width: 32%; position: relative; vertical-align: top; margin-bottom: 15px; } .sections_list .item_wrap > .item{ box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 17px 1px rgba(0, 0, 0, 0.06); background-color: #ffffff; text-align: center; height: 100%; position: relative; padding-bottom: 25px; box-sizing: border-box; } .sections_list .item_wrap.open > .item{ box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); } .sections_list > .item_wrap.open > .item, .sections_list > .item_wrap.open .section-info-list { z-index: 22; height: auto; } .sections_list > .item_wrap.open .section-info-list{ padding: 25px 10px 0; } .sections_list > .item_wrap.open .section-info-list .sub_item { z-index: 5; display: block; } .sections_list > .item_wrap.open .section-info-list:before{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sections_list .item .item-title a, .sections_list .item .item-title{ color: #195b91; font-family: "Elektra Text Pro"; font-size: 20px; line-height: 23px; text-decoration: none; padding: 0 5px; } .sections_list .item .item-title{ padding-bottom: 15px; } .sections_list .item .section-info-list a{ text-decoration: underline; font-size: 14px; line-height: 22px; color: #195b91; } .sections_list .item .section-info-list a:hover{ color: #ff0013; } .sections_list .item .image-data { height: 190px; margin-bottom: 18px; } .sections_list .item .image-data img{ display: inline-block; vertical-align: middle; } .sections_list .item .image-data:after { vertical-align: middle; content: ''; display: inline-block; height: 100%; } .sections_list .section-info-list{ width: 100%; position: relative; top: -10px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sections_list .section-info-list:before{ content: ''; position: absolute; width: 100%; height: 20px; left: 0; right: 0; top: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/section-info.svg) no-repeat center; } .sections_list .section-info-list .sub_item{ display: none; padding-bottom: 3px; } .show_more_wrap{ width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; } .show_more.readmore__button{ /*display: none;*/ text-align: center; color: #ff0013; text-decoration: underline; font-size: 14px; cursor: pointer; margin-top: 15px; } .show_more:hover{ text-decoration: none; } .adaptive_filter{ display: none; } .catalog_block{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .catalog_block:after{ width: 32%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; } .catalog_block .catalog_item_wrapp{ display: inline-block; vertical-align: top; width: 32%; box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); background-color: #ffffff; text-align: center; color: #303030; font-size: 16px; margin-bottom: 15px; padding: 15px; position: relative; padding-bottom: 70px; } .catalog_block .catalog_item_wrapp:hover{ box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); } .catalog_block .catalog_item_wrapp a{ text-decoration: none; } .catalog_block .catalog_item_wrapp .image{ height: 180px; } .catalog_block .catalog_item_wrapp .image:after{ vertical-align: middle; content: ''; display: inline-block; height: 100%; } .catalog_block .catalog_item_wrapp .image img { display: inline-block; max-height: 100%; vertical-align: middle; } .catalog_block .item_info{ text-align: left; } .catalog_block .item-title{ margin-bottom: 5px; } .catalog_block .item-title a{ color: #303030; font-size: 16px; text-decoration: none; } .availability-row{ text-align: left; color: #47a700; font-size: 13px; margin-bottom: 4px; } .availability-row .no_products + span{ color: #ff0013; } .catalog_block .cost{ display: inline-block; vertical-align: middle; width: 65%; } .list_item_wrapp .price, .catalog_block .cost .price{ font-family: "Elektra Text Pro"; font-size: 22px; padding-top: 5px; color: #ff0013; } .catalog_block .like_icons{ display: inline-block; vertical-align: middle; width: 33%; text-align: right; } .catalog_block .basket_button { margin: auto; font-size: 16px; padding: 12px 0; position: absolute; bottom: 20px; left: 15px; right: 15px; width: auto; text-align: center; } .catalog_block .counter_block{ text-align: center; color: #707070; font-size: 18px; margin-top: 23px; margin-bottom: 20px; } .counter_block .minus{ width: 44px; height: 38px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/minus.svg) no-repeat center; display: inline-block; vertical-align: middle; cursor: pointer; } .counter_block .plus{ width: 44px; height: 38px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/plus.svg) no-repeat center; display: inline-block; vertical-align: middle; cursor: pointer; } .counter_block input{ display: inline-block; vertical-align: middle; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center; width: 73px; font-family: 'ArialBold'; padding: 9px; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; } .price-data{ margin-bottom: 32px; } .price-data .basket_button{ background: #ff0013 url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/price.svg) no-repeat 50px center; width: 288px; padding: 12px 0 12px 30px; margin-bottom: 20px; font-size: 16px; } .sort_header{ margin-top: 9px; padding: 5px 0; border-bottom: 1px solid #e1e1e2; margin-bottom: 15px; } .sort_filter{ color: #303030; display: inline-block; } .sort_filter a{ color: #205f93; text-decoration: none; margin-left: 5px; } .sort_filter a .arr{ width: 10px; height: 10px; display: inline-block; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/arr.svg) no-repeat center; margin: 0 6px; } .sort_filter a.current.desc .arr{ transform: rotate(180deg); } .sort_display{ float: right; display: inline-block; } .sort_display .sort_btn{ width: 28px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 7px; } .sort_btn.block{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/sort-block.svg) no-repeat center; width: 18px; } .sort_btn.list{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/sort-list.svg) no-repeat center; } .sort_btn.table{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/sort-table.svg) no-repeat center; } .sort_btn.current.block{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/sort-block-h.svg) no-repeat center; } .sort_btn.current.list{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/sort-list-h.svg) no-repeat center; } .sort_btn.current.table{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/sort-table-h.svg) no-repeat center; } .wish_item{ display: inline-block; vertical-align: middle; width: 24px; height: 20px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/wish.svg) no-repeat center; } .wish_item:hover, .wish_item.added{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/heart-hov.svg) no-repeat center; } .compare_item{ display: inline-block; vertical-align: middle; width: 26px; height: 26px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/compare.svg) no-repeat center; margin-left: 10px; } .compare_item.added, .compare_item:hover{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/grafik-hov.svg) no-repeat center; } .bottom_nav .module-pagination{ display: inline-block; vertical-align: middle; margin-top: 0; } .bottom_nav .show_number{ display: inline-block; vertical-align: middle; float: right; } .bottom_nav .show_number a{ margin-left: 7px; } .bottom_nav{ margin-bottom: 35px; } .main_description_botom ul li { list-style: none; padding-left: 15px; margin-bottom: 0px; } .main_description_botom ul li:before{ color: #2a4b82; content: "•"; padding-right: 9px; margin-left: -14px; font-size: 21px; display: inline-block; vertical-align: middle; line-height: 1; } .catalog_vid{ margin-bottom: 16px; } .catalog_vid h2{ font-size: 24px; margin-top: 21px; } .catalog_vid .image{ display: inline-block; vertical-align: middle; width: 25%; margin-bottom: 8px; } .catalog_vid .text{ display: inline-block; vertical-align: middle; width: 74%; margin-bottom: 2px; } .catalog_vid .text .name{ color: #2a4b82; font-family: "Elektra Text Pro"; font-size: 18px; } .baner-left .banner_item{ -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; width: 288px; height: 356px; text-align: center; color: #ffffff; position: relative; background-position: center; } .baner-left .banner_item .title{ text-shadow: -1px 3px 8px rgba(0, 0, 0, 0.3); color: #ffffff; font-family: "Elektra Text Pro"; font-size: 35px; font-weight: 700; line-height: 37.45px; text-transform: uppercase; padding-top: 36px; } .baner-left .banner_item .sub_title{ font-size: 27px; margin-bottom: 29px; } .baner-left .banner_item .btn{ margin: auto; width: 228px; font-size: 16px; padding: 13px 0; } .baner-left .banner_item .banner_item_href{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .baner-left .banner_item .info{ position: absolute; bottom: 23px; left: 0; right: 0; } .show_hide_text{ color: #2a4b82; line-height: 22px; text-decoration: underline; display: none; } .list_item_wrapp{ box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); background-color: #ffffff; padding: 17px 23px 30px 10px; margin-bottom: 10px; } .list_item_wrapp .image{ display: inline-block; vertical-align: middle; width: 31%; text-align: center; } .list_item_wrapp img{ width: auto; max-height: 153px; margin: auto; } .list_item_wrapp .description_wrapp{ display: inline-block; vertical-align: middle; width: 29%; } .list_item_wrapp .btn_wrapp{ display: inline-block; vertical-align: middle; float: right; width: auto; text-align: center; margin-top: 14px; } .list_item_wrapp .button_block{ margin-top: 40px; } .list_item_wrapp .btn_wrapp .basket_button{ width: 210px; font-size: 16px; padding: 12px 0; } .list_item_wrapp .desc_name a{ color: #303030; font-size: 16px; text-decoration: none; } .list_item_wrapp .available_block{ color: #47a700; font-size: 13px; margin-top: 7px; } .list_item_wrapp .price_block{ padding-top: 23px; width: 60%; display: inline-block; vertical-align: middle; } .list_item_wrapp .likes_icons{ padding-top: 23px; width: 35%; display: inline-block; vertical-align: middle; text-align: right; } .extra_properties{ display: none; } .module_products_list .item-name-cell a{ color: #303030; font-size: 16px; text-decoration: none; } .module_products_list .availability-row, .module_products_list .price-cell{ white-space: nowrap; text-align: center; } .module_products_list .counter_block{ margin-bottom: 20px; } .module_products_list .but-cell{ text-align: center; } .module_products_list .price-cell .price{ padding-bottom: 15px; } .catalog .left__menu__toggle{ display: block; background-color: #eff0f0; color: #303030; font-family: "Elektra Text Pro"; font-size: 18px; padding: 7px 14px; } .bx_filter_block input[type=checkbox]{ display: none; } .bx_filter_vertical{ font-size: 18px; color: #303030; font-family: "Elektra Text Pro"; margin-bottom: 30px; } .bx_filter_container input[type="text"] { border: 1px solid #d2d2d2; color: #b9b9b9; margin-left: 7px; padding: 4px 17px; } .bx_filter_vertical .bx_filter_block{ display: none; } .bx_filter_vertical .bx_filter_block.active { display: block; } .bx_filter_block .select{ margin-bottom: 8px; } .bx_filter_container_title{ background: transparent url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/arrfilter.svg) right center no-repeat; color: #2a4b82; margin-bottom: 9px; position: relative; } .active .bx_filter_container_title{ background: transparent url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/arrfilter-a.svg) right center no-repeat; } .price .bx_filter_container_title{ margin-bottom: 20px; } .bx_filter_container .price_left{ display: inline-block; width: 51%; } .bx_filter_container .price_right{ display: inline-block; float: right; width: 48%; } .bx_filter_container { margin-bottom: 23px; } .smartfilter .bx_ui_slider_track { height: 7px; margin-top: 28px; position: relative; zoom: 1; background: #eff0f0; width: 100%; padding: 0 2px; margin-bottom: 20px; } .smartfilter .bx_ui_slider_track:before, .smartfilter .bx_ui_slider_track:after { content: ''; position: absolute; width: 16px; height: 16px; background-color: #eff0f0; border-radius: 100%; top: 50%; transform: translateY(-50%); } .smartfilter .bx_ui_slider_track:before{ left: 0; } .smartfilter .bx_ui_slider_track:after{ right: 0; } .bx_filter_control_section{ padding-top: 6px; } .smartfilter .bx_ui_slider_track .bx_ui_slider_range { height: 7px; position: relative; background: #ff0013;padding: 0 3px; } .smartfilter .bx_ui_slider_track .bx_ui_slider_handle { top: -4px; width: 16px; height: 16px; display: inline-block; cursor: pointer; position: absolute; background: #ff0013; border-radius: 100%; top: 50%; transform: translateY(-50%); z-index: 5; } .smartfilter .bx_ui_slider_track .bx_ui_slider_handle.right{ transform: translate(-100%, -50%); } .bx_filter_vertical button.clear_filter{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background: none; color: #6c6c6c; font-size: 16px; font-family: "Arial"; padding: 13px 2px; } .bx_filter_vertical button.clear_filter:hover{ color: #ff0013; } .bx_filter_vertical button.show { font-family: "Arial"; font-size: 16px; width: 168px; float: right; padding: 11px 0; } .bx_filter_section { padding: 8px 0 8px 13px; } .bx_filter_vertical .filter_name { color: #303030; background-color: #eff0f0; padding: 7px 14px; } .catalog ul.left_menu{ padding: 19px 0 0 15px; } .bx_filter_container #modef { font-size: 14px; } .bx_filter_block .disabled { color: #cecece; } .bx_filter_block .disabled .input_box{ border: 1px solid #f1f1f1; } .view-list{ margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } /*.view-list { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .view-list:after { width: 32%; height: 0; visibility: hidden; overflow: hidden; content: ''; display: inline-block; }*/ .view-list .catalog_item { /*width: 32%;*/ margin: 25px 20px; display: inline-block; vertical-align: top; padding: 15px 15px 70px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.09); position: relative; width: 255px; margin: 25px auto; } .view-list .owl-item{ text-align: center; } .view-list .catalog_item:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .view-header{ margin-bottom: 20px; } .view-list .price{ margin: 10px auto; } .view-list .btn{ margin: auto; position: absolute; left: 0; right: 0; bottom: 15px; font-size: 16px; padding: 12px 0; } .view-list .image { height: 145px; text-align: center; } .view-list a{ text-decoration: none; } .view-list .image img { display: inline-block; max-height: 100%; vertical-align: middle; } .view-list .image:after { vertical-align: middle; content: ''; display: inline-block; height: 100%; } .view-list .item-title a { color: #303030; font-size: 16px; text-decoration: none; } a.show_more_menu, a.show_more_menu:hover { color: #195b91; font-size: 16px; background: none; text-decoration: none; padding: 7px 0; } .view-list.owl-carousel .owl-item img{ width: auto; } .show__text{ display: none; } .item_slider{ float: left; width: 37%; padding-right: 5px; } .right_info{ float: right; width: 61%; padding-left: 8px; } ul.tabs_content > li{ display: none; } ul.tabs_content > li.cur{ display: block; } .catalog_detail .specials_slider_wrapp { display: none; } #reviews_content{ display: none; } .item_slider ul.slides { padding: 0; margin: 0; width: 100%; height: 274px; position: relative; zoom: 1; padding: 10px 0; border: 1px solid #e1e1e2; margin-bottom: 18px; } .hasslide ul.slides{ height: 224px; } .item_slider:not(.flex) ul.slides li { padding: 0; margin: 0; display: none; width: 100%; height: 254px; overflow: hidden; position: absolute; line-height: 254px; z-index: 50; } .hasslide:not(.flex) ul.slides li { height: 204px; line-height: 204px; } .item_slider:not(.flex) ul.slides li.current { display: block; } .item_slider .thumbs li:first-child { margin-left: 0; } .item_slider .thumbs li a { display: inline-block; height: 100%; width: 100%; } .catalog_detail .item_slider #thumbs { height: 88px; white-space: nowrap; width: 275px; overflow: hidden; } .item_slider .thumbs li { vertical-align: bottom; list-style: none; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; width: 83px !important; height: 83px; display: block; zoom: 1; padding: 4px; background: none; position: relative; text-align: center; line-height: 83px; margin-left: 7px; -webkit-transition: border-color ease-out 0.2s, opacity ease-out 0.2s; -moz-transition: border-color ease-out 0.2s, opacity ease-out 0.2s; -o-transition: border-color ease-out 0.2s, opacity ease-out 0.2s; transition: border-color ease-out 0.2s, opacity ease-out 0.2s; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; bottom: -5px; border: 1px solid #e1e1e2; cursor: pointer; } .item_slider .thumbs li.current, .item_slider .thumbs li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; border-color: #00569A; } .item_slider .thumbs li:hover, .item_slider .thumbs li.current { padding: 3px; } .item_slider ul.slides li.current { /*display: block;*/ z-index: 0; } .item_slider ul.slides li img, .item_slider .thumbs li img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; border: 0; max-height: 100%; max-width: 100%; } .item_slider.flex { display: none; } .item_slider.flex ul.slides li, .item_slider.flex ul.slides li img { position: static; text-align: center; } .item_slider .flex-control-nav { text-align: center; margin-bottom: 10px; } .catalog_detail{ padding-top: 14px; } .adaptive_extended_info_wrapp{ display: none; } .catalog_detail .info_block{ color: #7b7b7b; font-size: 14px; position: relative; margin-bottom: 40px; padding-bottom: 3px; } .catalog_detail .info_block:before{ content: ''; position: absolute; bottom: 0; left: 0; width: 103%; height: 1px; background: #e1e1e2; } .catalog_detail .price_block{ margin-bottom: 10px; } .catalog_detail .price-desc{ color: #929292; font-size: 12px; } .catalog_detail .brand, .catalog_detail .rating{ display: inline-block; vertical-align: middle; margin-right: 20px; } .catalog_detail .article{ display: inline-block; float: right; margin-right: 28px; margin-top: 3px; } .catalog_detail .article .b{ color: #303030; text-decoration: underline; letter-spacing: 0.3px; padding-left: 17px; } .rating .block_title { display: inline-block; vertical-align: bottom; padding-right: 10px; } .rating .iblock-vote{ display: inline-block; vertical-align: bottom; } .rating table{ width: auto; margin: 0; } .rating table td{ width: 17px; padding: 0 0 5px; height: 17px; } .catalog_detail .info_block_wrap .price{ color: #2a4b82; font-family: "Elektra Text Pro"; font-size: 32px; } .catalog_detail .info_block_wrap{ display: inline-block; vertical-align: top; width: 46%; } .catalog_detail .get_date_wpap{ display: inline-block; vertical-align: top; width: 54%; float: right; } .catalog_detail .get_date{ background: transparent url(/bitrix/templates/aspro_kshop_copy/css/../img/get_date_wpap.png) center no-repeat; color: #303030; font-size: 14px; text-align: center; -webkit-background-size: cover; background-size: cover; padding: 42px 56px 18px; line-height: 23px; margin-bottom: 13px; } .catalog_detail .get_date a{ display: block; color: #2a4b82; font-size: 14px; line-height: 23px; margin-top: 20px; } .info_block_wrap .availability-row .indicators, .tabs_content .availability-row .indicators{ width: 20px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 10px; background: transparent url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/availability.svg) center no-repeat; } .info_block_wrap .availability-row .value{ display: inline-block; vertical-align: middle; padding-top: 8px; } .catalog_detail .indicators.no_products{ display: none; } .info_block_wrap .availability-row{ display: inline-block; width: 37%; vertical-align: middle; margin: 0; } .catalog_detail .like_icons{ display: inline-block; width: 28%; text-align: right; vertical-align: middle; } .catalog_detail .element_detail_text{ color: #929292; font-size: 12px; margin-top: 20px; } .catalog_detail .buttons_block_ask{ margin-top: 40px; } .catalog_detail .buttons_block_ask .btn{ width: 222px; padding: 11px 0; } .catalog_detail .item_main_info{ margin-bottom: 45px; } .tabs_section{ margin-bottom: 30px; } .tabs_section .tabs_content{ padding-top: 14px; } .prices_tab .offers_table_item{ border: 1px solid #e1e1e2; margin: 6px 0; color: #303030; font-size: 0; line-height: 24px; } .offers_table_item .property, .offers_table_item .price_wrap, .offers_table_item .counter_block, .offers_table_item .buy_nocounter, .offers_table_item .buy{ display: inline-block; vertical-align: middle; padding: 24px 20px; font-size: 14px; } .offers_table_item .property{ width: 19%; padding-left: 28px; } .offers_table_item .price_wrap{ width: 38%; } .offers_table_item .counter_block{ width: 16%; text-align: center; padding: 10px; } .offers_table_item .buy_nocounter{ width: 43%; text-align: right; padding: 10px; } .offers_table_item .buy{ text-align: right; width: 27%; padding: 20px; } .offers_table_item .counter_block input{ width: 64px; font-size: 16px; } .offers_table_item .buy .buy_btn{ text-align: center; float: right; } .offers_table_item .buy .count{ color: #5ea727; font-size: 13px; } .offers_table_item .buy .quantity-indicators{ width: 20px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: -10px; background: transparent url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/availability.svg) center no-repeat; } .offers_table_item .buy .value{ padding-top: 6px; display: inline-block; vertical-align: middle; } .offers_table_item .buy .btn{ padding: 12px 0; width: 221px; font-size: 16px; margin-bottom: 17px; } .offers_table_item .price_wrap_item{ display: inline-block; vertical-align: middle; margin: 0 20px; } .offers_table_head{ background-color: #2a4b82; color: #ffffff; } .offers_table_head .property{ display: inline-block; vertical-align: middle; padding: 14px 28px; width: 19%; } .offers_table_head .price_th{ display: inline-block; vertical-align: middle; padding: 14px 28px; width: 38%; } .offers_table_head .count_th{ display: inline-block; vertical-align: middle; padding: 14px 28px; } .catalog_detail .colored .counter_block input[name=count_items] { display: none; } .price_wrap_item .price{ color: #ff0013; font-family: 'ArialBold'; font-size: 16px; } select.type_wiegth{ border: 1px solid #c7c7c7; padding: 9px 10px; width: 149px; font-size: 14px; margin-top: 16px; } .similar_product_wrap h2{ color: #303030; font-family: "Elektra Text Pro"; font-size: 36px; line-height: 36px; margin-bottom: .6em; } .similar_product_wrap{ padding-top: 30px; } .similar_product { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } .similar_product .catalog_item_wrapp{ box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.09); background-color: #ffffff; width: 290px; padding: 15px 15px 70px; margin: 25px auto; position: relative; display: inline-block; vertical-align: top; text-align: center; } .similar_product .owl-item{ text-align: center; } .similar_product .item_info{ text-align: left; padding: 0 15px; } .similar_product .item-title a{ color: #303030; font-size: 16px; text-decoration: none; margin-bottom: 5px; } .similar_product .image{ height: 150px; text-align: center; } .similar_product .image img{ width: auto; max-height: 100%; margin-bottom: auto; display: inline-block; } .similar_product .like_icons{ float: right; } .similar_product .cost { display: inline-block; } .info_block_wrap .extended_info{ margin-bottom: 15px; } .info_block_wrap .counter_block{ margin-bottom: 15px; width: 53%; display: inline-block; } .info_block_wrap .quantity{ margin-bottom: 15px; width: 44%; display: inline-block; } .similar_product .counter_block { text-align: center; margin-top: 23px; margin-bottom: 20px; } .similar_product .btn { margin: auto; position: absolute; left: 0; right: 0; bottom: 15px; font-size: 16px; padding: 12px 0; } .buy_buttons_wrapp .basket_button { margin-bottom: 15px; padding: 11px 0; font-size: 16px; width: 222px; } .buy_buttons_wrapp .one_click { border: 1px solid #ff0013; background: none; color: #ff0013; } .buy_buttons_wrapp .one_click:hover { color: #ffffff; background: #ff0013; } .flex-direction-nav{ display: none; } .basket_sort .btn{ display: inline-block; padding: 11px 0; width: 212px; margin-right: 12px; margin-bottom: 10px; } .basket_sort .btn--purple.cur{ border: 1px solid #2a4b82; color: #2a4b82; background:transparent; } .basket_sort .btn--purple.cur:hover{ background: #2a4b82; color: #ffffff; } .basket_sort .btn--purple.cur:before, .basket_sort .btn--purple.cur:after, .basket_sort .btn--purple.cur:hover:before, .basket_sort .btn--purple.cur:hover:after, .basket_sort .cur .ui-border-element:before, .basket_sort .cur .ui-border-element:after, .basket_sort .cur:hover .ui-border-element:before, .basket_sort .cur:hover .ui-border-element:after{ border-color: #2a4b82; } #basket_form{ padding-top: 13px; } .order_form_item{ border: 1px solid #e1e1e2; margin-top: 7px; padding: 40px 14px; } .order_form_item .hr{ display: none; } .order_form_item .name-cell a{ color: #303030; font-size: 14px; line-height: 24px; text-decoration: none; width: 65%; display: inline-block; } .order_form_item .cost-cell, .order_form_item .summ-cell{ color: #ff0013; font-size: 16px; } .order_form_item .summ-th, .order_form_item .summ-cell{ width: 11%; } .order_form_item .summ-cell{ font-weight: bold; } .order_form_item .delay-cell{ width: 13%; } .order_form_item .wish_item{ background: none; color: #727272; font-size: 14px; line-height: 24px; text-decoration: underline; width: auto; height: auto; } .order_form_item .remove-cell{ width: 3%; text-align: center; } .order_form_item .remove-cell a{ background-image: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/remove.svg); width: 30px; height: 30px; display: block; margin: auto; background-repeat: no-repeat; background-position: center; } .order_form_item .counter_block .minus, .order_form_item .counter_block .plus{ width: 20px; } .order_form_item .counter_block input{ width: 65px; } .order_form_item .counter_block{ width: auto; display: inline-block; text-align: center; min-width: 113px; } table.title-search-result{ background: #ffffff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.09); padding: 10px; color: #303030; } table.title-search-result td{ vertical-align: middle; padding: 3px; } table.title-search-result .price{ white-space: nowrap; } table.title-search-result a{ color: #303030; } .tabs_content .title-search-all{ margin-top: 20px; } .tabs_content div[data-id="total_row"]{ text-align: right; margin-top: 20px; } .tabs_content .row_titles, .tabs_content .row_values{ display: inline-block; vertical-align: middle; font-size: 20px; font-family: "Elektra Text Pro"; color: #727272; text-transform: uppercase; } .tabs_content .row_values{ margin-left: 7px; } .tabs_content .row_values .price{ color: #ff0013; font-weight: 700; font-family: "Elektra Text Pro"; } #order_form_div .sale_order_table .DELIVERY_ID_27:before{ background-image: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/Forma_1.svg); } #order_form_div .sale_order_table .DELIVERY_ID_1:before{ background-image: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/Forma_2.svg); } #order_form_div .sale_order_table .DELIVERY_ID_21:before{ background-image: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/Forma_3.svg); } #order_form_div .order_comment{ font-size: 16px; } #order_form_div .order_comment textarea{ padding: 5px 10px; } .cart_empty{ clear: both; } .cart_empty .img_wrapp, .cart_empty .text{ display: inline-block; vertical-align: top; } .cart_empty .text{ width: 85%; padding: 0 15px; } #basket_form .thumb-cell{ display: none; } .popup .close { display: block; position: absolute; top: 10px; right: 10px; border-width: 0; border-radius: 25%; cursor: pointer; background: url(/ds-comf/ds-form/images//x.svg) no-repeat center; text-align: center; width: 16px; height: 16px; color: #fff; z-index: 9; } .register_form{ width: 70%; font-size: 16px; } .right_block .register_form{ width: 100%; } .register_form .form-block-title{ font-family: "Elektra Text Pro"; font-size: 24px; margin-bottom: 10px; margin-top: 10px; } .articles-list .preview_picture{ max-width: 135px; height: auto; } a.section_title { text-decoration: none; } .fancy_hover { background: url(/images/zoom_icon_big.png) center no-repeat; position: absolute; display: none; } a.fancy:hover .fancy_hover { display: block; } .news_detail_wrapp .detail_picture_block { margin: 30px 30px 20px 0; float: left; } .news_detail_wrapp .detail_text { margin-top: 30px; } .ask_small_block{ padding: 24px 28px; box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 5px 21px rgba(0, 0, 0, 0.16); text-align: center; } .ask_btn_block .btn{ margin: 15px auto; padding: 12px 0; font-size: 16px; } .news_date_time_detail{ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16); padding: 10px; margin-bottom: 10px; display: inline-block; } .search-page input{ height: 43px; border: 1px solid #afafaf; padding-left: 14px; color: #969696; } .search-page .btn{ display: inline-block; vertical-align: top; padding: 10px 0; } .search-page .catalog_block .catalog_item_wrapp{ width: 24%; } .basket_wrapp .header-cart-block { margin-top: 7px; float: right; } .header-cart-block .basket_normal { display: none; } .header-cart-block .basket_fly { top: 151px; z-index: 100; position: fixed; width: 800px; right: -800px; min-height: 122px; } .header-cart-block .basket_fly { background: #fff; border: 1px solid #e9e9e9; box-shadow: rgba(44, 44, 44, 0.4) 0px 6px 18px; -moz-box-shadow: rgba(44, 44, 44, 0.4) 0px 6px 18px; -webkit-box-shadow: rgba(44, 44, 44, 0.4) 0px 6px 18px; } .header-cart-block .basket_fly .icon-cart:before{ font-size: 25px; color: #ffffff; } .header-cart-block .basket_fly .icon-heart:before { font-size: 25px; color: #ff0013; } .basket_fly .opener .wish_count.empty .icon-heart:before{ color: #7b7b7b; } .header-cart-block .basket_fly .opener { position: absolute; width: 51px; left: -50px; top: -1px; } .header-cart-block .basket_fly .opener { box-shadow: rgba(44, 44, 44, 0.2) 0px 3px 9px; -moz-box-shadow: rgba(44, 44, 44, 0.2) 0px 3px 9px; -webkit-box-shadow: rgba(44, 44, 44, 0.2) 0px 3px 9px; } .basket_fly .opener .basket_count, .basket_fly .opener .wish_count { display: inline-block; text-align: center; width: 50px; height: 60px; cursor: pointer; vertical-align: top; zoom: 1; } .basket_fly .opener .basket_count.empty{ background: #c7c7c7; color: #7b7b7b; } .basket_fly .opener .basket_count.empty .icon-cart:before{ color: #7b7b7b; } .basket_fly .opener .basket_count .count, .basket_fly .opener .wish_count .count { margin-top: 4px; } .basket_fly .opener .basket_count { color: #ffffff; background: #00569A; padding-top: 9px; } .basket_fly .opener .wish_count { background: #e0e0e0; padding-top: 9px; } .header-cart-block .basket_fly .basket_sort { padding: 25px 15px 0px 15px; } .header-cart-block .basket_fly .basket_title { font-family: "Elektra Text Pro"; font-size: 24px; } .header-cart-block .basket_fly .cart_empty { padding: 20px 15px; } .header-cart-block .basket_fly .cart_empty .title{ font-family: "Elektra Text Pro"; font-size: 18px; margin-bottom: 15px; } .header-cart-block .basket_fly .cart_empty .btn{ font-size: 16px; padding: 12px 0; cursor: pointer; } .basket_fly .tabs{ padding-top: 20px; } .basket_fly #basket_form{ padding: 15px 25px 25px 15px; } .basket_fly table{ width: 100%; } .basket_fly table thead{ background-color: #2a4b82; color: #ffffff; } .basket_fly table td{ min-height: 40px; padding: 11px 5px; } .basket_fly .name-cell a{ color: #303030; } .basket_fly .cost-cell .price{ font-weight: bold; } .basket_fly .summ-cell{ color: #ff0013; font-weight: 700; font-family: "Elektra Text Pro"; } .basket_fly .cost-cell, .basket_fly .summ-cell{ white-space: nowrap; } .basket_fly .delay-cell{ padding: 11px; } .basket_fly .count-cell{ text-align: center; white-space: nowrap; } .basket_fly .some-class{ display: none; } .basket_fly .itog .description{ color: #929292; font-size: 12px; margin-top: 10px; } .basket_fly .btn{ padding: 11px 0; } .basket_fly .remove-cell .remove{ background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/close.svg) no-repeat center; width: 10px; height: 10px; display: inline-block; vertical-align: middle; -webkit-background-size: cover; background-size: cover; } .basket_fly .module-cart .goods { max-height: 200px; overflow-y: auto; overflow-x: hidden; } .reg-new{ text-align: left; margin-top: 20px; font-family: 'ArialBold'; } .reg-new:hover a{ text-decoration: underline; } .pod_menu:before{ content: ''; position: absolute; width: 100%; height: 35px; top: -35px; left: 0; right: 0; } .pod_menu{ display: none; } .top_menu > li .pod_menu a{ color: #303030; font-size: 16px; font-weight: 400; padding-top: 10px; padding-bottom: 10px; display: block; } #compare_small form{ display: inline; } .group_description ul li{ margin-left: 15px; list-style-type: disc; } .text_subhead { padding-top: 20px; line-height: normal; margin: 0 auto; clear: both; color: #ff0013; text-align: center; max-width: 950px; } .input-field input[name="captcha_word"]{ width:180px; } #one_click_buy_form_button {background: none; border: 0;} .tabs_content .detail_text ul li { margin-left: 15px; list-style-type: disc; } .basket_sort .tabs li[item-section="AnDelCanBuy"]{ display: none; } /* End */ /* Start:/bitrix/templates/aspro_kshop_copy/css/media.min.css?156093270454583*/ @media only screen and (min-width: 960px) { .top_menu .act .company:before, .top_menu .act .katal:before { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/arrow_menu_hov.svg) no-repeat center; } .top_menu li.act .menu, .top_menu li:hover .menu { border-right: 1px solid #dddcdc; max-width: 340px; padding: 18px 0px 20px 25px; } .top_menu li.act .menu_box { display: block; position: absolute; width: 100%; -webkit-box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); background-color: #ffffff; border-top: 4px solid #b93a4c; left: 0; top: 59px; z-index: 8; } .top_menu li.act .menu_box:before, .top_menu li:hover .menu_box:before { content: ''; position: absolute; width: 100%; height: 35px; top: -35px; left: 0; right: 0; } .top_menu li.act .menu_box li.parent > a, .top_menu li:hover .menu_box li.parent > a{ background: url(/images/arrow_w2.svg) no-repeat right center; } .top_menu li.act .menu_box li.parent.current > a, .top_menu li.act .menu_box li.parent:hover > a, .top_menu li:hover .menu_box li.parent.current > a, .top_menu li:hover .menu_box li.parent:hover > a{ background: url(/images/arrow_b.svg) no-repeat right center; } .top_menu li.act .menu_box li > a, .top_menu li:hover .menu_box li > a { padding-right: 35px; color: #303030; font-size: 16px; font-weight: 400; text-transform: uppercase; padding-bottom: 10px; display: block; padding-top: 10px; margin-right: 15px; } .top_menu li.act .menu_box li.current > a, .top_menu li.act .menu_box li > a:hover, .top_menu li:hover .menu_box li.current > a, .top_menu li:hover .menu_box li > a:hover { color: #b93a4c; } .menu li.act .child_wrapp, .menu li:hover .child_wrapp { display: block; position: absolute; right: 0; top: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; width: 70%; padding: 21px 0 0 75px; height: 100%; } .menu li.act .child_wrapp a, .menu li:hover .child_wrapp a { color: #8f8f8f; font-size: 16px; font-weight: 400; line-height: 30px; text-transform: unset; display: block; } .menu li.act .child_wrapp a:hover, .menu li:hover .child_wrapp a:hover { color: #303030; } .top_menu > li .pod_menu a:hover{ color: #b93a4c; } .top_menu > li.act .pod_menu{ padding: 18px 25px; display: block; position: absolute; background: #fff; -webkit-box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); background-color: #ffffff; border-top: 4px solid #b93a4c; top: 59px; z-index: 8; } } @media only screen and (min-width: 1024px) { .top_menu li:hover .menu_box { display: block; position: absolute; width: 100%; -webkit-box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); background-color: #ffffff; border-top: 4px solid #b93a4c; left: 0; top: 59px; z-index: 8; } .top_menu .company:hover:before, .top_menu .katal:hover:before { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/arrow_menu_hov.svg) no-repeat center; } .menu li.act .child_wrapp, .menu li:hover .child_wrapp { width: 72%; } .sections_list .item_wrap:hover > .item{ box-shadow: 0 0 43px 3px rgba(0, 0, 0, 0.2); } .sections_list > .item_wrap:hover .section-info-list { padding: 25px 25px 0; } .sections_list > .item_wrap:hover > .item, .sections_list > .item_wrap:hover .section-info-list { z-index: 22; height: auto; } .sections_list > .item_wrap:hover .section-info-list .sub_item { z-index: 5; display: block; } .sections_list > .item_wrap:hover .section-info-list:before{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .breadcrumbs .drop:hover .dropdown_wrapp{ display: block; } .top_menu > li:hover .pod_menu{ padding: 18px 25px; display: block; position: absolute; background: #fff; -webkit-box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); background-color: #ffffff; border-top: 4px solid #b93a4c; top: 59px; z-index: 8; } } @media only screen and (max-width: 1300px) { .index_slider_inner:before{ width: 63%; } } @media only screen and (max-width: 1215px) { .sort_to_compare{ margin-bottom: 28px; } .content .differences_table tbody tr td:first-of-type{ min-width: 170px; } .article__list__item__readmore{ left: 12px; } .baner-left{ display: none; } .catalog .baner-left{ display: block; } .article__list{ margin-top: 20px; } .article__list > .article__list__item:nth-of-type(n){ width: 49%; margin-right: 2%; padding-left: 12px; padding-right: 12px; padding-top: 19px; } .article__list__image__wrap{ margin-bottom: 20px; } .article__list > .article__list__item:nth-of-type(2n){ margin-right: 0; } .action__list__item__right{ padding-top: 0; padding-left: 25px; } .action__list__item__title{ margin-bottom: 5px; } a.services__list__item__link{ padding-top: 0; display: block; } .services__list__item .services__list__item__title{ font-size: 19px; margin-bottom: 0; height: 100%; text-decoration: none; min-height: 86px; } .services__list__item__title__inner{ padding-right: 57px; line-height: 1.1; background:url(/images/serv_arr_w.svg) 95% center no-repeat; } .services__list__item { min-height: 269px; margin-bottom: 15px; } .services__list__item__info{ padding: 0; } .services__list__item .services__list__item__title{ padding-left: 10px; } .services__list__item__description{ display: none; } .services__list__item__info{ background: rgba(0,73,133,0.9); } .services__list__item__image__wrap img{ min-height: 100%; min-width: 100%; max-width: none; width: auto; } .services__list__item__info{ width: 100%; } .inner__page__header{ margin-bottom: 15px; } .border__block{ padding-bottom: 20px; margin-bottom: 1.5em; } .content h2, .content .h2{ margin-bottom: 1em; } .container { width: 100%; padding: 0 10px; } .left_block{ width: 28%; margin-bottom: 15px; } .content__container{ padding-top: 20px; padding-bottom: 35px; } .news .item{ margin-bottom: 12px; } .breadcrumbs{ margin-bottom: 10px; } .right_block{ padding-left: 24px; width: 72%; } .index_slider_inner .image_text { width: 70%; padding-left: 40px; } .index_slider_inner .title_slider{ font-size: 35px; } .index_slider_inner:before{ width: 70%; } .index_slider_inner .title_slider span { font-size: 35px; } .katal_container .katal_name { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r.svg) no-repeat 95% center; left: 20px; font-size: 19px; } .r_top_foot .btn--linear, .r_top_foot .btn--red { float: none; margin-bottom: 20px; } .r_top_foot .btn_foot { float: right; } .top_footer { padding-bottom: 20px; } .pay_system_icons { margin: 30px 0 0 0; } .index_slider_box .nav_wrap { width: 66%; } .l_top_foot { width: 70%; } .r_top_foot { width: 30%; } .price-data .basket_button{ width: 100%; } .catalog_block .cost{ width: 64%; } .compare_item{ margin-left: 7px; } .baner-left .banner_item{ width: 100%; } .bx_filter_container input[type="text"]{ padding: 4px 13px; } .view-list { margin-left: 0px; margin-right: 0px; width: 100%; } .view-list .catalog_item{ width: 222px; } .offers_table_item .property, .offers_table_item .price_wrap, .offers_table_item .counter_block, .offers_table_item .buy{ padding: 19px 12px; } .offers_table_item .counter_block{ width: 18% } .offers_table_item .buy{ width: 25% } .offers_table_item .price_wrap_item{ margin-left: 0; } .offers_table_item .counter_block input{ width: 55px; } .catalog_detail .like_icons{ width: 42%; } .offers_table_head .property, .offers_table_head .price_th, .offers_table_head .count_th{ padding: 14px 12px; } .info_block_wrap .counter_block input{ width: 50px; } .action__list__item__left{ width: 15%; } .action__list__item__right{ width: 84%; } } @media only screen and (max-width: 1023px) { .store_description .store__item__title{ margin-bottom: 30px; } .vacancy__name__wrap{ padding-left: 27px; } .store_map .bx-yandex-map > ymaps, .store_map .bx-yandex-map > ymaps > ymaps, .store_map .bx-yandex-map{ height: 262px !important; } .store__description__mails a{ font-size: 14px; } .store__description__left{ float: none; width: auto; padding-right: 0; } .store__description__right{ float: none; width: auto; padding-left: 0; } .vacancy__description__wrap{ padding-left: 27px; } .vacancy__item{ margin-bottom: 17px; } .news__list__date{ left: 15px; } .news .item{ padding: 15px 13px; } .news .item .item-title a{ font-size: 18px; } .news .item .item-title{ line-height: 1.1; } .news .item .right-data{ padding-left: 15px; } .index_slider_inner .image_text { padding-left: 35px; } .katal_container { width: 750px; margin: 0 auto; } .katal_container .katal_inner { width: 49%; } .katal_container .katal_inner:nth-child(3n) { margin-right: 2%; } .katal_container .katal_inner:nth-child(2n) { margin-right: 0; } .slider_tovar_box { width: 63%; } .slider_tovar_navi { width: 35%; } .slider_tovar_image, .slider_tovar_info { width: 50%; } .article_box, .news_box { width: 47.5%; } .article_new .title_h1 { text-align: center; } .article_box .all_article, .news_box .all_article { margin: 30px auto 0; text-align: center; } .brands_container .owl-nav, .article_box .owl-nav, .news_box .owl-nav { right: 0; margin: 0 auto; } .akcii_inner { float: none; width: 100%; margin-right: 0; } .akcii_image { display: none; } .akcii_box { padding-top: 0; padding-bottom: 50px; } .brands_container { width: 560px; margin: 0 auto; } .brands_container .owl-item { padding: 15px 10px; } .brands_nav_wrap_cont { position: relative; } .brands_nav_wrap_cont .brands_nav_wrap { position: absolute; bottom: 85px; left: 0; right: 0; } .brands_nav_wrap_cont .owl-prev { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_l_red.svg) no-repeat center; position: absolute; left: 0; } .brands_nav_wrap_cont .owl-prev:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_l_red_hov.svg) no-repeat center; } .brands_nav_wrap_cont .owl-next { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r_red.svg) no-repeat center; position: absolute; right: 0; } .brands_nav_wrap_cont .owl-next:hover { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/slide_arrow_r_red_hov.svg) no-repeat center; } .brands_image { width: 100%; } .brands_image img { width: auto !important; } .sections_list .item .item-title a, .sections_list .item .item-title{ font-size: 18px; } .compare_item { margin-left: 3px; } .price-data .basket_button { background-position-x: 29px; } .list_item_wrapp .image{ width: 25%; } .list_item_wrapp .description_wrapp{ width: 36%; } .bx_filter_container input[type="text"] { padding: 4px 8px; } .offers_table_item .counter_block{ width: 20%; } .offers_table_item .buy { width: 23%; } .offers_table_item .price_wrap_item{ margin-right: 15px; } .offers_table_item .buy .btn{ width: 127px; } .catalog_detail .get_date{ padding-right: 20px; padding-left: 20px; } .info_block_wrap .quantity, .info_block_wrap .counter_block{ width: 100%; } .order_form_head .name-th, .order_form_item .name-cell { width: 30%; } #order_form_div .sale_order_table.delivery .bx_element:first-child{ width: 330px; } .order_form_item .name-cell a{ width: 100%; } .all_brands{ text-align: center; margin-left: 0; } .top_menu > li{ padding: 15px 5px; } .cart_bl .cart_text{ margin-left: 15px; letter-spacing: -0.4px; } } @media only screen and (max-width: 959px) { .cart_bl .cart_text{ margin-left: 20px; letter-spacing: normal; } .btn_menu { display: block; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/burger_menu.svg) no-repeat center left; cursor: pointer; color: #ffffff; font-size: 18px; font-weight: 700; text-transform: uppercase; padding-left: 70px; position: relative; height: 32px; line-height: 32px; margin-bottom: 20px; } .btn_menu:before { content: ''; width: 17px; height: 10px; background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/arrow_menu_white.svg) no-repeat center; position: absolute; right: 0; top: 10px; } .btn_menu.act { background: url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/close_menu.svg) no-repeat center left; } .btn_menu.act:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .bottom_header { padding-top: 23px; padding-bottom: 0px; background-color: #233f6d; } .top_menu { display: none; } .top_menu.act { display: block; background-color: #00569A; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); margin-left: -10px; padding: 20px 10px; } .top_menu > li { margin-bottom: 15px; } .geolocation_bl .pri { display: none; } .geolocation_bl .city_name { margin-left: 11px; } .geolocation_bl .icon-geo_lok:before { position: relative; top: 3px; } .geolocation_bl { width: 19%; } .mail_bl { width: 24.5%; } .opener_top { width: 36.5%; } .middle_header { padding-top: 23px; padding-bottom: 10px; } .logo_bl .logo img { width: 166px; } .logo_bl .logo span { font-size: 11px; left: 50px; letter-spacing: -.5px; } .phone_bl .ds-form { margin: 7px 0 0 2px; } .logo_bl { width: 27%; } .phone_bl { width: 24.5%; } .search_bl { width: 25.5%; } .index_slider_box { display: none; } .preim_inner { width: 50%; margin-bottom: 46px; } .katal_wrap { padding-top: 21px; } .katal_container .katal_name_box { height: 85px; } .katal_container .katal_name { left: 36px; } .katal_container .katal_inner { height: 328px; margin-bottom: 15px; } .tabs_wrap { margin-top: 10px; padding-top: 40px; padding-bottom: 35px; } .tabs_my .nav.act { font-size: 26px; } .tabs_my .btn_nav_bl { display: block; font-size: 0; } .tabs_my .btn_nav_bl .nav { display: inline-block; vertical-align: top; } .specials_slider { width: 601px; margin: 0 auto; } .all_tovars { padding-top: 12px; } a.all_tovars{ font-size: 16px; } .similar_product .owl-nav{ bottom: -11px; } .specials_slider .owl-nav { bottom: -8px; } .slider_tovar_wrap { padding-top: 92px; padding-bottom: 80px; } .slider_tovar_box { width: 49%; height: 510px; } .slider_tovar_navi { width: 49%; padding: 13px 0px 13px; } .slider_tovar_contain { height: 535px; } .slider_tovar_image, .slider_tovar_info { width: 100%; } .slider_tovar_image { height: 215px; } .slider_tovar_info { padding-top: 7px; padding-right: 0; padding-left: 15px; } .slider_tovar_text { padding: 22px 0 24px 0; min-height: 78px; } .slider_tovar .btn { margin-top: 17px; padding: 13px 0; } .tovar_nav_wrap { left: 19px; bottom: 55px; } .tovar_nav_wrap .owl-dot.active { text-decoration: none; } .slider_tovar_nav { height: 80px; padding: 25px 0 0 27px; } .slider_tovar_image img { max-width: 65%; } .title_h1, h1 { padding: 53px 0 60px; } .preim_inner { padding-right: 0; padding-left: 65px; } .main-page-baners { display: none; } .preim_content { padding-bottom: 0; } .article_new .title_h1 { padding: 50px 0 20px; } .article_container { width: 640px; margin: 0 auto; } .article_box, .news_box { width: 44.5%; } .brands_wrap .title_h1 { padding: 35px 0 28px 0; } .akcii_name { margin: 34px 0 20px 0; } .l_top_foot, .r_top_foot { width: 100%; float: none; } .l_top_foot .white { text-align: center; } .top_footer { padding-top: 13px; padding-bottom: 35px; } .menu_foot .menu_foot1 { width: 20%; } .menu_foot .menu_foot2 { width: 29%; } .menu_foot .menu_foot3 { width: 22%; } .menu_foot .menu_foot4 { width: 29%; } .menu_foot { padding-bottom: 17px; } .r_top_foot .btn_foot { float: none; width: 415px; margin: 0 auto; } .r_top_foot .btn--linear { float: left; } .r_top_foot .btn--red { float: right; } .r_top_foot .phone { text-align: center; margin: 16px 0 17px 0; } .r_top_foot span { display: block; text-align: center; } .pay_system_icons { text-align: center; } .pay_system_icons span{ display: inline-block; } .pay_system_icons img { margin-left: 0; margin: 0 7px; } .bottom_footer { padding: 20px 0; } .copy_box { float: none; padding-top: 3px; text-align: center; } .copy_box .copy { display: block; margin-bottom: 24px; } .soc_sety { float: none; padding-top: 31px; text-align: center; } .soc_sety span { padding-left: 0; padding: 0 5px; } .top_menu li:hover .menu_box:before { display: none; } li.act .menu_box{ display: block; } .menu_box{ box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); background-color: #ffffff; margin: 20px 0; } .top_menu .menu> li a{ color: #303030; font-size: 16px; font-weight: 400; line-height: 36px; text-transform: uppercase; } .top_menu .menu> li a:hover{ color: #b93a4c; } .top_menu li .menu { border-right: 1px solid #dddcdc; max-width: 340px; padding: 26px 0 26px 26px ; } .menu .act .child_wrapp{ display: block; position: absolute; right: 19px; top: 0; -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; width: 50%; padding: 0; height: 404px; margin: 80px 0 0 0; overflow-y: scroll; } .menu .act .child_wrapp::-webkit-scrollbar { width: 9px; height: 59px; background-color: #c20e1a; } /*.menu .act .child_wrapp::-webkit-scrollbar-button { background-color: #666; }*/ .menu .act .child_wrapp::-webkit-scrollbar-track { background-color: #c20e1a; } .menu .act .child_wrapp::-webkit-scrollbar-track-piece { width: 3px;background-color: #dddcdc; } .menu .act .child_wrapp::-webkit-scrollbar-thumb { background-color: #c20e1a; } .menu .act .child_wrapp::-webkit-scrollbar-corner { background-color: #c20e1a; } .menu .act .child_wrapp::-webkit-resizer { background-color: #666; } .menu .act .child_wrapp a { color: #8f8f8f; font-size: 16px; font-weight: 400; line-height: 30px; text-transform: unset; display: block; } .menu .act .child_wrapp a:hover { color: #303030; } #dswopros-form, #dswoprosformmessagereport { width: 100%; margin: 0 auto; } #dswopros-form .form-head-text { margin-bottom: 35px; } #dswopros-form .person_dan { padding-top: 50px; } #dswopros-form{ font-size: 0; } #dswopros-form .field-2 { float: none; width: 49%; margin-right: 2%; display: inline-block; vertical-align: top; } #dswopros-form .field-3 { float: none; width: 49%; margin-right: 0; display: inline-block; vertical-align: top; } #dswopros-form .btn { float: none; margin: 30px auto 0; clear: both; } .question-list .section-list { margin-bottom: 27px; } .question-list .name{ padding: 4px 15px 3px; } .question-list .item{ padding-left: 26px; } .question-list .q span:before{ left: -11px; } .contact_store .store_description{ padding: 17px 8px; } .contact_store .store_description h2{ font-size: 18px; } .store_description .store__item__title { margin-bottom: 22px; } .store__prop { margin-bottom: 22px; padding-left: 29px; } .feedback-block{ padding: 15px 0px; } .feedback-block .form-head{ text-align: center; margin-bottom: 15px; } .feedback-block .form-left, .feedback-block .form-right { float: none; width: 70%; margin-left: auto; margin-right: auto; } .police{ text-align: center; margin-bottom: 15px; } .buttonblock{ margin-bottom: 10px; } .feedback-block .form-right .btn{ float: none; margin: auto; } .module-authorization { margin-top: 24px; } .price-data { margin-bottom: 25px; } .price-data .basket_button { background-position-x: 16px; } .baner-left .banner_item{ height: 287px; background-position-x: -20px; } .baner-left .banner_item .title{ font-size: 26px; padding-top: 19px; } .baner-left .banner_item .sub_title{ font-size: 20px; margin-bottom } .baner-left .banner_item .btn{ width: 169px; } .baner-left .banner_item .info{ bottom: 19px; } .sections_list:after{ width: 49%; } .sections_list > section{ height: 175px; } .sections_list > section, .sections_list > .item_wrap{ width: 49%; margin-bottom: 8px; } .sections_list .item_wrap > .item{ padding-bottom: 10px; } .sections_list .item .item-title a, .sections_list .item .item-title { font-size: 20px; } .sort_header{ margin-top: 4px; } .search-page .catalog_block .catalog_item_wrapp{ width: 32%; } .catalog_block .catalog_item_wrapp{ width: 49%; padding: 10px; padding-bottom: 60px; margin-bottom: 10px; } .catalog_block .catalog_item_wrapp .image { height: 148px; } .compare_item { margin-left: 12px; } .catalog_block .counter_block{ margin-top: 20px; margin-bottom: 25px; } .catalog_vid .image{ width: 28%; } .catalog_vid .text{ width: 71%; padding-left: 10px; margin-bottom: 9px; } .list_item_wrapp{ padding: 15px; } .list_item_wrapp .image{ width: 22%; } .list_item_wrapp .btn_wrapp .basket_button, .module_products_list .basket_button { width: 169px; } .list_item_wrapp .description_wrapp{ width: 40%; } .module_products_list_wrap{ overflow: scroll; } .bx_filter_vertical .filter_name{ padding: 7px 9px; } .bx_filter_section { padding: 9px 0 8px 8px; } .price .bx_filter_container_title { margin-bottom: 0; } .bx_filter_container input[type="text"]{ display: block; margin-left: 0; } .smartfilter .bx_ui_slider_track{ margin-top: 23px; } .bx_filter_vertical button.show{ width: 112px; } .bx_filter_vertical{ margin-bottom: 20px; } .catalog .left__menu__toggle{ padding: 7px 9px; } .catalog ul.left_menu { padding: 7px 0 0 0px; } .catalog .left_menu > li { margin-bottom: 6px; } .item_slider{ width: 34%; } .right_info{ width: 65%; } .catalog_detail { padding-top: 5px; } .catalog_detail .article{ margin-right: 0; } .catalog_detail .info_block{ margin-bottom: 23px; } .catalog_detail .info_block_wrap{ width: 52%; } .catalog_detail .info_block_wrap .price{ font-size: 28px; } .info_block_wrap .availability-row .label { margin-left: 0px; } .info_block_wrap .availability-row .indicators, .tabs_content .availability-row .indicators{ margin-right: 8px; } .catalog_detail .buttons_block_ask{ margin-top: 35px; margin-left: 0; } .catalog_detail .buttons_block_ask .btn{ width: 201px; } .catalog_detail .get_date_wpap{ width: 48%; } .catalog_detail .get_date{ padding: 23px 15px 3px; } .catalog_detail .get_date a{ margin-top: 31px; } .item_slider ul.slides{ height: 214px; } .hasslide:not(.flex) ul.slides li{ height: 194px; } .catalog_detail .item_main_info { margin-bottom: 35px; } .main_tabs li{ font-size: 22px; } .tabs_section .tabs_content { padding-top: 23px; } .offers_table_item .buy { width: 20%; } .offers_table_item .property{ width: 20% } .offers_table_item .price_wrap{ width: 43%; } .offers_table_item .counter_block { width: 17%; padding: 19px 0px; } .offers_table_item .counter_block input{ width: 46px; } .offers_table_item .counter_block .minus, .offers_table_item .counter_block .plus{ width: 20px; } select.type_wiegth{ width: 111px; } .offers_table_item .price_wrap_item { margin-right: 5px; } .offers_table_item .price_wrap_item:last-child{ margin-right: 0; } .offers_table_item .price_wrap.nocounter{ width: 35%; } .similar_product_wrap { padding-top: 8px; } .similar_product_wrap h2{ margin-bottom: 0.3em; } .similar_product .catalog_item_wrapp{ width: 240px; } .similar_product .like_icons{ width: 35%; } .similar_product { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } #basket_form { padding-top: 5px; } .order_form_head{ padding: 14px 0; } .order_form_head div{ padding: 0 10px; } .order_form_item{ padding: 11px 0; } .order_form_item > div{ padding: 0 10px; } .order_form_head .name-th, .order_form_item .name-cell { width: 33%; } .order_form_head .price-th, .order_form_item .cost-cell { width: 16%; } .order_form_head .quantity-th, .order_form_item .count-cell { width: 15%; } .order_form_item .summ-cell { width: 16%; } .order_form_item .delay-cell { width: 12%; } .order_form_item .counter_block input { width: 45px; } .order_form_item .counter_block{ min-width: 85px; } .order_form_item .counter_block .minus, .order_form_item .counter_block .plus { width: 17px; } #order_form_div .section{ padding: 33px 22px 15px; } #order_form_div .sale_order_table.delivery{ padding-top: 0; } #order_form_div .sale_order_table.delivery .bx_element{ padding-top: 55px; } #order_form_div .sale_order_table .text_del:before{ top: -60px; } #order_form_div .sale_order_table.delivery .desc .desc{ width: 100%; } #order_form_div .sale_order_table.delivery .bx_element, #order_form_div .sale_order_table.delivery .bx_element:first-child{ width: 33%; } #order_form_div .sale_order_table.delivery .name{ line-height: 19px; min-height: 38px; } #order_form_div .sale_order_table .input_box{ margin-top: 0; } #order_form_div .sale_order_table{ margin-bottom: 7px; } #order_form_div .info_left, #order_form_div .info_right{ width: 100%; float: none; } #order_form_div #sale_order_props{ text-align: justify; padding-top: 0; } #order_form_div #sale_order_props:after{ content: ''; display: inline-block; width: 49%; } #order_form_div #sale_order_props > div{ width: 49%; margin-bottom: 0; margin-top: 28px; } .bx_order_make .bx_block input[type="text"]{ width: 100%; } #order_form_div .info_right{ padding-top: 3px; } #order_form_div .sale_order_table .desc .desc{ margin: 5px 0; } .bx_order_make .bx_block textarea{ height: 85px; margin-bottom: 17px; } #order_form_div .sale_order_table.paysystem{ padding: 10px 0; width: 100%; line-height: 18px; margin-bottom: 22px; } #order_form_div .sale_order_table.paysystem .input_box{ margin-right: 12px; } #order_form_div .order_comment textarea{ height: 125px; } #order_form_div .sale_order_table{ margin-bottom: 20px; } #order_form_div .section.summary { padding: 20px 20px 25px; } #order_form_div .summary .polity{ width: 270px; } #order_form_div .summary .summary_info, #order_form_div .summary .summary_btn{ vertical-align: middle; } .action__list__item__left{ width: 18%; } .action__list__item__right{ width: 81%; } .register_form{ width: 100%; } .top_menu > li.act .pod_menu{ padding: 18px 25px; display: block; background: #fff; -webkit-box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); box-shadow: 6px 7px 36px 4px rgba(0, 0, 0, 0.13); background-color: #ffffff; z-index: 3; margin-top: 20px; } } @media only screen and (max-width: 850px){ .services__list > .services__list__item:nth-of-type(n){ width: 49%; margin-right: 2%; } .services__list > .services__list__item:nth-of-type(2n){ margin-right: 0; } ul.brands_list{ margin-top: 20px; } .brands_list li { width: 32%; height: 117px; } .contact_map{ max-height: 262px; } .authorization-cols .auth-title { line-height: 27px; margin-bottom: 15px; } #avtorization-form-page .r{ width: 100%; margin-bottom: 16px; } #avtorization-form-page .r:last-child{ margin-bottom: 0; } #avtorization-form-page .remember{ float: none; } #avtorization-form-page .forgot{ margin-top: 12px; } .module-authorization .soc-avt{ margin-top: 18px; } .module-authorization .soc-avt .soc-avt-btn .btn{ width: 118px; } .authorization-cols .registration .min{ margin-bottom: 54px; } .module-authorization #bx_auth_servform{ width: 335px; } .module-authorization #bx_auth_servform input[type="text"]{ width: 153px; } .action__list__item__left{ width: 21%; } .action__list__item__right{ width: 78%; } .header-cart-block .basket_fly{ width: 711px; right: -711px; } } @media only screen and (max-width: 767px) { .popup{ /*width: 300px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 300px; left: 50%; /*margin-left: -150px !important;*/ } .resume_frame .pop-up-title{ font-size: 24px; } .resume_frame{ padding: 25px 13px 25px 13px; } .content .differences_table tbody tr td:first-of-type{ font-size: 13px; } .compare__item__tocart .btn{ width: 137px; } .sort_to_compare{ display: block; } .sort_to_compare__buttons .btn{ width: 145px; margin-left: 0; } .sort_to_compare__title{ display: block; margin-bottom: 15px; } .sort_to_compare__buttons .btn + .btn{ margin-left: 5px; } .content .differences_table tbody tr td{ height: 43px; padding: 7px; } .content .differences_table tbody tr td.compare__item__main__info{ padding: 15px; padding-top: 20px; padding-bottom: 20px; } .compare__item__title a{ font-size: 16px; } .content .differences_table tbody tr td.compare__item__tocart{ padding: 10px 7px; } .content .differences_table tbody tr td:first-of-type{ min-width: 147px; } .compare__item__remove{ width: 24px; height: 24px; top: -12px; right: -12px; -webkit-background-size: 11px; background-size: 11px; } .store__prop{ padding-left: 30px; margin-bottom: 20px; } .store_description .store__item__title{ margin-bottom: 20px; } .article__list__item__readmore{ left: 25px; } .article__list__item .article__list__item__description{ font-size: 14px; } .article__list > .article__list__item:nth-of-type(n){ padding-left: 25px; padding-right: 25px; } .article__list__item__date__title a{ font-size: 18px; } .article__list__item .article__list__item__date{ font-size: 14px; } .article__list__item__readmore a{ font-size: 14px; } .vacancy__descriptions ul{ padding-left: 11px; } .vacancy__descriptions span.strong{ margin-bottom: 12px; } .vacancy__descriptions ul + br{ display: none; } .vacances__phones{ margin-top: 20px; } .vacancy__item .btn{ margin-bottom: 11px; display: block; margin-left: auto; margin-right: auto; } .vacancy__item .vacancy__name__wrap{ line-height: 1.4; } .vacancy__name{ font-size: 16px; } .vacancy__item{ margin-bottom: 12px; } .module-pagination{ text-align: center; } .delivery__top__documents{ display: block; } .delivery__top__documents__item{ width: auto; display: block; } .left_block{ width: auto; float: none; } .list__hands{ margin-top: 20px; } .payment__description__list li{ padding-left: 37px; } .list__hands li{ margin-bottom: 20px; } .content h2, .content .h2 { margin-bottom: 0.5em; } .delivery__top__documents__item__link{ padding-left: 45px; padding-right: 0; background-position-x: 7px; } .delivery__top__documents__item__link__case{ background-position-x: 0; } ul.left_menu{ margin-bottom: 0; } .content .left__menu__toggle{ display: block; font-size: 18px; color: #303030; font-family: "Elektra Text Pro"; font-weight: 400; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; cursor: pointer; background: url(/images/arrow_b.svg) no-repeat right center; } .left__menu__open .left__menu__toggle { margin-bottom: 15px; } .left__menu__wrap{ border: 1px solid #e8e8e8; padding-right: 11px; padding-left: 16px; padding-bottom: 10px; padding-top: 10px; } ul.left_menu{ display: none; } .left__menu__open ul.left_menu{ display: block; } .left_menu a{ padding-top: 3px; padding-bottom: 3px; } .left__menu__open .left__menu__toggle{ background: url(/images/arrow_w.svg) no-repeat right center; } .inner__page__header{ font-size: 24px; margin-bottom: 0.5em; } .right_block{ width: auto; float: none; padding-left: 0; } .baner-left{ display: none; } .katal_wrap { padding-top: 5px; background: none; } .katal_wrap .container { padding: 0; } .katal_container .katal_inner { width: 100%; margin-right: 0; margin-bottom: 5px; height: 230px; display: block; } .katal_container .katal_inner:nth-child(n + 7) { display: none; } .katal_container .katal_inner.visible { display: block; } .katal_container { width: 320px; } .tabs_my .slider, .tabs_my .btn_nav_bl .nav:before, .tabs_my .btn_nav_bl:before { display: none; } .tabs_my .btn_nav_bl .nav { width: 50%; } .tabs_my .btn_nav_bl .nav:nth-child(1) { text-align: right; } .tabs_my .btn_nav_bl .nav:nth-child(2) { text-align: left; } .tabs_my .btn_nav_bl .nav:nth-child(3) { text-align: right; } .tabs_my .btn_nav_bl .nav:nth-child(4) { text-align: left; } .all_katal { display: block; color: #064c85; font-family: "Elektra Text Pro"; text-decoration: underline; text-align: center; margin: 27px 0; } .all_katal:hover { text-decoration: none; } .copy_box .copy { padding-left: 0; } .opener_top{ display: none; } .geolocation_bl { width: 30%; } .mail_bl { width: 38.5%; } .logo_bl { width: 50%; } .phone_bl { width: 50%; float: right; text-align: right; } .search_bl { clear: both; width: 50%; float: left; padding-top: 20px; } .cart_bl { padding-top: 20px; } .menu .act .child_wrapp{ width: 40%; } .top_menu li .menu { border-right: none; max-width: 100%; } .authorization-cols .col{ width: 100%; } .authorization-cols .authorization{ margin-bottom: 24px; } #avtorization-form-page .r{ width: 49%; } #avtorization-form-page .remember{ float: right; } .module-authorization #bx_auth_servform{ border: 1px solid #ffffff; } .authorization-cols .registration .min { margin-top: 22px; margin-bottom: 26px; } .banner_item{ display: none; } .price-data .basket_button { width: 300px; background-position-x: 63px; } .list_item_wrapp .image{ width: 27%; } .bx_filter_section{ display: none; position: absolute; background: #eff0f0; width: 100%; z-index: 1000; right: 0; text-align: left; top: 51px; padding: 15px; } .left_block.catalog{ text-align: right; position: relative; } .bx_filter_vertical{ float: right; } .bx_filter_vertical .filter_name{ font-size: 0; width: 53px; height: 52px; position: absolute; right: 57px; background: #eff0f0 url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/filter.svg) center no-repeat; } .catalog .left__menu__wrap{ border: none; width: 61%; background: #eff0f0; float: left; text-align: left; padding: 12px 14px; } .catalog .left__menu__toggle{ text-transform: none; padding: 0px; background: #eff0f0 url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/filter-arr.svg) right center no-repeat; } .nosect{ float: right; } .nosect .price-data .basket_button{ width: 53px; height: 52px; background: #ff0013 url(/bitrix/templates/aspro_kshop_copy/css/../img/svg/nosect_price.svg) center no-repeat; font-size: 0; } .catalog .left__menu__open ul.left_menu { display: block; position: absolute; width: 100%; background: #eff0f0; left: 0; padding: 15px; z-index: 2; } .bx_filter_container { margin-bottom: 23px; width: 42%; display: inline-block; vertical-align: top; margin: 3px 19px; } .catalog_detail .info_block_wrap { width: 100%; } .catalog_detail .get_date_wpap { width: 100%; } .info_block_wrap .availability-row, .info_block_wrap .counter_block { width: 55%; } .catalog_detail .like_icons, .info_block_wrap .quantity{ width: 44%; text-align: left; } .similar_product .like_icons{ width: 35%; } .catalog_detail .article{ width: 48%; } .catalog_detail .buttons_block_ask{ margin-bottom: 15px; } .catalog_detail .article .block_title{ display: block; } .catalog_detail .article .b{ padding-left: 0; } .buy_buttons_wrapp .basket_button{ display: inline-block; } .buy_buttons_wrapp .one_click{ float: right; } .buy_buttons_wrapp .basket_button{ width: 175px; } .catalog_detail .element_detail_text{ margin-top: 0; margin-bottom: 15px; } .catalog_detail .get_date a { margin-top: 15px; } .main_tabs li { font-size: 14px; } .offers_table_head{ display: none; } .offers_table_item .property{ width: 35%; } .offers_table_item .price_wrap{ width: 65%; } .offers_table_item .counter_block, .offers_table_item .buy{ width: 31%; } .offers_table_item .buy .buy_btn{ float: none; } .offers_table_item .buy .btn{ margin-right: auto; margin-left: auto; } .offers_table_item .price_wrap.nocounter { width: 20%; } .order_form_head .name-th, .order_form_item .name-cell { width: 30%; } #order_form_div .section { padding: 23px 10px 15px; } #order_form_div .sale_order_table.delivery .bx_element, #order_form_div .sale_order_table.delivery .bx_element:first-child { width: 100%; } #order_form_div .sale_order_table.delivery .bx_element{ padding-top: 0; } #order_form_div .sale_order_table.delivery .input_box{ margin-right: 60px; margin-top: 17px; } #order_form_div .sale_order_table .text_del:before{ top: 0; left: -55px; background-position: top left; } #order_form_div .sale_order_table.delivery .name{ min-height: auto; } .search-page .catalog_block .catalog_item_wrapp{ width: 49%; } .action__list__item__left{ width: 25%; } .action__list__item__right{ width: 74%; } .header-cart-block .basket_fly{ width: 581px; right: -581px; top: 50px; } } @media only screen and (max-width: 639px) { .article_container { width: 100%; } .article_box, .news_box { width: 47.5%; } .tabs_wrap, .content_bl { padding-top: 20px; } .specials_slider { width: 320px; } .mail_bl, .opener_top { display: none; } .geolocation_bl { width: 40%; } .cart_bl .cart_text a, .slider_tovar_navi { display: none; } .slider_tovar_box { width: 98%; } .slider_tovar_contain { width: 300px; margin: 0 auto; } .slider_tovar_info { padding: 0 15px; text-align: center; } .slider_tovar .btn { margin: 17px auto 0; } .tovar_nav_wrap { left: 0; right: 0; margin: 0 auto; } .preim_inner { padding-left: 0; width: 100%; margin-bottom: 28px; text-align: center; } .preim_name { margin: 20px 0; } .preim_wrap { padding-bottom: 0; } .brands_container { width: 185px; } .menu_foot .menu_foot1, .menu_foot .menu_foot2, .menu_foot .menu_foot3, .menu_foot .menu_foot4 { width: 50%; margin-bottom: 35px; } .article_box, .news_box { width: 100%; float: none; } .article_new { background-size: cover; } .article_slider { width: 300px; margin: 0 auto; } .r_top_foot .btn_foot { width: 100%; } .r_top_foot .btn--linear, .r_top_foot .btn--red { float: none; margin: 0 auto 20px; } .r_top_foot .phone { margin: 0 0 17px 0; } .menu .act .child_wrapp { display: block; position: static; right: 19px; top: 0; -webkit-column-count: inherit; -moz-column-count: inherit; column-count: inherit; width: 97%; padding: 0; height: 235px; margin: 0; overflow-y: scroll; } .question-list{ padding-top: 3px; } .question-list .name { padding: 8px 13px 10px; font-size: 20px; } .question-list .item { padding-left: 10px; } .question-list .q span{ line-height: 19px; } .question-list .q span:before{ top: 1px; } .question-list .ans{ padding: 16px 0px 9px 17px; } .question-list .section-list { margin-bottom: 16px; } .double .store_description{ width: 100%; margin-bottom: 11px; } .store_description .store__item__title { margin-bottom: 17px; } .store__prop { padding-left: 27px; } .feedback-block .form-head{ font-size: 24px; margin-bottom: 9px; } .feedback-block .form-left, .feedback-block .form-right{ width: 92%; } .feedback-block .form-right .btn{ width: 169px; } .contact_map{ max-height: 205px; } .module-authorization { margin-top: 14px; } .authorization-cols .authorization{ padding: 17px 0px 6px; } .authorization-cols .auth-title{ font-size: 20px; line-height: 25px; padding: 0 17px; } .authorization-cols .form_wrapp { padding: 0px 17px; } #avtorization-form-page .r { width: 100%; } #avtorization-form-page .remember { float: none; } .module-authorization .soc-avt{ padding: 16px 17px; } .module-authorization .soc-avt .soc-avt-name{ margin-top: 4px; width: 36%; } .module-authorization .soc-avt .soc-avt-btn .btn { width: 164px; } .module-authorization #bx_auth_servform { width: 283px; padding: 20px 5px; } .module-authorization #bx_auth_servform input[type="text"] { width: 130px; } .module-authorization #bx_auth_servform input[type="submit"]{ margin-left: 5px; } .authorization-cols .registration{ padding: 23px 0px 28px 0; } .authorization-cols .registration .form_wrapp { padding-top: 0; } .hide_text_content{ display: none; } p.show__text, .show__text{ display: block; color: #195b91; text-decoration: underline; } .item_slider { width: 38%; } .item_slider ul.slides { height: 120px; } .item_slider:not(.flex) ul.slides li{ height: 110px; } .right_info { width: 62%; padding-left: 3px; } .catalog_detail .article { width: 100%; } .catalog_detail .article .block_title{ display: inline-block; } .catalog_detail .article .b{ padding-left: 5px; } .info_block_wrap .availability-row, .info_block_wrap .counter_block { width: 53%; } .buy_buttons_wrapp .basket_button{ width: 230px; float: none; } .item_slider .thumbs li{ width: 70px !important; height: 70px; } .item_slider:not(.flex) ul.slides li{ height: 100px; } .main_tabs:before{ content: none; } .main_tabs li:before{ content: none; } .main_tabs li{ padding: 3px; } .content ul.main_tabs{ margin-bottom: 0; } .tabs_section .slider .indicator{ margin-top: 0px; } .offers_table_item .property, .offers_table_item .price_wrap, .offers_table_item .counter_block, .offers_table_item .buy { padding: 10px 6px; } .offers_table_item .property, .offers_table_item .price_wrap{ width: 100%; } .offers_table_item .buy_nocounter{ width: 80%; } .order_form_head .quantity-th, .order_form_item .count-cell{ width: 20%; }.order_form_head .name-th, .order_form_item .name-cell { width: 25%; } .header-cart-block .basket_fly{ width: 521px; right: -521px; } .basket_fly #basket_form { padding: 15px 15px 25px 15px; } } @media only screen and (max-width: 579px) { .logo_bl .logo img { width: 140px; } .logo_bl .logo span { font-size: 9px; left: 45px; } .phone_bl a, .phone_bl .ds-form, body { font-size: 14px; } .vopros_bl .ds-form { margin-top: 8px; } .geolocation_bl { width: 37%; } .middle_header { padding-top: 20px; padding-bottom: 15px; } .search_bl { padding-top: 15px; } .search_bl #title-search-input-2 { height: 35px; padding-left: 10px; } .search_bl { width: 53%; } .search_bl #search-submit-button { top: 10px; right: 10px; } .cart_bl .icon-cart:before { font-size: 32px; } .cart_bl { /*padding-right: 22px;*/ padding-top: 12px; } .cart_bl .cart_text { margin-left: 12px; } .cart_bl .count { top: 0; right: -3px; } .btn_menu { margin-bottom: 14px; } .katal_container .katal_name { left: 10px; } .all_katal { font-size: 16px; } .tabs_my .btn_nav_bl .nav, .tabs_my .nav.act { font-size: 18px; margin-bottom: 15px; } .specials_slider { width: 300px; } .title_h1, h1 { padding: 30px 0 45px; font-size: 24px; text-align: center; } .inner__page__header{ text-align: left; } .akcii_name { font-size: 24px; } #toTop { width: 31px; background-size: contain; right: 15px; } #toTop:hover{ width: 40px; background-size: contain; right: 10px; } .copy_box a { display: block; text-align: center; padding-bottom: 10px; margin: 0; } .copy_box .politic { border-left: none; margin: 0; } .slider_tovar_wrap { padding-top: 50px; padding-bottom: 50px; } .slider_tovar_image { height: 185px; } .slider_tovar_title { font-size: 19px; } .slider_tovar_box { height: 485px; } .tovar_nav_wrap { bottom: 65px; } .preim_name { margin: 15px 0; } .article_new .title_h1 { padding: 25px 0 20px; } .article_inner { height: 380px; } .article_box .all_article, .news_box .all_article { margin: 20px auto 0; font-size: 16px; } .article_box .owl-nav, .news_box .owl-nav { bottom: -16px; } .article_name { font-size: 18px; } .brands_wrap .title_h1 { padding: 20px 0 28px 0; } .akcii_name { margin: 17px 0 21px 0; } .l_top_foot .white { line-height: 1.3; margin-bottom: 15px; } .menu_foot li { margin-bottom: 13px; } .menu_foot .menu_foot1, .menu_foot .menu_foot2, .menu_foot .menu_foot3, .menu_foot .menu_foot4 { width: 50%; margin-bottom: 27px; } .menu_foot { padding-bottom: 0; } .r_top_foot .btn--linear, .r_top_foot .btn--red { float: none; margin: 0 auto 10px; } .r_top_foot .phone { margin: 5px 0 15px 0; font-size: 24px; } .top_footer { padding-bottom: 20px; } .copy_box .copy { display: block; margin-bottom: 13px; padding-right: 0; } .soc_sety { padding-top: 17px; } #dswopros-form .field-2, #dswopros-form .field-3{ width: 100%; margin-right: 0; float: none; margin-bottom: 15px; } .wopros_wrap{ height: auto; background-size: cover; padding-bottom: 25px; } #dszakaz-form, #dszvonok-form { /*width: 300px;*/ /*padding: 10px 24px 30px;*/ background-size: cover; } #dszakazformmessagereport, #dszvonokformmessagereport{ width: 300px; padding: 10px 24px 30px; background-size: cover; } #dszvonok-form .form-head, #dszakaz-form .form-head{ font-size: 28px; } .sections_list .item .item-title a, .sections_list .item .item-title { font-size: 18px; } .sort_filter a .arr{ margin: 0 4px; } .list_item_wrapp .description_wrapp { width: 70%; } .list_item_wrapp .btn_wrapp{ float: none; text-align: right; width: 100%; } .list_item_wrapp .counter_block, .list_item_wrapp .button_block{ display: inline-block; vertical-align: middle; } .list_item_wrapp .button_block { margin-top: 0; } .bx_filter_container{ margin: 3px 14px; } .order_form_head{ display: none; } .order_form_item .name-cell{ width: 100%; } .order_form_item .cost-cell{ width: 49%; } .order_form_item .count-cell{ width: 49%; float: right; } .order_form_item .summ-cell{ width: 54%; } .order_form_item .delay-cell{ width: 33%; } .order_form_item .remove-cell{ width: 10%; padding: 7px 0; } .order_form_item > div{ vertical-align: top; padding: 8px 10px; } .order_form_item .hr{ display: block; background: #e8e8e8; width: 98%; margin: auto; height: 1px; clear: both; } ul.tabs{ margin-bottom: 0; } .basket_sort .btn{ width: auto; min-width: 145px; margin-right: 3px; } .order_form_item { padding: 7px 0; } #order_form_div form .title{ font-size: 20px; } #order_form_div .sale_order_table .text_del:before{ -webkit-background-size: 40px; background-size: 40px; left: -57px; top: 3px; } #order_form_div .sale_order_table .text_del{ width: 67%; } #order_form_div .sale_order_table.delivery .input_box { margin-right: 68px; margin-top: 14px; } #order_form_div .sale_order_table.delivery .bx_element{ margin-bottom: 5px; } #order_form_div #sale_order_props > div{ margin-top: 0; width: 100%; margin-bottom: 17px; } #order_form_div #sale_order_props{ margin-bottom: 0; } #order_form_div .info_right{ padding-top: 0; } .bx_order_make .bx_block textarea{ margin-bottom: 10px; } #order_form_div .sale_order_table.paysystem{ line-height: 30px; padding-top: 0; margin-bottom: 0; } #order_form_div .sale_order_table .text_del { width: 80%; } #order_form_div .sale_order_table.paysystem .input_box{ margin-top: 5px; } #order_form_div .sale_order_table{ margin-bottom: 10px; } #order_form_div .summary .summary_info, #order_form_div .summary .summary_btn{ width: 100%; display: block; } #order_form_div .summary .summary_btn{ text-align: center; margin-top: 20px; } .popup{ width: 95%; padding: 30px 15px 20px; } .popup .pop-up-title{ font-size: 24px; } .offers_table_item .counter_block, .offers_table_item .buy{ width: 50%; } .action__list__item__left{ width: 32%; } .action__list__item__right{ width: 67%; } .slider_tovar_box{ margin: 15px; } .slider_tovar_contain{ width: 300px; height: 515px; } .slider_tovar_box{ width: 270px; } .header-cart-block .basket_fly{ width: 89%; right: -89%; } } @media only screen and (max-width: 510px){ .services__list > .services__list__item:nth-of-type(n){ width: 100%; margin-right: 0; min-height: 230px; margin-bottom: 6px; } .article__list > .article__list__item:nth-of-type(n){ width: 100%; margin-right: 0; } .article__list__image__inner__wrap{ height: auto; text-align: center; } .article__list__image__inner__wrap img{ height: auto; position: static; max-height: 115px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .article__list__image__wrap{ margin-bottom: 10px; } .article__list{ margin-top: 10px; } .brands_list li { width: 49%; height: 95px; margin-bottom: 7px; } .brands_list li img { max-width: 76%; max-height: 56px; } .sort_filter > span{ display: block; } .sort_filter a { margin-left: 0; margin-right: 7px; } .catalog_vid .hide_text, .hide_text{ display: none; } .show_hide_text{ display: block; } .bx_filter_container{ margin: auto; width: 100%; } #order_form_div .sale_order_table .text_del { width: 66%; } .module-form-block-wr .form-block .r, .module-form-block-wr .form-block .l{ width: 100%; } .content ul.main_tabs{ display: block; font-size: 0; } .main_tabs li{ display: inline-block; width: 50%; vertical-align: top; } } @media only screen and (max-width: 470px) { .content p{ line-height: 1.6; } .store_map .bx-yandex-map > ymaps, .store_map .bx-yandex-map > ymaps > ymaps, .store_map .bx-yandex-map{ height: 205px !important; } .store_description{ padding-left: 12px; padding-right: 12px; padding-top: 15px; } .action__list__image__inner__wrap{ height: auto; width: auto; min-height: 0; text-align: center; } .action__list__item .action__list__item__date{ margin-bottom: 13px; } .action__list__image__inner__wrap img{ -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static; max-width: 100%; } .action__list__item{ display: block; padding: 20px; padding-top: 24px; } .action__list__item__left{ margin-bottom: 8px; width: 100%; } .action__list__item__right{ display: block; padding-left: 0; width: 100%; } .news .item{ display: block; } .news .item .left-data .news__list__image__wrap{ width: 100%; height: auto; } .news .item .item-title a{ color: #303030; } .news .item .left-data a img{ position: static; max-width: 100%; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; max-height: 115px; } .news__list__readmore{ display: block; } .news__list__date{ position: static; } .news .item .right-data{ padding-left: 0; padding-bottom: 0; } .news .item .left-data{ margin-bottom: 16px; } .news__list__date{ margin-bottom: 15px; } .news .item{ padding: 19px 25px; padding-bottom: 25px; } .news .item .preview-text{ line-height: 1.2; margin-bottom: 15px; } .price-data { margin-bottom: 15px; } .price-data .basket_button{ margin: auto; padding: 14px 0 14px 30px; } .sections_list .item .image-data { height: 140px; } .sections_list > section{ margin: 10px auto 0; width: auto; } .sections_list > .item_wrap { width: 100%; margin: 0 auto 8px; min-height: 222px; } .sections_list .item .item-title a, .sections_list .item .item-title { font-size: 20px; } .show_more{ margin-top: 10px; } .sort_header { margin-top: 0; margin-bottom: 28px; } .sort_filter{ line-height: 1.3; } .sort_filter a{ display: block; } .search-page .catalog_block .catalog_item_wrapp{ width: 100%; } .catalog_block .catalog_item_wrapp{ width: 100%; margin: 0 auto 10px; padding: 10px 22px 60px 22px; } .catalog_block .catalog_item_wrapp .image { height: 144px; } .catalog_block .basket_button{ max-width: 250px } .bottom_nav .show_number { display: block; float: none; margin-top: 15px; } .bottom_nav { margin-bottom: 15px; } .catalog_vid .image { width: 100%; } .catalog_vid .text { width: 100%; padding-left: 0px; margin-bottom: 20px; } .bottom_nav .module-pagination{ display: block; margin-top: 18px; } .module-pagination .nums a{ margin-right: 12px; } .list_item_wrapp .counter_block input{ width: 44px; } .list_item_wrapp .btn_wrapp .basket_button { width: 125px; } .view-list .catalog_item { width: 90%; } .item_slider { width: 100%; } .item_slider ul.slides { height: 214px; margin-bottom: 11px; } .item_slider:not(.flex) ul.slides li { height: 194px; } .right_info { width: 100%; padding-left: 0; } .rating .block_title{ display: block; } .catalog_detail .article { width: 60%; text-align: right; margin-top: 0; } .catalog_detail .article .block_title { display: block; } .catalog_detail .item_main_info{ padding-bottom: 7px; } .catalog_detail .info_block{ margin-bottom: 10px; } .catalog_detail .info_block:before{ width: 100%; } .info_block_wrap{ text-align: center; } .info_block_wrap .availability-row{ text-align: center; width: 49%; } .catalog_detail .price_block { margin-bottom: 6px; } .catalog_detail .like_icons{ text-align: center; width: 49%; } .catalog_detail .buttons_block_ask{ margin: 28px auto 15px; display: inline-block; } .catalog_detail .buttons_block_ask .btn{ width: 230px; } .tabs_section .slider .indicator{ display: none; } .main_tabs li.cur{ border-bottom: 5px solid #004985; } .offers_table_item .property, .offers_table_item .price_wrap, .offers_table_item .counter_block, .offers_table_item .buy{ padding: 10px 6px; } } /* End */ /* Start:/bitrix/templates/aspro_kshop_copy/ajax/ajax.css?1470652053309*/ iframe.waitwindowlocal { position:absolute; border:0px; z-index:9999; } div.waitwindowlocal { position:absolute; width:25px; height: 25px; padding:0px; z-index:10000; display: none; } div.waitwindowlocalshadow { position:absolute; background: rgba(255,255,255, .6); } /* End */ /* /bitrix/templates/aspro_kshop_copy/css/jquery.fancybox.css?14706520354349 */ /* /bitrix/templates/aspro_kshop_copy/css/normalize.min.css?15507605401981 */ /* /bitrix/templates/aspro_kshop_copy/css/fonts.css?15602587141871 */ /* /bitrix/templates/aspro_kshop_copy/css/owl.carousel.css?15507605404830 */ /* /bitrix/templates/aspro_kshop_copy/css/animate.css?155906142016818 */ /* /bitrix/templates/aspro_kshop_copy/css/main.min.css?1576747655113323 */ /* /bitrix/templates/aspro_kshop_copy/css/media.min.css?156093270454583 */ /* /bitrix/templates/aspro_kshop_copy/ajax/ajax.css?1470652053309 */