/* Start:/local/templates/main_kz/css/lib/normalize.min.css?16478811522802*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,button,input,select,textarea,a{font-family:sans-serif;outline:none !important}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}li{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;border:0;outline:0}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-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}input[type="text"],input[type="email"],input[type="tel"]{text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;text-align:start;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{resize:none;overflow:auto;vertical-align:top;padding:5px}table{border-collapse:collapse;border-spacing:0}input:focus,input{outline:0;padding:0 5px}*{margin:0;padding:0;border:0}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1}.cf:before,.cf:after{content:" ";display:table;clear:both}.cf:after{clear:both}.cf{*zoom:1}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}@-ms-viewport{width:device-width}@viewport{width:device-width}hr{display:block;height:1px;border:0;border-bottom:1px solid #ccc;padding:0}audio,canvas,img,video{vertical-align:bottom}a{text-decoration:none}h1,h2,h3,h4{font-weight:normal}body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}@media screen and (-webkit-min-device-pixel-ratio:0){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}a:hover{text-decoration:none} /* End */ /* Start:/local/templates/main_kz/css/lib/dropdown.css?16478811524449*/ /*! formstone v1.1.0 [dropdown.css] 2016-05-01 | GPL-3.0 License | formstone.it */.fs-dropdown{position:relative;z-index:1;display:block;width:160px}.fs-dropdown,.fs-dropdown *,.fs-dropdown :after,.fs-dropdown :before,.fs-dropdown:after,.fs-dropdown:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:none;transition:none;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;outline:0;text-align:center;font-size:13px}.fs-dropdown-element{width:100%;height:100%;position:absolute;left:0;z-index:-1;opacity:0;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.fs-dropdown-selected{padding:0;width:100%;position:relative;z-index:2;background:#fff;color:#888;cursor:pointer;display:block;overflow:hidden;text-align:left;text-overflow:clip;text-align:center;border:1px solid #fff;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;-webkit-border-top-right-radius:15px;border-top-right-radius:15px;padding:15px 10px;text-transform:uppercase;font-size:11px;font-family:"GillSansC-light","Arial",sans-serif;white-space:nowrap;overflow:hidden}.fs-dropdown-selected:before{z-index:1;display:block;position:absolute;content:'';width:30%;height:100%;top:-2px;right:0;background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,1)));background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%)}.fs-dropdown-selected:after{display:none;position:absolute;content:'';width:10px;height:9px;top:15px;right:10px;background:url('/local/templates/main_kz/css/lib/../../images/triangl.png')no-repeat center center / 8px;z-index:2;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fs-dropdown-open .fs-dropdown-selected{border:1px solid #d2d2d2;border-bottom:1px solid #fff}.fs-dropdown-open .fs-dropdown-selected:after{display:block}.fs-dropdown-options{display:none;width:100%;max-height:260px;position:absolute;margin-top:-1px;top:100%;left:0;z-index:5;background:#fff;border:1px solid #d2d2d2;border-top:0;overflow:auto;overflow-x:hidden;-webkit-border-bottom-left-radius:15px;border-bottom-left-radius:15px;-webkit-border-bottom-right-radius:15px;border-bottom-right-radius:15px;padding-bottom:5px}.fs-dropdown-options.fs-scrollbar{position:absolute}.fs-dropdown-group{display:block;font-size:75%}.fs-dropdown-item{border:0;padding:8px 10px;width:100%;background:#fff;-webkit-border-radius:0;border-radius:0;color:#000;cursor:pointer;display:block;overflow:hidden;text-align:center;text-decoration:none;text-overflow:ellipsis;font-size:13px}.fs-dropdown-item:hover{color:#49b5ad}.fs-dropdown-item:first-child{display:none}.fs-dropdown-item_placeholder{display:none}.fs-dropdown-item_selected{color:#49b5ad}.fs-dropdown-item_disabled{cursor:default;opacity:.5}.fs-dropdown-open{z-index:3}.fs-dropdown-open .fs-dropdown-options{display:block}.fs-dropdown-open .fs-dropdown-selected{z-index:6}.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected{z-index:4}.fs-dropdown-cover .fs-dropdown-options{top:0}.fs-dropdown-bottom .fs-dropdown-options{top:auto;bottom:100%}.fs-dropdown-bottom.fs-dropdown-cover .fs-dropdown-options{top:auto;bottom:0}.fs-dropdown-multiple .fs-dropdown-options{width:100%;position:static;display:block}.fs-dropdown-disabled{opacity:.5}.fs-dropdown-disabled .fs-dropdown-selected{cursor:default}.fs-dropdown-disabled .fs-dropdown-group,.fs-dropdown-disabled .fs-dropdown-item{cursor:default}.fs-dropdown-options.fs-scrollbar{overflow:hidden}.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar{border:1px solid;border-width:0 0 0 1px}.fs-dropdown-options.fs-scrollbar .fs-scrollbar-content{max-height:260px;height:auto}.fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content{padding:0} .description .selectinline .fs-dropdown { display: inline-block; width: 300px; } .description .selectinline2 .fs-dropdown { display: inline-block; } .description .selectinline .fs-dropdown .fs-dropdown-selected, .description .selectinline .fs-dropdown .fs-dropdown-item { text-align: left; } .description .selectinline3 .fs-dropdown { display: inline-block; width: 100px; } /* End */ /* Start:/local/templates/main_kz/css/lib/tooltipster.bundle.min.css?16478811527325*/ .tooltipster-fall, .tooltipster-grow.tooltipster-show { -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1); -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); -ms-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.15) } .tooltipster-base { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; pointer-events: none; position: absolute } .tooltipster-box { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto } .tooltipster-content { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto } .tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity } .tooltipster-fade.tooltipster-show { opacity: 1 } .tooltipster-grow { -webkit-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-backface-visibility: hidden } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); transition-timing-function: cubic-bezier(.175,.885,.32,1.15) } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,1); -webkit-transition-timing-function: cubic-bezier(.23,.635,.495,2.4); transition-timing-function: cubic-bezier(.23,.635,.495,2.4) } .tooltipster-fall { -webkit-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); transition-timing-function: cubic-bezier(.175,.885,.32,1.15) } .tooltipster-fall.tooltipster-initial { top: 0 !important } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; transition-property: all; top: 0 !important; opacity: 0 } .tooltipster-slide { -webkit-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.15); transition-timing-function: cubic-bezier(.175,.885,.32,1.15) } .tooltipster-slide.tooltipster-initial { left: -40px !important } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; transition-property: all; left: 0 !important; opacity: 0 }@-webkit-keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}} .tooltipster-update-fade { -webkit-animation: tooltipster-fading .4s; animation: tooltipster-fading .4s }@-webkit-keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes tooltipster-rotating{25%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}75%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}} .tooltipster-update-rotate { -webkit-animation: tooltipster-rotating .6s; animation: tooltipster-rotating .6s }@-webkit-keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tooltipster-scaling{50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}} .tooltipster-update-scale { -webkit-animation: tooltipster-scaling .6s; animation: tooltipster-scaling .6s } .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid #000; -webkit-border-radius: 4px; border-radius: 4px } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px } .tooltipster-sidetip .tooltipster-content { color: #fff; line-height: 18px; padding: 6px 14px } .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: 0; width: 20px } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; top: 0; width: 10px } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; top: 0; width: 10px } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0 } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0; top: 3px } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0 } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0 } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0; top: -3px } .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0 } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #000 } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #000 } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #000 } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #000 } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px } /* End */ /* Start:/local/templates/main_kz/css/lib/tipped.css?164788115212633*/ .tpd-tooltip { position: absolute } .tpd-tooltip { -webkit-box-sizing: content-box; box-sizing: content-box } .tpd-tooltip [class^="tpd-"] { -webkit-box-sizing: inherit; box-sizing: inherit } .tpd-content-wrapper { position: absolute; top: 0; left: 0; float: left; width: 100%; height: 100%; overflow: hidden } .tpd-content-spacer, .tpd-content-relative, .tpd-content-relative-padder { float: left; position: relative } .tpd-content-relative { width: 100% } .tpd-content { float: left; clear: both; position: relative; padding: 10px; font-size: 11px; line-height: 16px; color: #fff; -webkit-box-sizing: border-box !important; box-sizing: border-box !important } .tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important } .tpd-tooltip .tpd-content-no-padding { padding: 0 !important } .tpd-title-wrapper { float: left; position: relative; overflow: hidden } .tpd-title-spacer { float: left } .tpd-title-relative, .tpd-title-relative-padder { float: left; position: relative } .tpd-title-relative { width: 100% } .tpd-title { float: left; position: relative; font-size: 11px; line-height: 16px; padding: 10px; font-weight: bold; text-transform: uppercase; color: #fff; -webkit-box-sizing: border-box !important; box-sizing: border-box !important } .tpd-has-title-close .tpd-title { padding-right: 0 !important } .tpd-close { position: absolute; top: 0; right: 0; width: 28px; height: 28px; cursor: pointer; overflow: hidden; color: #fff } .tpd-close-icon { float: left; font-family: Arial, Baskerville, monospace; font-weight: normal; font-style: normal; text-decoration: none; width: 28px; height: 28px; font-size: 28px; line-height: 28px; text-align: center } .tpd-skin { position: absolute; top: 0; left: 0 } .tpd-frames { position: absolute; top: 0; left: 0 } .tpd-frames .tpd-frame { float: left; width: 100%; height: 100%; clear: both; display: none } .tpd-visible-frame-top .tpd-frame-top { display: block } .tpd-visible-frame-bottom .tpd-frame-bottom { display: block } .tpd-visible-frame-left .tpd-frame-left { display: block } .tpd-visible-frame-right .tpd-frame-right { display: block } .tpd-backgrounds { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .tpd-background-shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; pointer-events: none } .tpd-no-shadow .tpd-skin .tpd-background-shadow { -webkit-box-shadow: none !important; box-shadow: none !important } .tpd-background-box { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden } .tpd-no-stem .tpd-background-box, .tpd-no-stem .tpd-shift-stem { display: none } .tpd-no-stem .tpd-background-box-top { display: block } .tpd-background-box-shift, .tpd-background-box-shift-further { position: relative; float: left; width: 100%; height: 100% } .tpd-background { -webkit-border-radius: 10px; border-radius: 10px; float: left; clear: both; background: 0; background-clip: padding-box; border-style: solid; border-width: 1px; border-color: rgba(255,255,255,.1) } .tpd-background-loading { display: none } .tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { -webkit-border-radius: 0; border-radius: 0 } .tpd-background-title { float: left; clear: both; width: 100%; background-color: #282828 } .tpd-background-content { float: left; clear: both; width: 100%; background-color: #282828 } .tpd-background-border-hack { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-style: solid } .tpd-background-box-top { top: 0 } .tpd-background-box-bottom { bottom: 0 } .tpd-background-box-left { left: 0 } .tpd-background-box-right { right: 0 } .tpd-shift-stem { position: absolute; top: 0; left: 0; overflow: hidden } .tpd-shift-stem-side { position: absolute } .tpd-frame-top .tpd-shift-stem-side, .tpd-frame-bottom .tpd-shift-stem-side { width: 100% } .tpd-frame-left .tpd-shift-stem-side, .tpd-frame-right .tpd-shift-stem-side { height: 100% } .tpd-stem { position: absolute; top: 0; left: 0; overflow: hidden; width: 16px; height: 8px; margin-left: 3px; margin-top: 2px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important } .tpd-stem-spacer { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .tpd-stem-reset .tpd-stem-spacer { margin-top: 0 } .tpd-stem-point { width: 100px; position: absolute; top: 0; left: 50% } .tpd-stem-downscale, .tpd-stem-transform { float: left; width: 100%; height: 100%; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; position: relative } .tpd-stem-side { width: 50%; height: 100%; float: left; position: relative; overflow: hidden } .tpd-stem-side-inversed { -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1) } .tpd-stem-triangle { width: 0; height: 0; border-bottom-style: solid; border-left-color: transparent; border-left-style: solid; position: absolute; top: 0; left: 0 } .tpd-stem-border { width: 20px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #fff; border-right-color: #fff; border-right-style: solid; border-right-width: 0 } .tpd-stem-border-corner { position: absolute; top: 0; left: 50%; height: 100%; border-right-style: solid; border-right-width: 0 } .tpd-stem * { z-index: 0; zoom: 1 } .tpd-stem-border-center-offset, .tpd-stem-border-center-offset-inverse { float: left; position: relative; width: 100%; height: 100%; overflow: hidden } .tpd-stem-notransform { float: left; width: 100%; height: 100%; position: relative } .tpd-stem-notransform .tpd-stem-border { height: 100%; position: relative; float: left; top: 0; left: 0; margin: 0 } .tpd-stem-notransform .tpd-stem-border-center { position: absolute } .tpd-stem-notransform .tpd-stem-border-corner { background: #fff; border: 0; top: auto; left: auto } .tpd-stem-notransform .tpd-stem-border-center, .tpd-stem-notransform .tpd-stem-triangle { height: 0; border: 0; left: 50% } .tpd-stem-transform-left { -webkit-transform: rotate(-90deg) scale(-1,1); -ms-transform: rotate(-90deg) scale(-1,1); transform: rotate(-90deg) scale(-1,1) } .tpd-stem-transform-right { -webkit-transform: rotate(90deg) translate(0,-100%); -ms-transform: rotate(90deg) translate(0,-100%); transform: rotate(90deg) translate(0,-100%) } .tpd-stem-transform-bottom { -webkit-transform: scale(1,-1) translate(0,-100%); -ms-transform: scale(1,-1) translate(0,-100%); transform: scale(1,-1) translate(0,-100%) } .tpd-spinner { position: absolute; top: 50%; left: 50%; width: 46px; height: 36px } .tpd-spinner-spin { position: relative; float: left; margin: 8px 0 0 13px; text-indent: -9999em; border-top: 2px solid rgba(255,255,255,0.2); border-right: 2px solid rgba(255,255,255,0.2); border-bottom: 2px solid rgba(255,255,255,0.2); border-left: 2px solid #fff; -webkit-animation: tpd-spinner-animation 1.1s infinite linear; animation: tpd-spinner-animation 1.1s infinite linear; -webkit-box-sizing: border-box !important; box-sizing: border-box !important } .tpd-spinner-spin, .tpd-spinner-spin:after { -webkit-border-radius: 50%; border-radius: 50%; width: 20px; height: 20px }@-webkit-keyframes tpd-spinner-animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes tpd-spinner-animation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .tpd-is-loading .tpd-content-wrapper, .tpd-is-loading .tpd-title-wrapper { display: none } .tpd-is-loading .tpd-background { display: none } .tpd-is-loading .tpd-background-loading { display: block } .tpd-tooltip-measuring { top: 0; left: 0; position: absolute; max-width: 100%; width: 100% } .tpd-tooltip-measuring .tpd-skin, .tpd-tooltip-measuring .tpd-spinner { display: none } .tpd-tooltip-measuring .tpd-content-wrapper, .tpd-tooltip-measuring .tpd-title-wrapper { display: block } .tpd-tooltip a, .tpd-tooltip a:hover { color: gray; text-decoration: underline } .tpd-tooltip a:hover { color: #6c6c6c } .tpd-size-x-small .tpd-content, .tpd-size-x-small .tpd-title { padding: 7px 8px; font-size: 10px; line-height: 15px } .tpd-size-x-small .tpd-background { -webkit-border-radius: 5px; border-radius: 5px } .tpd-size-x-small .tpd-stem { width: 12px; height: 6px; margin-left: 4px; margin-top: 2px } .tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px } .tpd-size-x-small .tpd-close { margin-bottom: 1px } .tpd-size-x-small .tpd-spinner { width: 35px; height: 29px } .tpd-size-x-small .tpd-spinner-spin { margin: 6px 0 0 9px } .tpd-size-x-small .tpd-spinner-spin, .tpd-size-x-small .tpd-spinner-spin:after { width: 17px; height: 17px } .tpd-size-small .tpd-content, .tpd-size-small .tpd-title { padding: 8px; font-size: 10px; line-height: 16px } .tpd-size-small .tpd-background { -webkit-border-radius: 6px; border-radius: 6px } .tpd-size-small .tpd-stem { width: 14px; height: 7px; margin-left: 5px; margin-top: 2px } .tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px } .tpd-size-small .tpd-close { margin: 2px 1px } .tpd-size-small .tpd-spinner { width: 42px; height: 32px } .tpd-size-small .tpd-spinner-spin { margin: 7px 0 0 13px } .tpd-size-small .tpd-spinner-spin, .tpd-size-small .tpd-spinner-spin:after { width: 18px; height: 18px } .tpd-size-medium .tpd-content, .tpd-size-medium .tpd-title { padding: 10px; font-size: 11px; line-height: 16px } .tpd-size-medium .tpd-background { -webkit-border-radius: 8px; border-radius: 8px } .tpd-size-medium .tpd-stem { width: 16px; height: 8px; margin-left: 6px; margin-top: 2px } .tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 10px } .tpd-size-medium .tpd-close { margin: 4px 2px } .tpd-size-medium .tpd-spinner { width: 50px; height: 36px } .tpd-size-medium .tpd-spinner-spin { margin: 8px 0 0 15px } .tpd-size-medium .tpd-spinner-spin, .tpd-size-medium .tpd-spinner-spin:after { width: 20px; height: 20px } .tpd-size-large .tpd-content, .tpd-size-large .tpd-title { padding: 10px; font-size: 13px; line-height: 18px } .tpd-size-large .tpd-background { -webkit-border-radius: 8px; border-radius: 8px } .tpd-size-large .tpd-stem { width: 18px; height: 9px; margin-left: 7px; margin-top: 2px } .tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 10px } .tpd-size-large .tpd-close { margin: 5px 2px 5px 2px } .tpd-size-large .tpd-spinner { width: 54px; height: 38px } .tpd-size-large .tpd-spinner-spin { margin: 9px 0 0 17px } .tpd-size-large .tpd-spinner-spin, .tpd-size-large .tpd-spinner-spin:after { width: 20px; height: 20px } .tpd-skin-dark .tpd-content, .tpd-skin-dark .tpd-title, .tpd-skin-dark .tpd-close { color: #fff } .tpd-skin-dark .tpd-background-content, .tpd-skin-dark .tpd-background-title { background-color: #282828 } .tpd-skin-dark .tpd-background { border-width: 1px; border-color: rgba(255,255,255,.1) } .tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040 } .tpd-skin-dark .tpd-spinner-spin { border-color: rgba(255,255,255,.2); border-left-color: #fff } .tpd-skin-dark a { color: #ccc } .tpd-skin-dark a:hover { color: silver } /* End */ /* Start:/local/templates/main_kz/css/lib/jquery.fancybox.min.css?164788115214065*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main_kz/css/main.css?1722944300338254*/ @charset "UTF-8"; @font-face { font-family: 'GillSansC'; src: url("/local/templates/main_kz/css/../fonts/GillSansC.eot"); src: url("/local/templates/main_kz/css/../fonts/GillSansC.woff2") format("woff2"), url("/local/templates/main_kz/css/../fonts/GillSansC.woff") format("woff"), url("/local/templates/main_kz/css/../fonts/GillSansC.ttf") format("truetype"), url("/local/templates/main_kz/css/../fonts/GillSansC.svg#GillSansC") format("svg"), url("/local/templates/main_kz/css/../fonts/GillSansC.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal } @font-face { font-family: 'GillSansC-Bold'; src: url("/local/templates/main_kz/css/../fonts/GillSansC-Bold.eot"); src: url("/local/templates/main_kz/css/../fonts/GillSansC-Bold.woff2") format("woff2"), url("/local/templates/main_kz/css/../fonts/GillSansC-Bold.woff") format("woff"), url("/local/templates/main_kz/css/../fonts/GillSansC-Bold.ttf") format("truetype"), url("/local/templates/main_kz/css/../fonts/GillSansC-Bold.svg#GillSansC-Bold") format("svg"), url("/local/templates/main_kz/css/../fonts/GillSansC-Bold.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal } @font-face { font-family: 'GillSansLightC'; src: url("/local/templates/main_kz/css/../fonts/GillSansLightC.eot"); src: url("/local/templates/main_kz/css/../fonts/GillSansLightC.woff2") format("woff2"), url("/local/templates/main_kz/css/../fonts/GillSansLightC.woff") format("woff"), url("/local/templates/main_kz/css/../fonts/GillSansLightC.ttf") format("truetype"), url("/local/templates/main_kz/css/../fonts/GillSansLightC.svg#GillSansLightC") format("svg"), url("/local/templates/main_kz/css/../fonts/GillSansLightC.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal } @font-face { font-family: 'ALSRubl-Arial'; src: url('/local/templates/main_kz/css/b-rub_arial/alsrubl-arial-regular.eot'); src: url('/local/templates/main_kz/css/b-rub_arial/alsrubl-arial-regular.eot?#iefix') format('embedded-opentype'),url('/local/templates/main_kz/css/b-rub_arial/alsrubl-arial-regular.woff') format('woff'), url('/local/templates/main_kz/css/b-rub_arial/alsrubl-arial-regular.ttf') format('truetype'), url('/local/templates/main_kz/css/b-rub_arial/alsrubl-arial-regular.svg#ALSRublArialRegular') format('svg'); font-weight: normal; font-style: normal; } .b-rub { font-family: 'ALSRubl-Arial', Verdana, sans-serif; margin-right: 5px; } html, body { margin: 0; padding: 0; overflow-x: hidden !important } html.open, body.open { overflow: hidden !important } html.white:before, body.white:before { display: block; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.8) } body { font-size: 14px; background: #fff; color: #383838; font-family: "GillSansC", "Arial", sans-serif; min-width: 320px } a, button, input, textarea, select { font-family: "GillSansC", "Arial", sans-serif; color: #000 } img.calendar-icon { width: auto; height: 40px; } #ajax_loader { position : fixed; top : 0px; width: 100%; height: 100%; background-color: #666; opacity: 0.8; display: none; z-index: 9999; } #ajax_loader img { position : fixed; top : 50%; left : 50%; } #sf_news { position : relative; margin-bottom: 100px; } #ajax_loader_news { position : absolute; top : 0px; width: 100%; height: 100%; background-color: #666; opacity: 0; display: none; z-index: 9999; } #ajax_loader_news img { position : absolute; top : 50%; left : 50%; } .opaco { background-color: rgba(0, 0, 0, 0.5); color:#333; position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .complaint-form .inner .complaint_img { position: relative; width: 431px !important; height: 162px; } .complaint_img_active { background-color: rgba(0, 0, 0, 1); } .complaint_img img{ position: absolute; left: 0; z-index: 4; } .complaint_img_active img{ opacity: .8; } .complaint_img .cnumber { display: block; width: 58px; height: 30px; position: absolute; top: 2px; right: 64px; background-color: rgba(255, 255, 255, 1); display: none; z-index: 3; } .complaint_img .cname { display: block; width: 292px; height: 34px; position: absolute; top: 43px; right: 64px; background-color: rgba(255, 255, 255, 1); display: none; z-index: 3; } .complaint_img .czpk { display: block; width: 75px; height: 30px; position: absolute; top: 121px; right: 14px; background-color: rgba(255, 255, 255, 1); display: none; z-index: 3; } .partners_form_2 .line { margin-bottom: 20px; } .square_button_input:hover { background:#4470a9 url("/images/arrow_right_2.png") no-repeat 75% 50% !important; } .square_button_input { position: relative; top: 2px; display: inline-block; padding-right: 30px; text-transform: uppercase; font-weight: 300; font-size: 14px; line-height: normal; background: url("/images/arrow_right.png") no-repeat 75% 50% !important; margin: 10px 0; width: 100%; min-height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; background: #FFF; border: 1px solid #4470a9 !important; color: #4470a9; cursor: pointer; -webkit-border-radius: none; border-radius: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .square_button_input_change:hover { background:#4470a9 url("/images/arrow_right_2.png") no-repeat 85% 50% !important; } .square_button_input_change { position: relative; top: 2px; display: inline-block; padding-right: 30px; text-transform: uppercase; font-weight: 300; font-size: 14px; line-height: normal; background: url("/images/arrow_right.png") no-repeat 85% 50% !important; margin: 10px 0; width: 100%; min-height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; background: #FFF; border: 1px solid #4470a9 !important; color: #4470a9; cursor: pointer; -webkit-border-radius: none; border-radius: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .sf_auth_tbl td { padding: 0 5px 5px 0; font-size: 17px; line-height: 28px; font-family: "GillSansLightC", "Arial", sans-serif; } .square_button { width: 100%; min-height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; background: #FFF; border: 1px solid #4470a9; color: #4470a9; cursor: pointer; -webkit-border-radius: none; border-radius: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pricedet { display: inline-block; /*min-width: 85px;*/ text-align: right; } .square_button:hover { background: #4470a9; color: #FFF } .square_submit { border: 1px solid #4470a9 !important; position: relative; top: 2px; display: inline-block; padding-right: 30px; text-transform: uppercase; font-weight: 300; font-size: 14px; line-height: normal; background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat 75%; margin: 10px 0 } .square_submit:hover { background: url("/local/templates/main_kz/css/../images/arrow_right_2.png") no-repeat 75% #4470a9 !important; color: #FFF } .square_button:hover span { background: url("/local/templates/main_kz/css/../images/arrow_right_2.png") no-repeat right 50% } .square_button span { position: relative; top: 2px; display: inline-block; padding-right: 30px; text-transform: uppercase; font-weight: 300; font-size: 14px; line-height: normal; background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat right 50%; margin: 10px 0 } .square_button--green { background: #4470a9; border: 1px solid #4470a9; color: #fff } .square_button--green:hover { background: #fff; color: #4470a9 } .square_button--green:hover span { background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat right 50% } .square_button--green span { background: url("/local/templates/main_kz/css/../images/arrow_right_2.png") no-repeat right 50% } .square_button--white { background: 0; border: 1px solid #fff; color: #fff } .square_button--white:hover { background: #fff; color: #4470a9 } .square_button--white:hover span { background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat right 50% } .square_button--white span { background: url("/local/templates/main_kz/css/../images/arrow_right_2.png") no-repeat right 50% } .square_button--reverse { width: 100%; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 20px; background: #FFF; border: 1px solid #4470a9; color: #4470a9; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: 0 } .square_button--reverse:hover { background: #4470a9 !important; color: #FFF !important } .square_button--reverse:hover span { background: url("/local/templates/main_kz/css/../images/arrow_right_2.png") no-repeat right -webkit-calc(50% - 3px) !important; background: url("/local/templates/main_kz/css/../images/arrow_right_2.png") no-repeat right calc(50% - 3px) !important } .square_button--reverse span { position: relative; top: 2px; display: inline-block; padding-right: 30px; text-transform: uppercase; font-weight: 300; font-size: 14px; line-height: normal; background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat right 50% } .wrap { max-width: 1170px; position: relative; margin: 0 auto; height: 100% } @media only screen and (max-width: 1200px) { .wrap { max-width: 100%; padding-left: 15px; padding-right: 15px } } .wrap_min { max-width: 1100px; position: relative; margin: 0 auto; height: 100% } @media only screen and (max-width: 1130px) { .wrap_min { max-width: 100%; padding-left: 15px; padding-right: 15px } } @media only screen and (max-width: 767px) { .wrap_min { padding-left: 15px; padding-right: 15px; } } .wrap_small { max-width: 920px; position: relative; margin: 0 auto; height: 100% } @media only screen and (max-width: 950px) { .wrap_small { max-width: 100%; padding-left: 15px; padding-right: 15px } } @media only screen and (max-width: 767px) { .wrap_small { padding-left: 0; padding-right: 0 } } @media only screen and (max-width: 767px) { .content { margin-top: 60px } } .green { color: #4470a9 !important } .bold { font-family: "GillSansC-Bold", "Arial", sans-serif !important } .light { font-family: "GillSansLightC", "Arial", sans-serif !important } h2, h2 a { font-size: 28px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; text-align: center; line-height: 1.2; margin-bottom: 70px } h2 a:hover { text-decoration: underline; } @media only screen and (max-width: 767px) { h2, h2 a { margin-bottom: 20px; font-size: 18px } } h3 { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 22px; line-height: 1.2; margin: 15px 0; } @media only screen and (max-width: 767px) { h3 { margin-bottom: 10px; font-size: 16px } } h4 { text-transform: uppercase; font-family: "GillSansC", "Arial", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.2; margin-bottom: 15px } @media only screen and (max-width: 767px) { h4 { margin-bottom: 10px; font-size: 14px } } section { margin-bottom: 100px } @media only screen and (max-width: 767px) { section { margin-bottom: 50px } } .slick-slide { outline: 0 } .grid { margin: 0 -12px; font-size: 0; } .col { display: inline-block; vertical-align: top; font-size: 14px; margin: 0 12px } @media only screen and (max-width: 767px) { .col { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .col_1 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } .col_2 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } @media only screen and (max-width: 767px) { .col_2 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .col_2plus1 { width: -webkit-calc(66.666666% - 24px); width: calc(66.666666% - 24px) } @media only screen and (max-width: 767px) { .col_2plus1 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .col_3 { width: -webkit-calc(33.333333% - 24px); width: calc(33.333333% - 24px) } @media only screen and (max-width: 767px) { .col_3 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .col_4 { width: -webkit-calc(25% - 24px); width: calc(25% - 24px) } @media only screen and (max-width: 1023px) { .col_4 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } @media only screen and (max-width: 767px) { .col_4 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .col_5 { width: -webkit-calc(20% - 24px); width: calc(20% - 24px) } @media only screen and (max-width: 1023px) { .col_5 { width: -webkit-calc(33.333333% - 24px); width: calc(33.333333% - 24px) } } @media only screen and (max-width: 767px) { .col_5 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } @media only screen and (max-width: 414px) { .col_5 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .col_6 { width: -webkit-calc(16.666666% - 24px); width: calc(16.666666% - 24px) } @media only screen and (max-width: 1023px) { .col_6 { width: -webkit-calc(25% - 24px); width: calc(25% - 24px) } } @media only screen and (max-width: 767px) { .col_6 { width: -webkit-calc(33.333333% - 24px); width: calc(33.333333% - 24px) } } @media only screen and (max-width: 414px) { .col_6 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } header { background: #fff; } .header_top { padding: 20px 0; border-bottom: 1px solid #c3c3c3 } @media only screen and (min-width: 767px) { .header { height: 170px; position: relative; z-index: 9991; } .content { transition: 0s; min-height: 200px; } .content_header_notfixed { padding-top: 170px; } .header_notfixed { position: fixed; top: 0; z-index: 99; left: 0; right: 0; background: #fff; /*border-bottom: 1px solid #c3c3c3;*/ height: 165px; -webkit-transform: translate(0,-90px); -webkit-transition: -webkit-transform .2s,background .3s,color .3s,opacity 1 .3s; } .header_notfixed .main_menu > ul > li { display: inline-block; vertical-align: top; margin-right: 40px; margin-bottom: 7px; transition: top 0.2s ease-in-out; } .header_fixed { position: fixed; top: 0; z-index: 99; left: 0; right: 0; background: #fff; /*border-bottom: 1px solid #c3c3c3;*/ -webkit-transform: translate(0,0px); -webkit-transition: -webkit-transform .2s,background .3s,color .3s; } header.header_notfixed_noanim { -webkit-transition: -webkit-transform 0s; transition: 0s; } } @media only screen and (max-width: 767px) { .header_top { position: fixed; width: 100%; top: 0; left: 0; z-index: 77; padding: 0; height: 60px; line-height: 60px; background: #FFF; border: 0 } } .header_top .wrap { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto } @media only screen and (max-width: 767px) { .header_top .wrap { margin-top: 10px } } .header_top .left { width: -webkit-calc(50% - 280px); width: calc(50% - 280px) } @media only screen and (max-width: 1100px) { .header_top .left { width: -webkit-calc(50% - 240px); width: calc(50% - 240px) } } @media only screen and (max-width: 767px) { .header_top .left { display: none } } .header_top .left .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .header_top .left .bottom .tel { font-size: 15px } .header_top .middle { /*width: 154px;*/ text-align: center; position: relative; } @media only screen and (max-width: 767px) { .header_top .middle { margin: 0 auto } } .header_top .right { width: -webkit-calc(50% - 230px); width: calc(50% - 230px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width: 767px) { .header_top .right { display: none } } .header_top .euro { font-size: 15px; height: 13px; line-height: 13px; padding-left: 16px; /*background: url("/local/templates/main_kz/css/../images/euro.png") no-repeat left center*/ } .header_top .date { margin-right: 20px } @media only screen and (max-width: 1023px) { .header_top .date { margin-right: 15px } } .header_top .link { margin-right: 35px; font-size: 15px } @media only screen and (max-width: 1023px) { .header_top .link { margin-right: 15px } } .header_top .cart_block { position: relative; margin-right: 40px } @media only screen and (max-width: 1023px) { .header_top .cart_block { margin-right: 25px } } .header_top .cart_block .cart { display: inline-block; vertical-align: middle; width: 21px; height: 32px; /*background: url("/local/templates/main_kz/css/../images/cart.png") no-repeat center center*/ background: url("/local/templates/main_kz/css/../images/korzina1.svg") no-repeat center center } .header_top .cart_block .cart_number { position: absolute; right: -16px; bottom: -12px; width: 24px; height: 24px; padding-top: 5px; font-size: 15px; text-align: center; color: #FFF; background: #4470a9; -webkit-border-radius: 50px; border-radius: 50px } .header_bottom { padding: 15px 0 5px; background: #fff; width: 100%; } .header_bottom { z-index: 99; position: absolute; top: 87px; transition: top 0s ease-in-out; } .header_bottom_scroll { position: fixed; top: 0; background: #fefefe; } @media only screen and (min-width: 768px) { .header_bottom { display: block !important } } @media only screen and (max-width: 767px) { .header_bottom { display: none; position: fixed; width: 100%; height: 100vh; overflow-y: auto; top: 0; left: 0; padding: 0 0 15px; z-index: 77; background: #191919 } } .header_bottom .wrap_hidden_logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 60px; margin-bottom: 10px } @media only screen and (min-width: 768px) { .header_bottom .wrap_hidden_logo { display: none } } .header_bottom .logo_menu { display: block; width: 93px; height: 25px } .header_bottom .logo_menu svg { fill: #fff !important } .header_bottom .sign_in { position: relative; text-align: center; text-transform: uppercase; font-size: 15px; margin-bottom: 30px } @media only screen and (min-width: 768px) { .header_bottom .sign_in { display: none } } .header_bottom .sign_in .sign_in_btn { display: inline-block; font-size: 13px; height: 14px; line-height: 20px; font-family: "GillSansC-Bold", "Arial", sans-serif; color: rgba(255,255,255,0.45); padding-left: 20px; text-transform: uppercase; background: url("/local/templates/main_kz/css/../images/user.png") no-repeat left center } .header_bottom .sign_in_hidden_form { display: none; width: 260px; position: absolute; top: 0; left: 50%; margin-left: -130px; padding: 15px; background: #FFF } @media only screen and (min-width: 768px) { .header_bottom .sign_in_hidden_form { display: none !important } } .header_bottom .sign_in_hidden_form strong { display: block; width: 66px; height: 14px; line-height: 18px; margin: 0 auto 20px; font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; padding-left: 20px; background: url("/local/templates/main_kz/css/../images/user.png") no-repeat center left } .header_bottom .sign_in_hidden_form label { width: 100%; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .header_bottom .sign_in_hidden_form label span { width: 65px; font-size: 11px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; text-align: left } .header_bottom .sign_in_hidden_form label input[type="text"] { height: 30px; line-height: 30px; font-size: 15px; padding: 0 10px; background: #f0f0f0; width: -webkit-calc(100% - 65px); width: calc(100% - 65px) } .header_bottom .sign_in_hidden_form .square_button { margin-top: 20px } .header_bottom .sign_in_hidden_form .bottom { 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; margin-top: 15px } .header_bottom .sign_in_hidden_form .bottom a { text-transform: none; font-size: 15px; color: #7d7d7d } .hamburger { position: fixed; z-index: 99; top: 22px; right: 15px; width: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @media only screen and (min-width: 768px) { .hamburger { display: none } } /*.hamburger.open span { background: #FFF }*/ .hamburger.open span:nth-child(1) { top: 9px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .hamburger.open span:nth-child(2) { opacity: 0 } .hamburger.open span:nth-child(3) { top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .hamburger span { display: block; position: relative; height: 1px; background: #4470a9; margin-bottom: 6px; -webkit-transition: .3s; transition: .3s } .hamburger span:last-child { margin-bottom: 0 } .main_menu { max-width: 800px; margin: 0 auto } @media only screen and (max-width: 1023px) { .main_menu { max-width: 680px } } .main_menu > ul { text-align: center } .main_menu > ul > li { display: inline-block; vertical-align: top; margin-right: 40px; margin-bottom: 15px } .main_menu > ul > li:last-child, .main_menu > ul > li:nth-child(5) { margin-right: 0 } @media only screen and (max-width: 767px) { .main_menu > ul > li { display: block; margin-right: 0 } } .main_menu > ul > li > a { font-size: 15px; -webkit-transition: .3s; transition: .3s } .main_menu > ul > li > a:hover, .main_menu > ul > li > a.active { color: #4470a9 } @media only screen and (max-width: 1023px) { .main_menu > ul > li > a { font-size: 12px } } @media only screen and (max-width: 767px) { .main_menu > ul > li > a { color: rgba(255,255,255,0.7); font-size: 16px } } .popupnews { display: block; position: absolute; left: 0; top: calc(50vh - 210px); height: 420px; width: 100%; padding: 25px 0 35px; border-bottom: 1px solid #b7b7b7; background: #FFF; text-align: left; z-index: 98 } .popupnews .wrap_min { padding-top: 20px; } .popupnews .wrap_min .close { position: absolute; font-size: 30px; top: -10px; right: 10px; font-family: "GillSansLightC", "Arial", sans-serif; cursor: pointer; } .searchres { padding: 10px 0 10px 0; border-bottom: 1px solid #ddd; } .searchres img{ float: left; margin: 0 20px 20px 0; width: 187px; height: auto; } .searchres .searchimg { float: left; margin: 0 20px 20px 0; width: 187px; height: 117px; display: block; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .searchres .path { font-size: 12px; color: 999; margin: 10px 0 10px 0; } .searchres .title { display: block; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 15px; line-height: 1.2; text-transform: uppercase; margin-bottom: 15px; } .dd_main_menu { display: none; position: absolute; left: 0; /*top: 155px;*/ top: 60px; width: 100%; padding: 25px 0 35px; border-bottom: 1px solid #b7b7b7; background: #FFF; text-align: left; z-index: 99 } @media only screen and (max-width: 767px) { .dd_main_menu { display: none !important } } .dd_main_menu .some_class_item { position: relative } .dd_main_menu .some_class_item .close { position: absolute; font-size: 30px; top: -10px; right: 10px; font-family: "GillSansLightC", "Arial", sans-serif; cursor: pointer } .dd_main_menu .some_class_item .grid { max-width: 100% } @media only screen and (max-width: 1023px) { .dd_main_menu .col { margin-bottom: 40px } } .choose_city_block { position: relative; margin-right: 20px } span.date-day { text-transform: uppercase; } @media only screen and (max-width: 1023px) { .choose_city_block { margin-right: 15px } } .choose_city { position: relative; text-transform: uppercase; margin-right: 25px; font-size: 15px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; cursor: pointer; z-index: 2 } @media only screen and (max-width: 1023px) { .choose_city { font-size: 14px; text-transform: none; margin-right: 15px } } .choose_city.open:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .choose_city:before { display: block; position: absolute; content: ''; width: 6px; height: 5px; top: 50%; margin-top: -4px; right: -20px; -webkit-transition: .3s; transition: .3s; background: url("/local/templates/main_kz/css/../images/arrow_down.svg") no-repeat center center } .sign_in_block { position: relative } .sign_in_block .sign_in { cursor: pointer } .sign_in_form { display: none; position: absolute; left: -210px; top: -20px; width: 260px; padding: 20px; border: 1px solid #d2d2d2; background: #FFF; z-index: 77 } .sign_in_form strong { text-align: center; display: block; text-transform: uppercase; margin-bottom: 20px } .sign_in_form .line { margin-bottom: 10px; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .sign_in_form .line span { display: block; width: 70px; font-size: 11px; text-transform: uppercase; font-weight: 600 } .sign_in_form .line input { display: block; width: -webkit-calc(100% - 70px); width: calc(100% - 70px); height: 30px; line-height: 30px; padding: 0 10px; font-size: 15px; background: #f0f0f0 } .sign_in_form .square_button { margin-top: 20px; margin-bottom: 20px } .sign_in_form .bottom { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #959595 } .sign_in_form .bottom a { color: #959595 } .search_block { position: relative } .search_block .search_btn { display: block; cursor: pointer; width: 23px; height: 23px; background: url("/local/templates/main_kz/css/../images/search.svg") no-repeat center center } .search_form { display: none; width: 395px; position: absolute; top: -10px; right: -2px; -webkit-border-radius: 30px; border-radius: 30px; padding: 10px 20px; background: #fff; border: 1px solid #d2d2d2; z-index: 7 } .search_form.find_some { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0 } .search_form.find_some .search_form_info { display: block } .search_form .search_form_main { 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; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .search_form .search_btn { width: 23px; height: 23px; margin-right: 10px; background: url("/local/templates/main_kz/css/../images/search.svg") no-repeat center center } .search_form input[type="text"] { display: block; width: -webkit-calc(100% - 33px); width: calc(100% - 33px); border-bottom: 1px solid #4470a9; font-size: 15px; line-height: 20px; padding-left: 12px; background: #FFF } .search_form .search_form_info { display: none } .search_form .search_form_info p { padding-left: 45px; font-size: 15px; color: #959595; margin-top: 15px } .search_form .search_form_info p:last-child { margin-bottom: 15px } .logo { display: inline-block; width: 144px } .sublogo { display: inline-block; margin: 0; } .sublogo_tb { display: none; } @media only screen and (max-width: 1023px) { .sublogo { display: none } .sublogo_tb { display: block; position: absolute; left: -118px; } .header { height: 165px; } .header_top { height: 104px; } .header_bottom { top: 104px; } .header_notfixed .header_top { height: 90px; } .header_notfixed .header_bottom { top: 90px; } .header_top .left { width: -webkit-calc(50% - 125px); width: calc(50% - 125px) } .header_top .right { width: -webkit-calc(50% - 125px); width: calc(50% - 125px) } } @media only screen and (max-width: 767px) { .logo { width: 94px; height: 25px; margin: 0 auto } .sublogo_tb { left: -85px; width: 200px; top: 40px; } .header { height: 30px; } } @media only screen and (max-width: 400px) { .header_top .left { width: -webkit-calc(50% - 100px); width: calc(50% - 100px) } .header_top .right { width: -webkit-calc(50% - 70px); width: calc(50% - 70px) } } .logo svg { display: block; width: 100%; height: 40px } .dots { position: absolute; width: 100%; text-align: center; bottom: 25px } .dots ul li { display: inline-block; vertical-align: top; margin-right: 30px } .dots ul li:last-child { margin-right: 0 } .dots ul li.slick-active button { background: #4470a9; -webkit-box-shadow: 0 0 0 2px #4470a9; box-shadow: 0 0 0 2px #4470a9 } .dots ul li button { width: 10px; height: 10px; font-size: 0; -webkit-border-radius: 50%; border-radius: 50%; background: #FFF; -webkit-transition: .3s; transition: .3s; cursor: pointer } .controls { height: 50px; position: absolute; width: 100%; top: 50%; margin-top: -25px; left: 0 } .controls .arrows { position: absolute; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; z-index: 7; cursor: pointer } .controls .prev { left: 0; background: rgba(59,58,59,0.2) url("/local/templates/main_kz/css/../images/Arrow_Left.svg") no-repeat center center } @media only screen and (max-width: 1310px) { .controls .prev { left: 15px } } .controls .next { right: 0; background: rgba(59,58,59,0.2) url("/local/templates/main_kz/css/../images/Arrow_Right.svg") no-repeat center center } @media only screen and (max-width: 1310px) { .controls .next { right: 15px } } .slider_index_wrap { margin-top: 33px; position: relative } .slider_index_wrap .controls { width: 1280px; left: 50%; margin-left: -640px } @media only screen and (max-width: 1310px) { .slider_index_wrap .controls { width: 100%; left: 0; margin-left: 0 } } @media only screen and (max-width: 767px) { .slider_index_wrap .controls { display: none } } .slider_index .slide { height: 593px } .slider_indexabout .slide { height: 461px } @media only screen and (max-width: 1023px) { .slider_index .slide { height: 400px } } @media only screen and (max-width: 767px) { .slider_index .slide { height: 200px } } .slider_index img { display: block; width: 100% } .novelties_wrap { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .novelties_wrap .novelties_wrap_slider { position: relative; width: 43% } @media only screen and (max-width: 767px) { .novelties_wrap .novelties_wrap_slider { width: 100%; margin-bottom: 35px } } .novelties_wrap .novelties_wrap_slider img { display: block; width: 100%; height: auto } .novelties_wrap .novelties_wrap_slider .dots { position: relative; bottom: auto; margin-top: 15px } .novelties_wrap .novelties_wrap_slider .dots .slick-active button { background: #4470a9 } .novelties_wrap .novelties_wrap_slider .dots button { background: #b2b2b2 } .novelties_wrap .novelties_wrap_item { width: 100%; padding-left: 0px; /*padding-right: 20px;*/ padding-right: 0px; 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 767px) { .novelties_wrap .novelties_wrap_item { width: 100%; padding-left: 0; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } } .novelties_wrap .novelties_wrap_item .item { width: calc(33% - 10px); } @media only screen and (max-width: 767px) { .novelties_wrap .novelties_wrap_item .item { width: 52%; margin-bottom: 40px } .novelties_wrap .novelties_wrap_item .item:last-child { margin-bottom: 0 } } .novelties_wrap .novelties_wrap_item .item img { display: block; width: 100%; height: auto; } @media only screen and (max-width: 1130px) { .novelties_wrap .novelties_wrap_item .item img { width: 100%; height: auto } } .novelties_wrap .title { font-family: "GillSansLightC", "Arial", sans-serif; text-transform: uppercase; text-align: center; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media only screen and (max-width: 1023px) { .novelties_wrap .title { font-size: 12px; line-height: 1.2 } } .competition_projects h4 { margin-bottom: 90px } @media only screen and (max-width: 767px) { .competition_projects h4 { margin-bottom: 35px; line-height: 20px } } .competition_projects .inner { color: #FFF; padding: 65px 15px 35px; text-align: center; background: url("/local/templates/main_kz/css/../images/pic_4.jpg") no-repeat center center/cover } .timer { margin-bottom: 130px } @media only screen and (max-width: 767px) { .timer { margin-bottom: 30px } } .timer .title { font-size: 18px; color: rgba(255,255,255,0.6); margin-bottom: 10px; line-height: 1.2; text-transform: uppercase } @media only screen and (max-width: 767px) { .timer .title { font-size: 13px } } .timer .countdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px; max-width: 464px; margin: 0 auto; background: rgba(255,255,255,0.35) } .timer .numbers { font-size: 42px; font-family: "GillSansLightC", "Arial", sans-serif } @media only screen and (max-width: 767px) { .timer .numbers { font-size: 28px } } .timer .text { font-family: "GillSansLightC", "Arial", sans-serif; font-size: 17px } @media only screen and (max-width: 767px) { .timer .text { font-size: 12px } } .btns_wrap { max-width: 650px; margin: 0 auto; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 767px) { .btns_wrap .item { width: 100%; margin-bottom: 20px } .btns_wrap .item:last-child { margin-bottom: 0 } } .round_btn { display: inline-block; padding: 10px 32px 8px; border: 1px solid rgba(255,255,255,0.45); color: rgba(255,255,255,0.45); text-transform: uppercase; font-size: 14px; font-family: "GillSansC-Bold", "Arial", sans-serif; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 30px; border-radius: 30px } @media only screen and (max-width: 767px) { .round_btn { font-size: 12px } } .news { text-align: center; margin-bottom: 0 } @media only screen and (max-width: 767px) { .news { margin-bottom: 50px } } .news .item { margin-bottom: 40px; text-align: center; } @media only screen and (max-width: 767px) { .news .item { margin-bottom: 25px } .news .item:last-child { margin-bottom: 0 } } .news .item .img { display: block; height: 235px; margin-bottom: 20px } .news .item .date { font-family: "GillSansLightC", "Arial", sans-serif; font-size: 15px; color: #585858; margin-bottom: 10px } .news .item .title { max-width: 80%; margin: 0 auto; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; line-height: 1.2; color: #585858; font-size: 15px; margin-bottom: 15px } .news .item .link, .first_news .link { color: #4470a9; font-family: "GillSansLightC", "Arial", sans-serif; text-transform: uppercase; padding-right: 20px; font-size: 12px; background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat right 1px/16px } .prod_upload_link { margin-top: 20px; display: inline-block; color: #4470a9; font-family: "GillSansLightC", "Arial", sans-serif; text-transform: uppercase; padding-right: 20px; font-size: 12px; background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat right 1px/16px } .first_news { display: block; width: 100%; 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; margin-bottom: 45px } .first_news .img { width: 55% } @media only screen and (max-width: 767px) { .first_news .img { width: 100% } } .first_news .img img { display: block; width: 100% } .first_news .info { width: 45%; padding-left: 30px; padding-top: 25px } @media only screen and (max-width: 767px) { .first_news .info { width: 100%; padding-left: 0 } } .first_news .date { font-family: "GillSansLightC", "Arial", sans-serif; font-size: 15px; color: #585858; margin-bottom: 10px } .first_news .title { font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; line-height: 1.2; color: #585858; font-size: 15px; margin-bottom: 15px } .first_news .text { font-size: 15px; line-height: 18px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 15px; } .designer_3d { padding: 50px 0 30px; color: #FFF; text-align: center; background: url("/local/templates/main_kz/css/../images/outline_bg.png") no-repeat center center/cover; /*background: url("/local/templates/main_kz/css/../images/pic_8.jpg") no-repeat center center/cover*/ } @media only screen and (max-width: 767px) { .designer_3d { padding: 30px 0 30px } } .designer_3d h2 { margin-bottom: 100px } @media only screen and (max-width: 767px) { .designer_3d h2 { margin-bottom: 40px } } @media only screen and (max-width: 767px) { .designer_3d h2 span { display: block; margin-bottom: 5px } } .designer_3d .grid { margin-bottom: 60px } @media only screen and (max-width: 767px) { .designer_3d .grid { margin-bottom: 35px } } @media only screen and (max-width: 767px) { .designer_3d .item { margin-bottom: 40px } .designer_3d .item:last-child { margin-bottom: 0 } } .designer_3d .item .img { margin-bottom: 20px } .designer_3d .item .title { font-family: "GillSansC-Bold", "Arial", sans-serif; max-width: 290px; margin: 0 auto 15px; line-height: 1.2; text-transform: uppercase } .designer_3d .item .text { font-size: 15px; line-height: 1.2; font-family: "GillSansLightC", "Arial", sans-serif; max-width: 290px; margin: 0 auto } .timezone { text-align: center } @media only screen and (max-width: 1023px) { .timezone { margin-bottom: 50px; margin-top: -50px } } @media only screen and (max-width: 767px) { .timezone { margin-bottom: 25px; margin-top: auto } } @media only screen and (max-width: 767px) { .timezone .col_4 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px); margin-bottom: 25px } } .timezone .inner { max-width: 900px; margin: 0 auto } .timezone .img { margin-bottom: 15px } .timezone .title { font-size: 16px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #444344 } @media only screen and (max-width: 1023px) { .timezone .title { font-size: 12px } } @media only screen and (max-width: 767px) { .timezone .title { font-size: 10px } } .timezone--cabinet { margin-top: 60px } .footer { color: rgba(255,255,255,0.5); background: #191919; padding: 30px 0 40px } .footer a { color: rgba(255,255,255,0.5) } .footer h3 { text-align: center } .footer .top { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 35px } .footer .bottom { text-align: center; font-size: 13px } .footer .left { width: 265px } @media only screen and (max-width: 1023px) { .footer .left { width: 220px } } @media only screen and (max-width: 767px) { .footer .left { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } } .footer .left .text { font-size: 15px; line-height: 28px; font-family: "GillSansLightC", "Arial", sans-serif } @media only screen and (max-width: 1023px) { .footer .left .text { list-style-image: 18px } } .footer .right { width: -webkit-calc(100% - 265px); width: calc(100% - 265px); padding-left: 80px; 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 1023px) { .footer .right { width: -webkit-calc(100% - 220px); width: calc(100% - 220px); padding-left: 40px } } @media only screen and (max-width: 767px) { .footer .right { width: 100%; padding-left: 0; margin-bottom: 40px } } @media only screen and (max-width: 499px) { .footer .right { /*margin-bottom: -80px*/ } } @media only screen and (max-width: 1023px) { .footer .right_item { width: 48% } } @media only screen and (max-width: 767px) { .footer .right_item:nth-child(3) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .footer .right_item:nth-child(2) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; position: relative; /*top: -62px*/ } } @media only screen and (max-width: 550px) { .footer .right_item:nth-child(2) { position: relative; /*top: -62px*/ } } @media only screen and (max-width: 414px) { .footer .right_item:nth-child(2) { position: relative; /*top: -138px*/ } } .footer .title { margin-bottom: 20px; line-height: 1.2 } .footer .title a { font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .footer .info { margin-bottom: 20px; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif } .footer .adress_item .title { margin-bottom: 10px } .footer .adress_item .info { line-height: 1.5 } .banner { margin-bottom: 50px } .banner img { display: block; width: 100% } .wrap_title--pages { margin-top: 50px } .wrap_title { position: relative; margin-bottom: 50px } .wrap_title.wrap_title--cabinet { margin-bottom: 40px } .wrap_title .wrap_min { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .wrap_title .wrap { 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; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .wrap_title h2 { margin-bottom: 0 } .wrap_title .lk-title { text-transform: uppercase; font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-top: 8px; margin-bottom: 0 } @media only screen and (max-width: 1023px) { .wrap_title .lk-title { display: block; width: 100%; text-align: center } } .wrap_title .main_title { position: relative } .wrap_title .sub-title { margin-top: 15px; font-size: 21px; color: #323232; text-align: center } @media only screen and (max-width: 767px) { .wrap_title .sub-title { font-size: 16px } } .wrap_title .sub_link { position: absolute; bottom: 6px; right: -webkit-calc(100% + 20px); right: calc(100% + 20px); font-family: "GillSansLightC", "Arial", sans-serif; font-size: 13px; text-transform: uppercase } @media only screen and (max-width: 1023px) { .wrap_title .sub_link { position: static; display: inline-block; vertical-align: top; margin-bottom: 10px } } .wrap_title .sub_link a { font-family: "GillSansLightC", "Arial", sans-serif } .history-links { margin: 50px 0 } .history-links__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .history-links li { position: relative; margin-right: 18px } .history-links li:first-child:before, .history-links li:last-child:before { display: none } .history-links li:before { display: block; position: absolute; content: '/'; color: #323232; font-family: "GillSansLightC", "Arial", sans-serif; font-size: 15px; top: 0; right: -10px } .history-links__ico { display: block; width: 40px; height: 40px; font-size: 0; border: 1px solid #4470a9; margin-right: 6px; background: url("/local/templates/main_kz/css/../images/arrow-back.svg") no-repeat center center } .history-links__item { font-size: 15px; color: #323232; font-family: "GillSansLightC", "Arial", sans-serif } .history-links__last { font-size: 44px; text-transform: uppercase } .archive { position: absolute; right: 0; top: -4px } @media only screen and (max-width: 1130px) { .archive { right: 15px } } @media only screen and (max-width: 767px) { .archive { position: static; width: 100%; margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } } .archive .inner { position: relative } .archive .now { position: relative; display: block; width: 156px; height: 32px; padding-top: 8px; font-size: 20px; text-align: center; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #d2d2d2; background: #FFF; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 5 } .archive .now.open:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .archive .now:before { display: block; position: absolute; content: ''; width: 10px; height: 9px; top: 50%; margin-top: -4px; right: 18px; background: url("/local/templates/main_kz/css/../images/triangl.png") no-repeat center center/contain } .archive .dd_archive_block { display: none; position: absolute; width: 100%; left: 0; top: 15px; background: rgba(255,255,255,0.9); padding: 25px 5px 20px; -webkit-border-radius: 17px; border-radius: 17px; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; text-align: center; border: 1px solid #d2d2d2; z-index: 3 } .archive .show_all { font-size: 17px; color: #4470a9 } .archive .year { font-size: 20px; margin-top: 20px } .paginator { text-align: center; margin-bottom: 35px } .paginator li { display: inline-block; vertical-align: middle; margin-right: 20px } .paginator li:last-child { margin-right: 0 } .paginator li a { display: inline-block; vertical-align: top; width: 28px; height: 28px; line-height: 30px; -webkit-border-radius: 50%; border-radius: 50%; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 20px; color: #6c6c6c } .paginator li a.active { border: 1px solid #d2d2d2; color: #000 } @media only screen and (max-width: 1023px) { .subscribe { margin-bottom: 50px } } .subscribe .inner { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #4470a9; color: #FFF; padding: 40px 30px } @media only screen and (max-width: 1023px) { .subscribe .inner { padding: 20px } } @media only screen and (max-width: 767px) { .subscribe .inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px } } .subscribe .left { width: 38%; height: 47px; padding-left: 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: url("/local/templates/main_kz/css/../images/ico_8.png") no-repeat center left/contain } @media only screen and (max-width: 1023px) { .subscribe .left { padding-left: 30px; height: 30px; background-size: 20px } } @media only screen and (max-width: 767px) { .subscribe .left { width: 100%; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 25px; padding-left: 0; background: 0 } } .subscribe .left .text { font-size: 24px } @media only screen and (max-width: 1023px) { .subscribe .left .text { font-size: 17px } } @media only screen and (max-width: 767px) { .subscribe .left .text { width: 220px; font-size: 20px; text-align: center; background: url("/local/templates/main_kz/css/../images/ico_8.png") no-repeat center left/30px } } .subscribe .left span { font-size: 20px; font-family: "GillSansLightC", "Arial", sans-serif } @media only screen and (max-width: 1023px) { .subscribe .left span { font-size: 13px } } @media only screen and (max-width: 767px) { .subscribe .left span { display: block; font-size: 16px } } .subscribe .middle { padding: 0 30px; width: 47%; 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 1023px) { .subscribe .middle { padding: 0 20px } } @media only screen and (max-width: 767px) { .subscribe .middle { width: 100%; margin-bottom: 10px } } .subscribe .middle .wrap_input { width: -webkit-calc(50% - 10px); width: calc(50% - 10px) } @media only screen and (max-width: 767px) { .subscribe .middle .wrap_input { width: 100%; margin-bottom: 10px } } .subscribe .middle input { display: block; width: 100%; height: 40px; line-height: 44px; font-size: 18px; background: #FFF; padding: 0 20px } @media only screen and (max-width: 1023px) { .subscribe .middle input { height: 30px; line-height: 34px; font-size: 14px; padding: 0 10px } } @media only screen and (max-width: 767px) { .subscribe .middle input { width: 200px; margin: 0 auto } } .subscribe .middle input::-webkit-input-placeholder { font-family: "GillSansC", "Arial", sans-serif; color: #626262 } .subscribe .middle input::-moz-placeholder { font-family: "GillSansC", "Arial", sans-serif; color: #626262 } .subscribe .middle input:-ms-input-placeholder { font-family: "GillSansC", "Arial", sans-serif; color: #626262 } .subscribe .middle input::placeholder { font-family: "GillSansC", "Arial", sans-serif; color: #626262 } .subscribe .right { width: 20% } @media only screen and (max-width: 767px) { .subscribe .right { width: 100% } } @media only screen and (max-width: 1023px) { .subscribe .square_button { height: 30px; line-height: 34px } .subscribe .square_button span { font-size: 12px; position: relative; top: 2px } } @media only screen and (max-width: 767px) { .subscribe .square_button { width: 200px; margin: 0 auto } .square_button span { top: 2px; } } .subscribe--question .left { background: url("/local/templates/main_kz/css/../images/question.png") no-repeat center left/contain } @media only screen and (max-width: 1023px) { .subscribe--question .left { padding-left: 30px; height: 30px; background-size: 20px } } @media only screen and (max-width: 767px) { .subscribe--question .left { width: 100%; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-bottom: 25px; padding-left: 0; background: 0 } } @media only screen and (max-width: 1023px) { .subscribe--question .text { font-size: 17px } } @media only screen and (max-width: 767px) { .subscribe--question .text { width: 220px; font-size: 20px; text-align: center; background: url("/local/templates/main_kz/css/../images/question.png") no-repeat center left/30px !important } } .prof_news .img { margin-bottom: 40px } .prof_news .img img { display: block; width: 100% } .prof_news .info { padding: 0 25px } @media only screen and (max-width: 600px) { .prof_news p img { max-width: 100%; height: auto; } } @media only screen and (max-width: 1130px) { .prof_news .info { padding: 0 } } .prof_news .date { font-family: "GillSansLightC", "Arial", sans-serif; font-size: 15px; color: #585858; margin-bottom: 10px } .prof_news .title { font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; line-height: 1.2; color: #585858; font-size: 15px; margin-bottom: 15px } .prof_news .text { font-size: 15px; line-height: 18px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 20px } .prof_news_wrap_slider { margin-top: 40px } .prof_news_wrap_slider .dots { position: relative; bottom: auto; margin-top: 15px; margin-bottom: 30px } .prof_news_wrap_slider .dots .slick-active button { background: #4470a9 } .prof_news_wrap_slider .dots button { background: #b2b2b2 } .prof_news_wrap_slider .slide { height: 150px; margin-right: 25px } @media only screen and (max-width: 767px) { .prof_news_wrap_slider .slide { margin-right: 0; height: 250px } } .prof_news_inner { margin-bottom: 30px; width: 60% } @media only screen and (max-width: 1023px) { .prof_news_inner { width: 100% } } .prof_news_inner:last-child { margin-bottom: 0 } .prof_news_inner .inner { padding-left: 20px } @media only screen and (max-width: 1023px) { .prof_news_inner .inner { padding-left: 0 } } .prof_news_inner .social a { display: inline-block; vertical-align: top; width: 23px; height: 23px; margin-right: 10px } .prof_news_inner .social a:last-child { margin-right: 0 } .prof_news_inner .vk { background: url("/local/templates/main_kz/css/../images/vk.png") no-repeat center center } .prof_news_inner .fb, .prof_news_inner .facebook { background: url("/local/templates/main_kz/css/../images/fb.png") no-repeat center center } .prof_news_inner .gp { background: url("/local/templates/main_kz/css/../images/gp.png") no-repeat center center } .prof_news_inner .comment { font-size: 15px; margin-bottom: 40px } .prof_news_inner .comment:last-child { margin-bottom: 40px } .prof_news_inner .comment .name { margin-bottom: 10px } .prof_news_inner .comment .text { padding-left: 40px; line-height: 20px } .prof_news_title { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 12px; margin-bottom: 10px } .show_more_comments { text-align: center; color: #4470a9; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .show_more_comments .show_more { border-bottom: 1px dashed #4470a9; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .write_new_coment { margin-top: 40px; margin-bottom: 40px } .write_new_coment .square_button { max-width: 300px; margin: 0 auto } .prof_news_sign_in { margin-bottom: 40px } .prof_news_sign_in:last-child { margin-bottom: 0 } .prof_news_sign_in p { font-size: 15px; line-height: 20px; font-family: "GillSansLightC", "Arial", sans-serif } .prof_news_sign_in a { text-decoration: underline; font-family: "GillSansLightC", "Arial", sans-serif } .prof_news_sign_in a:hover { text-decoration: none } #leave_comment { display: none; position: fixed; top: 0; left: 0; background: white; width: 100%; height: 100%; overflow-y: auto; z-index: 101 } #leave_comment .block { position: relative; width: 420px; padding: 20px 15px; left: 50%; margin-left: -195px; top: 10% } @media only screen and (max-width: 420px) { #leave_comment .block { width: 100%; left: 0; margin-left: 0; top: 0 } } #leave_comment .close { position: absolute; cursor: pointer; top: 4px; right: 15px; font-family: "GillSansLightC", "Arial", sans-serif; font-size: 50px; color: #d2d2d2 } #leave_comment strong { display: block; text-align: center; margin-bottom: 20px; font-size: 14px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } @media only screen and (max-width: 650px) { #leave_comment strong { font-size: 12px } } #leave_comment form { background: #fff; padding: 25px; border: 1px solid #d2d2d2 } #leave_comment .line { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px } #leave_comment .line .text { width: 60px; font-size: 12px; text-transform: uppercase; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif } #leave_comment .line label { position: relative; display: block; width: -webkit-calc(100% - 60px); width: calc(100% - 60px) } #leave_comment .line .allert input, #leave_comment .line .allert textarea { -webkit-box-shadow: 0 0 0 1px #e30a0a; box-shadow: 0 0 0 1px #e30a0a } #leave_comment .line .allert .allert_text { display: block } #leave_comment .line .allert_text { display: none; position: absolute; bottom: -20px; width: 100%; height: 20px; font-size: 12px; font-family: "GillSansLightC", "Arial", sans-serif; text-align: center; line-height: 20px; color: #e30a0a } #leave_comment .line--half .text { width: 50% } #leave_comment .line--half label { width: 50% } #leave_comment input, #leave_comment textarea { display: block; width: 100%; height: 40px; padding: 0 10px; background: #f0f0f0; font-family: "GillSansC", "Arial", sans-serif; font-size: 16px; color: #000 } #leave_comment input::-webkit-input-placeholder, #leave_comment textarea::-webkit-input-placeholder { font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 12px; color: #000 } #leave_comment input::-moz-placeholder, #leave_comment textarea::-moz-placeholder { font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 12px; color: #000 } #leave_comment input:-ms-input-placeholder, #leave_comment textarea:-ms-input-placeholder { font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 12px; color: #000 } #leave_comment input::placeholder, #leave_comment textarea::placeholder { font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 12px; color: #000 } #leave_comment textarea { height: 130px; padding: 10px } .captcha { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px } .captcha .img { width: 200px; height: 54px; overflow: hidden; text-align: center; border: 1px solid #d2d2d2; margin-right: 20px } .captcha img { display: block; width: 100%; max-height: 100%; margin: 0 auto } .captcha .reload_captcha { display: block; cursor: pointer; width: 26px; height: 33px; background: url("/local/templates/main_kz/css/../images/reload.png") no-repeat center center/contain } .partners_text { margin: 0 auto 40px; font-size: 17px; line-height: 28px; font-family: "GillSansLightC", "Arial", sans-serif } .partners_steps { margin-bottom: 20px } .partners_steps .item { max-width: 250px; margin: 0 auto 40px; text-align: center } .partners_steps .img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto 30px; width: 140px; height: 140px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-box-shadow: 3px 3px 8px 0 rgba(0,0,0,0.3) inset; box-shadow: 3px 3px 8px 0 rgba(0,0,0,0.3) inset } .partners_steps .title { font-size: 18px; margin-bottom: 20px; color: #000 } .partners_steps .text { font-size: 15px; line-height: 21px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif } input[type="text"], input[type="email"], input[type="password"], textarea { font-size: 15px; height: 36px; line-height: 36px; padding: 0 10px; background: #f0f0f0; display: inline-block; vertical-align: middle } textarea { padding: 10px; line-height: 1.2; height: 100px } @media only screen and (max-width: 767px) { .partners_form { display: none } } .partners_form .title { display: block; color: #000; font-size: 20px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-align: center; margin-bottom: 40px; text-transform: uppercase } .partners_form .line, .auth_form .line { margin-bottom: 20px } .partners_form .wrap_input, .auth_form .wrap_input { display: inline-block; vertical-align: middle } .partners_form .wrap_input:last-child { margin-right: 0 } .partners_form .wrap_input .text, .auth_form .wrap_input .text { display: inline-block; vertical-align: middle; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 13px; margin-right: 25px } @media only screen and (max-width: 1023px) { .partners_form .wrap_input .text { font-size: 11px } } .partners_form .wrap_input .text.first_text, .auth_form .wrap_input .text.first_text { min-width: 95px; margin-right: 0 } .partners_form .wrap_radio { display: inline-block; vertical-align: middle } .partners_form .wrap_radio input[type="radio"] { display: none } .partners_form .wrap_radio label { display: inline-block; vertical-align: top; width: 75px; height: 34px; line-height: 36px; text-align: center; text-transform: uppercase; border: 1px solid #d2d2d2; -webkit-border-radius: 30px; border-radius: 30px; margin-right: 15px; font-size: 13px; text-transform: uppercase; color: #626262; cursor: pointer; font-family: "GillSansC-Bold", "Arial", sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .partners_form .wrap_radio label:last-child { margin-right: 0 } @media only screen and (max-width: 1023px) { .partners_form .wrap_radio label { margin-right: 5px; width: 65px; font-size: 11px } } .partners_form .wrap_radio input[type="radio"]:checked+ label { color: #FFF; background: #6ab4ae; border-color: #6ab4ae } .partners_form .super_long { width: 630px } @media only screen and (max-width: 1023px) { .partners_form .super_long { width: 480px } } .partners_form .long { width: 420px } @media only screen and (max-width: 1023px) { .partners_form .long { width: 330px } } .partners_form .little_long { width: 400px } @media only screen and (max-width: 1023px) { .partners_form .little_long { width: 280px } } .partners_form .middle_short { width: 225px } @media only screen and (max-width: 1023px) { .partners_form .middle_short { width: 180px } } .partners_form .short { width: 145px } .partners_form textarea { width: 480px } .partners_form .square_button { width: 250px } .actions .wrap_min { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .actions_menu { width: 285px } @media only screen and (max-width: 1023px) { .actions_menu { width: 200px } } @media only screen and (max-width: 767px) { .actions_menu { width: 100%; margin-bottom: 40px } } @media only screen and (max-width: 767px) { .actions_menu ul { text-align: center } } .actions_menu ul li { margin-bottom: 45px } .actions_menu ul li:last-child { margin-bottom: 0 } @media only screen and (max-width: 1023px) { .actions_menu ul li { margin-bottom: 25px } .actions_menu ul li:last-child { margin-bottom: 0 } } .actions_menu ul li a { line-height: 1.2; text-transform: uppercase; font-size: 13px; color: #888 } .actions_menu ul li a.active { font-size: 17px; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif } @media only screen and (max-width: 1023px) { .actions_menu ul li a.active { font-size: 15px } } .actions_items { width: -webkit-calc(100% - 285px); width: calc(100% - 285px); margin-bottom: -45px } @media only screen and (max-width: 1023px) { .actions_items { width: -webkit-calc(100% - 200px); width: calc(100% - 200px) } } @media only screen and (max-width: 767px) { .actions_items { width: 100% } } .modalboxfire, .modalboxprocent, .modalboxprocent2 { position: absolute; top: -15px; right: -15px; width: 50px; height: 50px; background: url("/local/templates/main_kz/css/../images/ico_9.png") no-repeat center center } .modalboxfire2, .modalboxprocent_2, .modalboxprocent2_2 { /*left: -15px; right: initial;*/ right: 30px; } .modalboxprocent, .modalboxprocent2 { width: 50px; height: 35px; top: 10px; color:#fff; padding: 5px; font-size: 20px; background: url("/local/templates/main_kz/css/../images/ico_11.png") no-repeat center center } .modalboxprocent2 { width: 50px; height: 35px; top: 10px; color:#fff; padding: 7px 17px 7px 5px; text-align: center; font-size: 20px; background: url("/local/templates/main_kz/css/../images/ico_11br.gif") no-repeat center center } .actions_box { margin-bottom: 45px } .actions_box .img { position: relative; margin-bottom: 15px } .actions_box .img img { display: block; width: 100% } .actions_box .share { position: absolute; display: block; top: -22px; right: -12px } .actions_box .fire, .actions_box .lightning, .actions_box .diamond { width: 50px; height: 50px } .actions_box .fire { background: url("/local/templates/main_kz/css/../images/ico_9.png") no-repeat center center } .actions_box .lightning { background: url("/local/templates/main_kz/css/../images/ico_10.png") no-repeat center center } .actions_box .diamond { background: url("/local/templates/main_kz/css/../images/ico_12.png") no-repeat center center } .actions_box .percent { width: 50px; height: 29px; top: 10px; background: url("/local/templates/main_kz/css/../images/ico_11.png") no-repeat center center } .actions_box .share_text { display: block; position: absolute; top: 10px; left: -5px; width: 80px; height: 25px; background: #4470a9 } .actions_box .share_text:before { display: block; position: absolute; content: 'АКЦИЯ'; width: 100%; height: 100%; line-height: 30px; top: 0; left: 0; font-size: 15px; color: #FFF; text-align: center } .actions_box .title { margin-bottom: 10px; text-transform: uppercase; font-size: 15px; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif } .actions_box .text { font-size: 15px; line-height: 1.2; color: #959595; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 15px } .actions_box .price { text-align: right } .actions_box .price .rouble { position: relative; display: inline-block; vertical-align: bottom; font-size: 15px; color: #626262; top: 1px; margin-left: 10px; text-align: right; min-width: 95px; } .actions_box .price .euro { display: inline-block; vertical-align: bottom; color: #000; font-size: 28px; margin-left: 10px; /*padding-right: 28px; background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat right 7px*/ } .actions_box .price--new .old { font-size: 20px; text-decoration: line-through } .actions_box .price--new .new { color: #4470a9 } .actions_box .price--new .rouble { width: 100%; margin-top: 10px } .actions_box--catalog .info { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .actions_box--catalog .price { text-align: left } .actions_box--catalog .price .euro { margin: 0 } .actions_box--catalog .price .rouble { top: auto } .actions_box--news .price { text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .actions_box--news .see_more { text-transform: uppercase; color: #4470a9; font-size: 13px; padding-right: 32px; line-height: 1; background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat right top } @media only screen and (max-width: 1023px) { .actions_box--news .left { width: 100%; margin-bottom: 20px } } .actions_box--news .text { font-size: 15px; line-height: 1.2; height: 50px; overflow: hidden; color: #888 } @media only screen and (max-width: 767px) { .actions_box--news .text { height: auto; margin-bottom: 20px } } .see_all .square_button { width: 290px; margin: 0 auto } .proizvoditeli_btns { text-align: center; margin-bottom: 50px } .proizvoditeli_btns .btn { display: inline-block; vertical-align: middle; text-align: center; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .proizvoditeli_btns .tile { background: url("/local/templates/main_kz/css/../images/tile_ico_gray.png") no-repeat center center } .proizvoditeli_btns .tile.active { background: #4470a9 url("/local/templates/main_kz/css/../images/tile_ico.png") no-repeat center center } .proizvoditeli_btns .list { background: url("/local/templates/main_kz/css/../images/list_ico_gray.png") no-repeat center center } .proizvoditeli_btns .list.active { background: #4470a9 url("/local/templates/main_kz/css/../images/list_ico.png") no-repeat center center } .proizvoditeli_letters .item { margin-bottom: 45px } .proizvoditeli_letters .item:hover .letter { background: #4470a9; color: #FFF } .proizvoditeli_letters .item li { margin-bottom: 6px } .proizvoditeli_letters .item li:last-child { margin-bottom: 0 } .proizvoditeli_letters .item li a { font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; color: "GillSansLightC", "Arial", sans-serif; -webkit-transition: .3s; transition: .3s } .proizvoditeli_letters .item li a:hover { color: #4470a9 } .proizvoditeli_letters .letter { display: inline-block; vertical-align: top; width: 50px; height: 50px; line-height: 55px; font-size: 17px; text-align: center; text-transform: uppercase; color: #000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: .3s; transition: .3s; background: #eaeaea; margin-bottom: 25px } .proizvoditeli_letters--list .col { width: 100% !important } .proizvoditeli_letters--list .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 55px } .proizvoditeli_letters--list .more_links { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px } @media only screen and (max-width: 414px) { .proizvoditeli_letters--list .more_links { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } } .proizvoditeli_letters--list .letter { margin-right: 45px; position: relative; top: -20px } @media only screen and (max-width: 767px) { .proizvoditeli_letters--list .letter { margin-right: 25px } } .sub_title_text { margin-bottom: 50px } .sub_title_text p { font-size: 17px; line-height: 28px; color: #959595 } .prof_info { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 65px } @media only screen and (max-width: 767px) { .prof_info { margin-bottom: 40px } } .prof_info .left { width: -webkit-calc(100% - 255px); width: calc(100% - 255px); padding-right: 80px } @media only screen and (max-width: 767px) { .prof_info .left { width: 100%; padding-right: 0 } } .prof_info .left p { font-size: 15px; line-height: 21px; margin-bottom: 20px; font-family: "GillSansLightC", "Arial", sans-serif } .prof_info .left p:last-child { margin-bottom: 0 } .prof_info .right { width: 255px } @media only screen and (max-width: 767px) { .prof_info .right { width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 40px; text-align: center } } .prof_info .right strong { display: block; text-transform: uppercase; font-size: 11px; line-height: 1.2; margin-bottom: 10px } .prof_info .right .rouble { font-size: 13px; color: #959595; margin-bottom: 25px } .prof_info .right .euro { display: inline-block; vertical-align: bottom; color: #000; font-size: 28px; /*padding-right: 28px;*/ margin-bottom: 2px; /*background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat top right*/ } .prof_info .right .time { font-size: 21px; color: #4470a9 } .prof_city { margin-bottom: 40px; text-align: center } .prof_city .country { font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 10px; color: #959595 } .prof_city .site { font-size: 17px } .prof_city .site a { text-decoration: underline } .prof_city .site a:hover { text-decoration: none } .wrap_prof_slider, .wrap_prof_slider_kabinet { margin-bottom: 120px } @media only screen and (max-width: 1023px) { .wrap_prof_slider, .wrap_prof_slider_kabinet { margin-bottom: 100px } } @media only screen and (max-width: 767px) { .wrap_prof_slider, .wrap_prof_slider_kabinet { margin-bottom: 50px } } .wrap_prof_slider .prof_slider_main, .wrap_prof_slider .prof_slider_main_kabinet, .wrap_prof_slider_kabinet .prof_slider_main, .wrap_prof_slider_kabinet .prof_slider_main_kabinet { margin-bottom: 20px } .wrap_prof_slider .prof_slider_main .video, .wrap_prof_slider .prof_slider_main_kabinet .video, .wrap_prof_slider_kabinet .prof_slider_main .video, .wrap_prof_slider_kabinet .prof_slider_main_kabinet .video { height: 100% } .wrap_prof_slider .prof_slider_main .video a, .wrap_prof_slider .prof_slider_main_kabinet .video a, .wrap_prof_slider_kabinet .prof_slider_main .video a, .wrap_prof_slider_kabinet .prof_slider_main_kabinet .video a { display: block; position: relative; height: 100% } .wrap_prof_slider .prof_slider_main .video a:before, .wrap_prof_slider .prof_slider_main_kabinet .video a:before, .wrap_prof_slider_kabinet .prof_slider_main .video a:before, .wrap_prof_slider_kabinet .prof_slider_main_kabinet .video a:before { display: block; position: absolute; content: ''; width: 150px; height: 150px; top: 50%; margin-top: -75px; left: 50%; margin-left: -75px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(73,180,172,0.7) url("/local/templates/main_kz/css/../images/play-video.png") no-repeat -webkit-calc(50% + 5px) center; background: rgba(73,180,172,0.7) url("/local/templates/main_kz/css/../images/play-video.png") no-repeat calc(50% + 5px) center; cursor: pointer } @media only screen and (max-width: 767px) { .wrap_prof_slider .prof_slider_main .video a:before, .wrap_prof_slider .prof_slider_main_kabinet .video a:before, .wrap_prof_slider_kabinet .prof_slider_main .video a:before, .wrap_prof_slider_kabinet .prof_slider_main_kabinet .video a:before { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px } } .wrap_prof_slider .prof_slider_main img, .wrap_prof_slider .prof_slider_main_kabinet img, .wrap_prof_slider_kabinet .prof_slider_main img, .wrap_prof_slider_kabinet .prof_slider_main_kabinet img { display: block; width: 100% } .wrap_prof_slider .dots, .wrap_prof_slider_kabinet .dots { position: relative; width: 100%; text-align: center; bottom: auto } @media only screen and (min-width: 768px) { .wrap_prof_slider .dots, .wrap_prof_slider_kabinet .dots { display: none } } .wrap_prof_slider .dots ul li, .wrap_prof_slider_kabinet .dots ul li { margin-right: 10px } .wrap_prof_slider .dots ul li:last-child, .wrap_prof_slider_kabinet .dots ul li:last-child { margin-right: 0 } .wrap_prof_slider .dots ul li button, .wrap_prof_slider_kabinet .dots ul li button { border: 1px solid #4470a9 } .wrap_prof_slider .wrap_prof_slider_thums, .wrap_prof_slider .wrap_prof_slider_thums_kabinet, .wrap_prof_slider_kabinet .wrap_prof_slider_thums, .wrap_prof_slider_kabinet .wrap_prof_slider_thums_kabinet { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width: 767px) { .wrap_prof_slider .wrap_prof_slider_thums, .wrap_prof_slider .wrap_prof_slider_thums_kabinet, .wrap_prof_slider_kabinet .wrap_prof_slider_thums, .wrap_prof_slider_kabinet .wrap_prof_slider_thums_kabinet { display: none } } .wrap_prof_slider .prof_slider_thums, .wrap_prof_slider .prof_slider_thums_kabinet, .wrap_prof_slider_kabinet .prof_slider_thums, .wrap_prof_slider_kabinet .prof_slider_thums_kabinet { width: -webkit-calc(100% - 240px); width: calc(100% - 240px) } .wrap_prof_slider .prof_slider_thums .slide, .wrap_prof_slider .prof_slider_thums_kabinet .slide, .wrap_prof_slider_kabinet .prof_slider_thums .slide, .wrap_prof_slider_kabinet .prof_slider_thums_kabinet .slide { margin: 0 7px; cursor: pointer } .wrap_prof_slider .prof_slider_thums .video, .wrap_prof_slider .prof_slider_thums_kabinet .video, .wrap_prof_slider_kabinet .prof_slider_thums .video, .wrap_prof_slider_kabinet .prof_slider_thums_kabinet .video { height: 100%; position: relative } .wrap_prof_slider .prof_slider_thums .video:before, .wrap_prof_slider .prof_slider_thums_kabinet .video:before, .wrap_prof_slider_kabinet .prof_slider_thums .video:before, .wrap_prof_slider_kabinet .prof_slider_thums_kabinet .video:before { display: block; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(73,180,172,0.7) url("/local/templates/main_kz/css/../images/play-video.png") no-repeat center center } .wrap_prof_slider .prof_slider_thums img, .wrap_prof_slider .prof_slider_thums_kabinet img, .wrap_prof_slider_kabinet .prof_slider_thums img, .wrap_prof_slider_kabinet .prof_slider_thums_kabinet img { width: 100% } .wrap_prof_slider .arrow, .wrap_prof_slider_kabinet .arrow { display: block; width: 25px; height: 66px; cursor: pointer } .wrap_prof_slider .prev, .wrap_prof_slider_kabinet .prev { background: url("/local/templates/main_kz/css/../images/left.svg") no-repeat center center } .wrap_prof_slider .next, .wrap_prof_slider_kabinet .next { background: url("/local/templates/main_kz/css/../images/right.svg") no-repeat center center } .wrap_prof_slider_kabinet { margin-bottom: 0px } .prof_proizvoditeli { margin-bottom: 60px } .prof_slider_main_kabinet .slide { position: relative } .prof_slider_main_kabinet .slide .title_line { position: absolute; top: 15px; left: 0; padding: 15px 15px 12px; background: rgba(255,255,255,0.7) } @media only screen and (max-width: 767px) { .prof_slider_main_kabinet .slide .title_line { display: none } } .prof_slider_main_kabinet .slide .title_line .item { display: inline-block; vertical-align: bottom } .prof_slider_main_kabinet .slide .title_line .item.link { position: relative; margin-right: 15px; font-size: 15px; text-transform: uppercase; color: #000; font-family: "GillSansLightC", "Arial", sans-serif } .prof_slider_main_kabinet .slide .title_line .item.link:before { display: block; position: absolute; content: '/'; top: 0; right: -12px; font-size: 15px; color: #000; font-family: "GillSansLightC", "Arial", sans-serif } .prof_slider_main_kabinet .slide .title_line .item.name { font-size: 44px; color: #000; margin-bottom: -8px } .prof_slider_main_kabinet .slide .kit_includes { width: 260px; position: absolute; bottom: 15px; right: 15px; padding: 15px; color: #000; background: rgba(255,255,255,0.7) } @media only screen and (max-width: 767px) { .prof_slider_main_kabinet .slide .kit_includes { display: none } } .prof_slider_main_kabinet .slide .kit_includes .title { display: inline-block; vertical-align: top; font-size: 17px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 15px; border-bottom: 1px dashed #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .prof_slider_main_kabinet .slide .kit_includes .title.active { border-color: rgba(255,255,255,0) } .prof_slider_main_kabinet .slide .kit_includes .text { display: none; font-size: 17px; line-height: 21px; font-family: "GillSansLightC", "Arial", sans-serif; color: #494949; padding-bottom: 15px } .prof_slider_main_kabinet .slide .kit_includes .price { 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; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 12px } .prof_slider_main_kabinet .slide .kit_includes .left, .prof_slider_main_kabinet .slide .kit_includes .right { width: 50%; text-align: right; } .prof_slider_main_kabinet .slide .kit_includes .left { text-align: right; padding-right: 12px; padding-bottom: 3px } .prof_slider_main_kabinet .slide .kit_includes .rouble { text-align: right; font-size: 15px; color: #626262; } .prof_slider_main_kabinet .slide .kit_includes .euro { font-size: 28px; /*padding-right: 32px; background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat right 4px*/ } .prof_slider_main_kabinet .slide .kit_includes .square_button { width: 155px; float: right; background: rgba(255,255,255,0.3) } .prof_slider_main_kabinet .slide .coordinates { display: block; width: 20px; height: 20px; position: absolute; -webkit-border-radius: 50%; border-radius: 50%; background: #4470a9; z-index: 1; cursor: pointer } @media only screen and (max-width: 1023px) { .prof_slider_main_kabinet .slide .coordinates { display: none } } .prof_slider_thums_kabinet .slide { height: 100px } .prof_box { margin-bottom: 70px } @media only screen and (max-width: 1023px) { .prof_box { margin-bottom: 50px } } @media only screen and (max-width: 767px) { .prof_box.col_4 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } @media only screen and (max-width: 414px) { .prof_box.col_4 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .prof_box .title { font-size: 15px; color: #000; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 15px } .prof_box .img { display: block; max-width: 190px; height: 260px; position: relative; margin-bottom: 20px } @media only screen and (max-width: 767px) { .prof_box .img { max-width: 100% } } .prof_box .img .new { position: absolute; top: -20px; right: -12px; width: 50px; height: 50px; line-height: 55px; color: #FFF; text-transform: uppercase; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background: #4470a9 } .prof_box .download { width: 130px; height: 30px; float: left; margin-left: 60px; text-align: center; } .prof_box .see a, .prof_box .download a { /*display: inline-block; vertical-align: top; line-height: 16px; padding-top: 4px; font-size: 11px; color: #888; font-family: "GillSansC-Bold", "Arial", sans-serif; padding-left: 28px; text-transform: uppercase*/ } .prof_box .see { margin-bottom: 10px } .prof_box .see a { background: url("/local/templates/main_kz/css/../images/eye.png") no-repeat center left } .prof_box .download a { /*background: url("/local/templates/main_kz/css/../images/download_link.png") no-repeat top left;*/ display: none; } .prof_box:hover .download { } .prof_box:hover .download>span { display: none; } .prof_box:hover .download a { display: block; } .prolect_filters { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 35px } @media only screen and (max-width: 767px) { .prolect_filters { display: none } } @media only screen and (max-width: 1023px) { .prolect_filters .fs-dropdown { margin-bottom: 20px; width: -webkit-calc(33.333333% - 15px); width: calc(33.333333% - 15px) } } @media only screen and (max-width: 767px) { .prolect_filters .fs-dropdown { width: -webkit-calc(50% - 15px); width: calc(50% - 15px) } } .prolect_filters_wrap { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: -webkit-calc(100% - 70px); width: calc(100% - 70px) } @media only screen and (max-width: 1040px) { .prolect_filters_wrap { width: 100% } } .prolect_filters_search_btn { position: relative; top: -5px; width: 50px; height: 50px; margin: 0 auto; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; background: #eaeaea url("/local/templates/main_kz/css/../images/search.svg") no-repeat center center/15px } .wrap_prolect_filters_search_btn { position: relative } @media only screen and (max-width: 1040px) { .wrap_prolect_filters_search_btn { display: none } } .project_box { margin-bottom: 50px } .project_box .img { margin-bottom: 15px } .project_box .img img { display: block; width: 100%; height: 100%; } .project_box .info { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .project_box .info .inner { width: -webkit-calc(100% - 50px); width: calc(100% - 50px); padding-right: 10px } .project_box .info .title { font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 15px; line-height: 1.2; text-transform: uppercase; margin-bottom: 5px } .project_box .info .name { margin-bottom: 10px } .project_box .info .name a { font-family: "GillSansLightC", "Arial", sans-serif; color: #888; font-size: 15px; line-height: 1.3 } .project_box .info .comments { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 12px; line-height: 1.2 } .project_box .info .comments_number { color: #4470a9; font-size: 17px; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-left: 10px } .project_box .info .rating { width: 50px; height: 50px; line-height: 55px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background: #eaeaea; font-size: 17px; color: #000 } @media only screen and (min-width: 768px) { .partners_hidden_text { display: none } } .partners_hidden_text .title { margin-bottom: 50px } .partners_hidden_text .title, .partners_hidden_text .text { text-align: center; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 13px; line-height: 16px; text-transform: uppercase } @media only screen and (max-width: 1023px) { .some_class_item .item { margin-bottom: 40px } } .some_class_item .title { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 13px; margin-bottom: 10px } .some_class_item .img { max-height: 165px; overflow: hidden; margin-bottom: 20px } .some_class_item .img img { width: 100% } .some_class_item ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 } .some_class_item ul li { margin-bottom: 10px } .some_class_item ul li a { font-size: 13px; font-family: "GillSansLightC", "Arial", sans-serif } .some_class_item ul li a:hover, .some_class_item ul li a.active { color: #4470a9 } .contacts_maps { margin-bottom: 40px } .contacts_maps .item { margin-bottom: 40px } .contacts_maps .title { min-height: 19px; font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; padding-top: 8px; padding-left: 22px; background: url("/local/templates/main_kz/css/../images/ico_14.png") no-repeat center left; margin-bottom: 20px } .contacts_maps .info { margin-bottom: 35px; min-height: 85px } @media only screen and (max-width: 767px) { .contacts_maps .info { min-height: auto } } .contacts_maps .info p { font-size: 15px; line-height: 1.2; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 15px } .contacts_maps .info p:last-child { margin-bottom: 0 } .contacts_maps .info a { font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; text-decoration: underline } .contacts_maps .info a:hover { text-decoration: none } .contacts_maps .download { display: inline-block; text-transform: uppercase; font-size: 11px; color: #000; margin-bottom: 10px; font-family: "GillSansC-Bold", "Arial", sans-serif } .contacts_maps .map img { display: block; width: 100% } .contacts_managers h4 { text-align: center; font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 35px } .contacts_managers .contacts_managers_block { max-width: 830px; margin: 0 auto 50px } .contacts_managers .contacts_managers_block .grid { text-align: center } .contacts_managers_item { position: relative; min-height: 380px; border: 1px solid #d2d2d2; padding: 20px 22px; text-align: left; background: #FFF; margin-bottom: 25px } .contacts_managers_item .city { min-height: 36px !important; } .contacts_managers_item.label { border: 1px solid rgba(73,181,173,0.3) } .contacts_managers_item.consultant { width: -webkit-calc(40% - 24px); width: calc(40% - 24px); text-align: left; min-height: auto } @media only screen and (max-width: 1023px) { .contacts_managers_item.consultant { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } @media only screen and (max-width: 767px) { .contacts_managers_item.consultant { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } @media only screen and (max-width: 767px) { .contacts_managers_item { min-height: auto } } .contacts_managers_item .label { position: absolute; top: 15px; left: -15px; color: #FFF; padding: 8px 15px 6px; text-transform: uppercase; background: #4470a9 } .contacts_managers_item .img { width: 135px; height: 135px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 auto 20px } .contacts_managers_item .img img { width: 100% } .contacts_managers_item .name { font-size: 17px; line-height: 1.2; text-transform: uppercase; text-align: center; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 5px } .contacts_managers_item .city { min-height: 45px; font-size: 15px; line-height: 18px; font-family: "GillSansLightC", "Arial", sans-serif; text-align: center } @media only screen and (max-width: 767px) { .contacts_managers_item .city { min-height: auto } } .contacts_managers_item .mail { text-align: center; margin-top: 10px; margin-bottom: 20px } @media only screen and (max-width: 767px) { .contacts_managers_item .mail { margin-top: 20px } } .contacts_managers_item .mail a { font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #4470a9 } .contacts_managers_item .mail a:hover { text-decoration: underline } .contacts_managers_item .info li { margin-bottom: 10px } .contacts_managers_item .info span { display: inline-block; vertical-align: top; -webkit-flex-basis: 15px; -ms-flex-preferred-size: 15px; flex-basis: 15px } .contacts_managers_item .info span:nth-child(1) { font-family: "GillSansLightC", "Arial", sans-serif; width: 55px } .contacts_managers_item .info span:nth-child(2) { font-family: "GillSansC-Bold", "Arial", sans-serif; color: #626262 } .contacts_managers_item .wrap-inner { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .contacts_managers_item .inner { width: -webkit-calc(100% - 135px); width: calc(100% - 135px); padding-left: 40px } @media only screen and (max-width: 1200px) { .contacts_managers_item .inner { padding-left: 20px } } @media only screen and (max-width: 1023px) { .contacts_managers_item .inner { width: 100% } } .contacts_managers_item .inner .name, .contacts_managers_item .inner .city { text-align: left } @media only screen and (max-width: 1023px) { .contacts_managers_item .inner .name, .contacts_managers_item .inner .city { text-align: center } } .contacts_managers_item .delete { display: inline-block; vertical-align: top; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; line-height: 30px; position: relative; padding-left: 40px; margin-top: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .contacts_managers_item .delete:before { display: block; position: absolute; content: ''; width: 30px; height: 30px; top: 0; left: 0; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center/14px } .contacts_managers_item .tools { position: absolute; top: -15px; right: -15px; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background: #eaeaea url("/local/templates/main_kz/css/../images/edit.png") no-repeat center center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1 } .contacts_form_block { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .contacts_form_block .left { width: 285px; padding-right: 30px } @media only screen and (max-width: 767px) { .contacts_form_block .left { width: 100%; padding-right: 0; margin-bottom: 40px } } .contacts_form_block .right { width: -webkit-calc(100% - 285px); width: calc(100% - 285px) } @media only screen and (max-width: 767px) { .contacts_form_block .right { width: 100% } } .contacts_form_block h4 { text-align: center; font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 35px } .contacts_form_block .contacts_managers_item { min-height: auto; height: 300px; margin-bottom: 0 } .contacts_form { position: relative; border: 1px solid #d2d2d2; padding: 20px; height: 300px } @media only screen and (max-width: 1023px) { .contacts_form { height: auto } } .contacts_form label { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .contacts_form label span { display: block; width: 80px; font-size: 13px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; color: #000 } .contacts_form label input { display: block; width: -webkit-calc(100% - 80px); width: calc(100% - 80px) } .contacts_form .top { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 15px } .contacts_form .top label { width: -webkit-calc(33.333333% - 30px); width: calc(33.333333% - 30px) } @media only screen and (max-width: 1023px) { .contacts_form .top label { width: 100%; margin-bottom: 15px } .contacts_form .top label:last-child { margin-bottom: 0 } } .contacts_form .middle { margin-bottom: 15px } .contacts_form .middle textarea { display: block; width: 100%; height: 135px; font-size: 15px } .contacts_form .middle textarea::-webkit-input-placeholder { font-size: 13px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; color: #000 } .contacts_form .middle textarea::-moz-placeholder { font-size: 13px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; color: #000 } .contacts_form .middle textarea:-ms-input-placeholder { font-size: 13px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; color: #000 } .contacts_form .middle textarea::placeholder { font-size: 13px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; color: #000 } .contacts_form .bottom { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .contacts_form .bottom .bottom_left { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: -webkit-calc(100% - 150px); width: calc(100% - 150px) } @media only screen and (max-width: 1023px) { .contacts_form .bottom .bottom_left { width: 100% } } .contacts_form .bottom label { width: 50%; margin-bottom: 0 } @media only screen and (max-width: 767px) { .contacts_form .bottom label { width: 100% } } .contacts_form .bottom label span { width: 170px } @media only screen and (max-width: 1200px) { .contacts_form .bottom label span { width: 100px } } .contacts_form .bottom input { width: -webkit-calc(100% - 170px); width: calc(100% - 170px) } @media only screen and (max-width: 1200px) { .contacts_form .bottom input { width: -webkit-calc(100% - 100px); width: calc(100% - 100px) } } .contacts_form .bottom .captcha { width: 50%; margin: 0; padding-left: 30px; padding-right: 15px } @media only screen and (max-width: 1200px) { .contacts_form .bottom .captcha { padding-left: 15px } } @media only screen and (max-width: 767px) { .contacts_form .bottom .captcha { width: 100%; padding: 0; margin-top: 15px } } .contacts_form .bottom img { width: 100% } .contacts_form .bottom .bottom_right { width: 150px } @media only screen and (max-width: 1023px) { .contacts_form .bottom .bottom_right { width: 100%; margin-top: 15px } } .hidden_message { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 1 } .hidden_message.open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .hidden_message .inner { text-align: center } .hidden_message .inner strong { display: block; font-size: 19px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 25px } .hidden_message .inner p { font-size: 19px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 25px; line-height: 1.2 } .hidden_message .inner p:last-child { margin-bottom: 0 } .prof_project .wrap_min { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .prof_project .prof_project_info { width: 355px } @media only screen and (max-width: 1023px) { .prof_project .prof_project_info { width: 100% } } .prof_project .prof_project_info .title { font-size: 15px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 15px } .prof_project .prof_project_info ul { margin-bottom: 20px } .prof_project .prof_project_info li { margin-bottom: 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .prof_project .prof_project_info li span { display: block; width: 35%; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif } .prof_project .prof_project_info .prof_project_info_links { width: 50% } .prof_project .prof_project_info .prof_project_info_links .inner { margin-bottom: 20px; display: none } .prof_project .prof_project_info .prof_project_info_links .inner:nth-child(1), .prof_project .prof_project_info .prof_project_info_links .inner:nth-child(2), .prof_project .prof_project_info .prof_project_info_links .inner:nth-child(3) { display: block !important } .prof_project .prof_project_info .prof_project_info_links .inner strong { font-size: 15px; font-weight: 400; font-family: "GillSansC", "Arial", sans-serif; margin-bottom: 5px; display: block } .prof_project .prof_project_info .prof_project_info_links .inner p { margin-bottom: 5px } .prof_project .prof_project_info .prof_project_info_links .inner p a { font-family: "GillSansC-Bold", "Arial", sans-serif; line-height: 1.2 } .prof_project .prof_project_info .prof_project_info_links .inner p a:hover { color: #4470a9 } .prof_project .prof_project_info .prof_project_info_links_open { display: none; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto; background: url("/local/templates/main_kz/css/../images/plus.png") no-repeat center center } .prof_project .prof_project_info .prof_project_info_links_open.open { background: url("/local/templates/main_kz/css/../images/minus.png") no-repeat center center } .prof_project .prof_project_info .wrap_rating { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .prof_project .prof_project_info .rating { width: 50px; height: 50px; line-height: 55px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 17px; font-family: "GillSansC", "Arial", sans-serif; text-align: center; background: #4470a9; color: #FFF; margin-left: -25% } .prof_project .prof_project_info .prof_project_info_rating { position: relative; margin-top: 40px } .prof_project .prof_project_info .prof_project_info_rating h4 { font-size: 13px; font-family: "GillSansC-Bold", "Arial", sans-serif } .prof_project .prof_project_slider { width: -webkit-calc(100% - 355px); width: calc(100% - 355px); padding-left: 30px } @media only screen and (max-width: 1023px) { .prof_project .prof_project_slider { width: 100%; padding-left: 0; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 40px } } .prof_project .wrap_prof_slider { width: 100%; margin-bottom: 40px } .star-rating { font-size: 0 } .star-rating__wrap { display: inline-block; font-size: 20px } .star-rating__wrap:after { content: ""; display: table; clear: both } .star-rating__ico { float: right; padding-left: 5px; cursor: pointer; color: #4470a9 } .star-rating__ico:last-child { padding-left: 0 } .star-rating__input { display: none }.star-rating__ico:hover:before,.star-rating__ico:hover ~ .star-rating__ico:before,.star-rating__input:checked ~ .star-rating__ico:before { content: "\f005" } .rating_thanks { position: absolute; left: 0; top: 0; z-index: 9; background: #FFF; border: 1px solid #000; width: 280px; height: 110px; padding: 25px 10px } .rating_thanks .close { display: block; position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; cursor: pointer; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center } .rating_thanks .text { text-align: center; font-size: 15px } .rating_thanks strong { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .rating_thanks p { margin-top: 10px; line-height: 20px; font-family: "GillSansLightC", "Arial", sans-serif } .prof_project_comments { margin-top: 40px } .prof_project_slider_text p { font-size: 15px; line-height: 20px; margin-bottom: 20px; font-family: "GillSansLightC", "Arial", sans-serif } .prof_project_slider_text p:last-child { margin-bottom: 0 } .catalog_slider_section .wrap, .catalog_slider_section .wrap_min, .catalog_slider_section .wrap_small { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 767px) { .catalog_slider_section .wrap_small { padding-left: 0; padding-right: 0 } } .catalog_slider_section .arrows { display: block; height: 14px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url("/local/templates/main_kz/css/../images/arrow_down-slider.png") no-repeat center center } @media only screen and (max-width: 1023px) { .catalog_slider_section .arrows { display: none } } .catalog_slider_section .prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-bottom: 15px } .catalog_slider_section .dots { position: relative; bottom: auto; margin-top: 20px } .catalog_slider_section .dots button { background: #cdcdcd } @media only screen and (min-width: 1024px) { .catalog_slider_section .dots { display: none } } .catalog_slider_section .wrap_slider_section { width: 55%; padding-right: 15px; 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 767px) { .catalog_slider_section .wrap_slider_section { width: 100%; margin-bottom: 40px; padding-right: 0 } } .catalog_slider_section .wrap_slider_section .wrap_thumbs_slider_section { width: 180px } @media only screen and (max-width: 1023px) { .catalog_slider_section .wrap_slider_section .wrap_thumbs_slider_section { width: 100% } } .catalog_slider_section .wrap_slider_section .thumbs_slider_section .slide { height: 100px; margin-bottom: 15px; cursor: pointer } .catalog_slider_section .wrap_slider_section .thumbs_slider_section .img { height: 100px; overflow: hidden } .catalog_slider_section .wrap_slider_section .thumbs_slider_section .img img { display: block; width: 100% } .catalog_slider_section .wrap_slider_section .thumbs_slider_section .video { position: relative } .catalog_slider_section .wrap_slider_section .thumbs_slider_section .video:before { display: block; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(73,180,172,0.7) url("/local/templates/main_kz/css/../images/play-video.png") no-repeat center center } .catalog_slider_section .wrap_slider_section .thumbs_slider_section .labels { display: none } .catalog_slider_section .wrap_slider_section .wrap_main_slider_section { width: -webkit-calc(100% - 180px); width: calc(100% - 180px) } @media only screen and (max-width: 1023px) { .catalog_slider_section .wrap_slider_section .wrap_main_slider_section { width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 40px } } .catalog_slider_section .wrap_slider_section .wrap_main_slider_section .labels { text-align: center } .catalog_slider_section .wrap_slider_section .wrap_main_slider_section .labels img { display: inline-block; vertical-align: bottom; margin-right: 15px } .catalog_slider_section .wrap_slider_section .wrap_main_slider_section .labels img:last-child { margin-right: 0 } .catalog_slider_section .wrap_slider_section .slider_section .slide { padding: 0 70px } .catalog_slider_section .wrap_slider_section .slider_section .img { margin-bottom: 20px } .catalog_slider_section .wrap_slider_section .slider_section .img img { display: block; width: 100% } .catalog_slider_section .wrap_slider_section .slider_section .video a { display: block; position: relative } .catalog_slider_section .wrap_slider_section .slider_section .video a:before { display: block; position: absolute; content: ''; width: 150px; height: 150px; top: 50%; margin-top: -75px; left: 50%; margin-left: -75px; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(73,180,172,0.7) url("/local/templates/main_kz/css/../images/play-video.png") no-repeat -webkit-calc(50% + 5px) center; background: rgba(73,180,172,0.7) url("/local/templates/main_kz/css/../images/play-video.png") no-repeat calc(50% + 5px) center; cursor: pointer } .catalog_slider_section .info_slider_section { width: 45% } @media only screen and (max-width: 767px) { .catalog_slider_section .info_slider_section { width: 100% } } .catalog_slider_section .info_slider_section > .text { font-size: 17px; line-height: 28px; margin-bottom: 30px; font-family: "GillSansLightC", "Arial", sans-serif } .catalog_slider_section .info_slider_section .good_info { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px } .catalog_slider_section .info_slider_section .good_info .left { width: 50% } @media only screen and (max-width: 399px) { .catalog_slider_section .info_slider_section .good_info .left { width: 100%; margin-bottom: 40px } } .catalog_slider_section .info_slider_section .good_info .left p { margin-bottom: 15px } .catalog_slider_section .info_slider_section .good_info .left p:last-child { margin-bottom: 0 } .catalog_slider_section .info_slider_section .good_info .left p input[type="radio"] { display: none } .catalog_slider_section .info_slider_section .good_info .name { font-size: 17px; color: #626262; margin-right: 15px; font-family: "GillSansLightC", "Arial", sans-serif } .catalog_slider_section .info_slider_section .good_info .number { font-size: 17px; font-family: "GillSansC-Bold", "Arial", sans-serif } .catalog_slider_section .info_slider_section .good_info .right { width: 50% } @media only screen and (max-width: 399px) { .catalog_slider_section .info_slider_section .good_info .right { width: 100% } } .catalog_slider_section .info_slider_section .good_info .right p { margin-bottom: 10px } .catalog_slider_section .info_slider_section .good_info .right p:last-child { margin-bottom: 0 } .catalog_slider_section .info_slider_section .good_info .right span { display: inline-block; vertical-align: middle; font-family: "GillSansLightC", "Arial", sans-serif } .catalog_slider_section .info_slider_section .good_info .right span:nth-child(1) { width: 65px } .catalog_slider_section .info_slider_section .good_info .right span:nth-child(2) { font-family: "GillSansC", "Arial", sans-serif } .catalog_slider_section .info_slider_section .good_info input[type="radio"]:checked+ label { border: 1px solid #4470a9; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset } .catalog_slider_section .info_slider_section .manufacturing { color: #4470a9; margin-bottom: 15px } .catalog_slider_section .info_slider_section .how_many { max-width: 320px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px } .catalog_slider_section .info_slider_section .how_many .left, .catalog_slider_section .info_slider_section .how_many .right { width: 175px } .catalog_slider_section .info_slider_section .how_many p { margin-bottom: 10px } .catalog_slider_section .info_slider_section .how_many p:last-child { margin-bottom: 0 } .catalog_slider_section .info_slider_section .how_many span { font-size: 17px; margin-right: 10px; font-family: "GillSansLightC", "Arial", sans-serif } .catalog_slider_section .info_slider_section .how_many span:last-child { font-family: "GillSansC", "Arial", sans-serif; margin-right: 0 } .catalog_slider_section .info_slider_section .price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .catalog_slider_section .info_slider_section .price .left { margin-right: 25px } .catalog_slider_section .info_slider_section .price .euro { display: inline-block; vertical-align: bottom; color: #000; font-size: 28px; /*padding-right: 28px; background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat right 3px*/ } .catalog_slider_section .info_slider_section .price .rouble { font-size: 15px; color: #626262 } .catalog_slider_section .info_slider_section .price .square_button { width: 155px } .catalog_slider_section .info_slider_section .labels { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .catalog_slider_section .info_slider_section .labels img { margin-right: 18px } .catalog_slider_section .info_slider_section .labels img:last-child { margin-right: 0 } .catalog_slider_section .wrap_slider_section_tabs { width: 65% } @media only screen and (max-width: 1023px) { .catalog_slider_section .wrap_slider_section_tabs { width: 60% } } @media only screen and (max-width: 767px) { .catalog_slider_section .wrap_slider_section_tabs { width: 100%; margin-bottom: 40px } } .catalog_slider_section .info_slider_section_tabs { width: 35% } @media only screen and (max-width: 1023px) { .catalog_slider_section .info_slider_section_tabs { width: 40% } } @media only screen and (max-width: 767px) { .catalog_slider_section .info_slider_section_tabs { width: 100% } } .catalog_slider_section .info_slider_section_tabs .how_many, .catalog_slider_section .info_slider_section_tabs .price { margin-bottom: 20px } .catalog_slider_section .hidden_colors { padding-top: 15px; margin-bottom: -12px; width: 70%; margin-left: 20%; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .catalog_slider_section .hidden_colors .col { margin-bottom: 15px } @media only screen and (max-width: 767px) { .catalog_slider_section .hidden_colors .col { width: -webkit-calc(33.333333% - 24px); width: calc(33.333333% - 24px) } } .catalog_slider_section .hidden_colors img { width: 65px; height: 65px } .catalog_slider_section .specification { color: #626262; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; margin: 20px 0 10px } .catalog_slider_section .specification p { padding-left: 30px; margin-bottom: 5px } .catalog_slider_section .specification p span { display: inline-block; vertical-align: middle; min-width: 65px } .catalog_slider_section .specification p span:nth-child(2) { font-family: "GillSansC", "Arial", sans-serif } .catalog_slider_section .specification .title { display: inline-block; vertical-align: top; padding-left: 0; margin-bottom: 10px; border-bottom: 1px dashed #626262; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .catalog_slider_section .specification .title.open { border-color: rgba(255,255,255,0) } .catalog_slider_section .specification .inner { display: none } .catalog_slider_section .line { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d2d2d2; color: #626262 } .catalog_slider_section .line .wrap_line_lr { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 30px } .catalog_slider_section .line .line_left { width: 55%; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif } .catalog_slider_section .line .line_right { width: 45%; font-size: 15px } .input-number { max-width: 240px; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px } .input-number .input-number-decrement, .input-number .input-number-increment { width: 40px; height: 40px; background: #fff; color: #616161; border: 1px solid #c3c3c3; cursor: pointer } .input-number .input-number-decrement { background: url("/local/templates/main_kz/css/../images/ico_16.png") no-repeat center center } .input-number .input-number-increment { background: url("/local/templates/main_kz/css/../images/ico_15.png") no-repeat center center } .input-number input { display: block; height: 40px; line-height: 45px; text-align: center; font-size: 15px; width: -webkit-calc(100% - 96px); width: calc(100% - 96px); background: #f0f0f0 } .color-check { display: inline-block; vertical-align: middle; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 10px; border: 1px solid #ccc } .color-check:last-child { margin-right: 0 } .color-check.black { background: #000 } .color-check.white { background: #fff } .color-check.gray { background: #555 } .color-check.blue { background: blue } .color-check.red { background: red } .wrap_tab_links { margin-bottom: 40px } @media only screen and (max-width: 1030px) { .wrap_tab_links { overflow: hidden; overflow-x: scroll; white-space: nowrap; padding-left: 15px } } .tab_links { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } @media only screen and (max-width: 1023px) { .tab_links { width: 1015px } } .tab_links [data-tabLinks] { display: block; min-height: 34px; padding: 12px 30px 8px; -webkit-border-radius: 20px; border-radius: 20px; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; text-transform: uppercase; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tab_links [data-tabLinks].active { font-family: "GillSansC", "Arial", sans-serif; background: #f5f5f5 } @media only screen and (max-width: 1030px) { .wrap_tab_links--center { overflow: auto; overflow-x: auto; white-space: normal; padding-left: 15px; padding-right: 15px } } .wrap_tab_links--center .tab_links { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media only screen and (max-width: 1023px) { .wrap_tab_links--center .tab_links { width: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media only screen and (max-width: 767px) { .wrap_tab_links--center .tab_links [data-tabLinks] { display: block; font-size: 12px; line-height: 1.2; text-align: center } .wrap_tab_links--center .tab_links [data-tabLinks]:last-child { margin-bottom: 0 } } .prof_catalog_box { position: relative; border: 1px solid #e0e0e0; background: #FFF; padding: 15px 40px; min-height: 665px; margin-bottom: 40px } @media only screen and (max-width: 1023px) { .prof_catalog_box { padding: 15px; width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } @media only screen and (max-width: 767px) { .prof_catalog_box { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .prof_catalog_box .img { height: 275px; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; overflow: hidden } .prof_catalog_box .img img { display: block; max-width: 100%; max-height: 275px } .prof_catalog_box .title { display: inline-block; font-size: 17px; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 20px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .prof_catalog_box .good_info { margin-bottom: 20px } .prof_catalog_box .good_info .left { margin-bottom: 20px } .prof_catalog_box .good_info .left p { margin-bottom: 15px } .prof_catalog_box .good_info .left p:last-child { margin-bottom: 0 } .prof_catalog_box .good_info .left p input[type="radio"] { display: none } .prof_catalog_box .good_info .name { font-size: 17px; color: #626262; margin-right: 15px; font-family: "GillSansLightC", "Arial", sans-serif } .prof_catalog_box .good_info .number { font-size: 17px; font-family: "GillSansC-Bold", "Arial", sans-serif } .prof_catalog_box .good_info .right p { margin-bottom: 10px } .prof_catalog_box .good_info .right p:last-child { margin-bottom: 0 } .prof_catalog_box .good_info .right span { display: inline-block; vertical-align: middle; font-family: "GillSansLightC", "Arial", sans-serif } .prof_catalog_box .good_info .right span:nth-child(1) { width: 65px } .prof_catalog_box .good_info .right span:nth-child(2) { font-family: "GillSansC", "Arial", sans-serif } .prof_catalog_box .how_many { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 65px } @media only screen and (max-width: 1199px) { .prof_catalog_box .how_many { display: block; min-height: 120px } } .prof_catalog_box .how_many .left, .prof_catalog_box .how_many .right { width: 45% } @media only screen and (max-width: 1199px) { .prof_catalog_box .how_many .left, .prof_catalog_box .how_many .right { width: 100%; margin-bottom: 10px } } .prof_catalog_box .how_many p { margin-bottom: 10px } .prof_catalog_box .how_many p:last-child { margin-bottom: 0 } .prof_catalog_box .how_many span { font-size: 16px; margin-right: 3px; font-family: "GillSansLightC", "Arial", sans-serif } .prof_catalog_box .how_many span:last-child { font-family: "GillSansC", "Arial", sans-serif; margin-right: 0 } .prof_catalog_box .price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .prof_catalog_box .price .left { margin-right: 10px; text-align: left; } @media only screen and (max-width: 1199px) { .prof_catalog_box .price .left { width: 100%; margin-bottom: 10px } } .prof_catalog_box .price .euro { display: inline-block; vertical-align: bottom; color: #000; font-size: 28px; /*padding-right: 28px; background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat right 3px*/ } .prof_catalog_box .price .rouble { font-size: 15px; color: #626262 } .prof_catalog_box .price .square_button { width: 120px } @media only screen and (max-width: 1199px) { .prof_catalog_box .price .square_button { width: 100% } } .prof_catalog_box .input-number { margin-bottom: 20px } .prof_catalog_box .the_size { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px } .prof_catalog_box .the_size .text { width: 60px } .prof_catalog_box .description { width: -webkit-calc(100% - 60px); width: calc(100% - 60px) } .color-check-radio:checked+ label { border: 1px solid #4470a9; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset } .prof_catalog_download_item { text-align: center; margin-bottom: 40px } .prof_catalog_download_item:hover .square_button { opacity: 1 } .prof_catalog_download_item .ico { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 140px; height: 140px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto 30px; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset } .prof_catalog_download_item .ico img { display: block; width: 62px; height: 52px } .prof_catalog_download_item .title { font-size: 17px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; margin-bottom: 22px } .prof_catalog_download_item .bottom { position: relative } .prof_catalog_download_item .size_block { font-family: "GillSansLightC", "Arial", sans-serif; font-size: 15px; color: #626262; text-transform: uppercase } .prof_catalog_download_item .size_number { font-family: "GillSansC", "Arial", sans-serif } .prof_catalog_download_item .square_button { opacity: 0; position: absolute; top: -10px; left: 50%; margin-left: -63px; width: 126px; -webkit-transition: .3s; transition: .3s } .description .fs-dropdown { width: 200px } .description .fs-dropdown-selected { border-color: #d2d2d2; -webkit-border-radius: 20px; border-radius: 20px; padding: 10px; color: #000 } .description .fs-dropdown-open .fs-dropdown-selected { border-bottom-color: #fff; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0 } .description .fs-dropdown-selected:before { display: none } .description .fs-dropdown-selected:after { display: block; position: absolute; content: ''; top: 11px; right: 10px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .description .fs-dropdown-open .fs-dropdown-selected:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .description .block .title { margin-bottom: 25px; text-transform: uppercase; font-size: 20px; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif } @media only screen and (max-width: 767px) { .description .block .title { font-size: 15px } } .description .block .item { padding-left: 90px; margin-bottom: 10px } .description .block .item:last-child { margin-bottom: 0 } @media only screen and (max-width: 767px) { .description .block .item { padding-left: 0 } } .description .block .item span { display: inline-block; vertical-align: bottom; font-family: "GillSansLightC", "Arial", sans-serif; font-size: 17px; color: #000 } .description .block .item span:nth-child(1) { font-family: "GillSansC", "Arial", sans-serif; margin-right: 15px } .description .first { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .description .first .left { width: 410px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 80px } @media only screen and (max-width: 1023px) { .description .first .left { width: 300px; padding-left: 40px } } @media only screen and (max-width: 767px) { .description .first .left { width: 100%; padding: 0 40px; margin-bottom: 20px } } .description .first .left img { width: 100% } .description .first .right { width: -webkit-calc(100% - 410px); width: calc(100% - 410px); padding-left: 90px } @media only screen and (max-width: 1023px) { .description .first .right { width: -webkit-calc(100% - 300px); width: calc(100% - 300px); padding-left: 40px } } @media only screen and (max-width: 767px) { .description .first .right { width: 100%; padding: 0 } } .description .first .text { font-size: 17px; line-height: 28px; margin-bottom: 40px; font-family: "GillSansLightC", "Arial", sans-serif } .description .first .text:last-child { margin-bottom: 0 } .description .first .colors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0 } .description .first .colors .item { margin-right: 20px; width: 94px; text-align: center } .description .first .colors .item:last-child { margin-right: 0 } @media only screen and (max-width: 1023px) { .description .first .colors .item { width: 74px } } .description .first .colors img { display: block; width: 100% } .description .first .colors p { font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-top: 10px; margin-bottom: 10px } .description .first .manufacturer { font-size: 17px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 25px } .description .first .manufacturer span { font-family: "GillSansC", "Arial", sans-serif } .description .second { position: relative; width: 3000px; left: 50%; margin-left: -1500px; height: 300px; background: #f0f0f0; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); margin-top: 30px; overflow: hidden } @media only screen and (max-width: 1200px) { .description .second { width: -webkit-calc(100% + 160px); width: calc(100% + 160px); left: -80px; margin-left: auto } } @media only screen and (max-width: 1023px) { .description .second { height: 200px } } .description .second .wrap { position: relative; padding-top: 120px; -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); padding-left: 125px } @media only screen and (max-width: 1023px) { .description .second .wrap { padding-left: 80px; padding-top: 60px } } .description .second .wrap:before { display: block; position: absolute; content: ''; width: 426px; height: 380px; top: -50px; right: 0; background: url("/local/templates/main_kz/css/../images/pic_28.png") no-repeat center center } @media only screen and (max-width: 1023px) { .description .second .wrap:before { width: 300px; height: 280px; background: url("/local/templates/main_kz/css/../images/pic_28.png") no-repeat center center/contain } } @media only screen and (max-width: 767px) { .description .second .wrap:before { right: -100px } } @media only screen and (max-width: 600px) { .description .second .wrap:before { right: -150px; opacity: .3 } } .description .third { max-width: 880px; margin: 0 auto; margin-top: 60px; 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: -40px } @media only screen and (max-width: 767px) { .description .third { padding-bottom: 50px } } .description .third .left { width: 320px } @media only screen and (max-width: 767px) { .description .third .left { width: 100px } } .description .third .left .img { position: relative; top: -80px; z-index: 1; width: 320px; height: 320px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden } @media only screen and (max-width: 767px) { .description .third .left .img { width: 200px; height: 200px; top: auto; left: -100px } } .description .third .left .img img { width: 100% } .description .third .right { width: -webkit-calc(100% - 320px); width: calc(100% - 320px); padding-left: 45px } @media only screen and (max-width: 767px) { .description .third .right { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding-left: 20px } } .description .fourth { position: relative; width: 3000px; left: 50%; margin-left: -1500px; height: 370px; background: #f0f0f0; margin-top: 30px } @media only screen and (max-width: 1200px) { .description .fourth { width: -webkit-calc(100% + 60px); width: calc(100% + 60px); left: -30px; margin-left: auto } } .description .fourth .wrap { position: relative; padding-top: 120px; padding-left: 125px } @media only screen and (max-width: 1023px) { .description .fourth .wrap { padding-left: 30px; padding-top: 80px } } .description .fourth .wrap:before { display: block; position: absolute; content: ''; width: 342px; height: 402px; bottom: 0; right: 100px; z-index: 1; background: url("/local/templates/main_kz/css/../images/pic_29.png") no-repeat center center } @media only screen and (max-width: 1100px) { .description .fourth .wrap:before { right: 0 } } @media only screen and (max-width: 767px) { .description .fourth .wrap:before { right: -100px } } @media only screen and (max-width: 600px) { .description .fourth .wrap:before { right: -150px; opacity: .3 } } .description .fourth .text { max-width: 540px; font-family: "GillSansLightC", "Arial", sans-serif; color: #000; font-size: 17px; line-height: 25px; padding-left: 90px } @media only screen and (max-width: 767px) { .description .fourth .text { padding-left: 0; padding-right: 30px } } .description .fifthly .inner { max-width: 1000px; margin: 0 auto } .description .fifthly .top, .description .fifthly .bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } @media only screen and (max-width: 1023px) { .description .fifthly .top, .description .fifthly .bottom { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } @media only screen and (max-width: 767px) { .description .fifthly .top, .description .fifthly .bottom { padding: 0 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } .description .fifthly img { display: block } @media only screen and (max-width: 1023px) { .description .fifthly img { width: 33% } } @media only screen and (max-width: 767px) { .description .fifthly img { width: 100% } } .selected_color { width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .selected_color.gray { background: #555 } .selected_color.haki { background: #7c8e82 } .selected_color.white { background: #fff } .selected_color.black { background: #000 } .selected_color.blue { background: #1a467c } .selected_color.red { background: #a11e26 } .selected_color.orange { background: #e45439 } .selected_color.green { background: #959d32 } .selected_color.brown { background: #894612 } .choose-color { display: inline-block; vertical-align: top; text-align: center; margin-right: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .choose-color:last-child { margin-right: 0 } @media only screen and (max-width: 767px) { .choose-color { margin-right: 15px } } .choose-color .circle { width: 72px; height: 72px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; margin-bottom: 5px } .choose-color .circle.gray { background: #555 } .choose-color .circle.haki { background: #7c8e82 } .choose-color .circle.white { background: #fff } .choose-color .circle.black { background: #000 } .choose-color .circle.blue { background: #1a467c } .choose-color .circle.red { background: #a11e26 } .choose-color .circle.orange { background: #e45439 } .choose-color .circle.green { background: #959d32 } .choose-color .circle.brown { background: #894612 } .choose-color .text { font-size: 15px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 0 } .line_hidden_block { margin: 10px 0 } .line_hidden_block .grid { margin-bottom: -20px } .line_hidden_block .grid .line_hidden_block_item { margin-right: 12px; margin-bottom: 20px } @media only screen and (max-width: 1023px) { .line_hidden_block .grid .line_hidden_block_item { width: -webkit-calc(33.333333% - 24px); width: calc(33.333333% - 24px) } } @media only screen and (max-width: 767px) { .line_hidden_block .grid .line_hidden_block_item { width: -webkit-calc(16.666666% - 24px); width: calc(16.666666% - 24px) } } @media only screen and (max-width: 414px) { .line_hidden_block .grid .line_hidden_block_item { width: -webkit-calc(25% - 24px); width: calc(25% - 24px) } } .line_hidden_block .grid .line_hidden_block_item .img { position: relative } .line_hidden_block .grid .line_hidden_block_item img { width: 100% } .line_hidden_block .grid .line_hidden_block_item .zoom_img { display: none; position: absolute; top: -20px; right: 20px; width: 184px; height: 184px; padding: 10px; background: #FFF; border: 1px solid #c1c1c1; z-index: 1 } @media only screen and (max-width: 767px) { .line_hidden_block .grid .line_hidden_block_item .zoom_img { display: none !important } } .back_to_chose { display: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .line_hidden_block_item { max-width: -webkit-calc(50% - 24px); max-width: calc(50% - 24px); display: inline-block; vertical-align: top; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 24px } .line_hidden_block_item:last-child { margin-right: 0 } .line_hidden_block_btn { max-width: 50%; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #d2d2d2; padding: 10px 20px 5px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 13px; color: #626262; -webkit-transition: .3s; transition: .3s } .line_hidden_block_btn:hover { color: #FFF; background: #4470a9; border-color: #4470a9 } .line_picture_item { position: relative } .line_picture_item:last-child { margin-right: 0 } .line_picture_item .img { margin-bottom: 10px } .line_picture_item .img img { max-width: 100%; display: inline-block; margin: 0 auto } .line_picture_item .text { font-size: 15px; line-height: 1.2; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262 } .line_picture_item .tooltip { position: absolute; top: 0; right: -20px; z-index: 1 } .prof_proizvoditeli_kabinet { margin-bottom: 60px; } .furniture_options { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px } .furniture_options .item { margin-right: 40px; text-align: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 25px } @media only screen and (max-width: 414px) { .furniture_options .item { width: 50%; text-align: center; margin-right: 0 } } .furniture_options .item.active .text { font-family: "GillSansC-Bold", "Arial", sans-serif } .furniture_options .item:last-child { margin-right: 0 } .furniture_options .img { margin-bottom: 12px } .furniture_options img { display: inline-block; max-width: 100% } .furniture_options .text { font-size: 11px; text-transform: uppercase; font-family: "GillSansLightC", "Arial", sans-serif; color: #888 } .colors_wood { margin-bottom: 40px } .colors_wood .title { text-transform: uppercase; margin-bottom: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; margin-bottom: 15px } .colors_wood .item { width: 90px; height: 90px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: top; margin-right: 24px; -webkit-transition: .3s; transition: .3s; margin-bottom: 20px } @media only screen and (max-width: 767px) { .colors_wood .item { width: 50px; height: 50px; margin-right: 15px } .colors_wood .item:last-child { margin-right: 0 } } .colors_wood .item:last-child { margin-right: 0 } .colors_wood .item:hover, .colors_wood .item.active { -webkit-box-shadow: 0 0 0 2px #4470a9; box-shadow: 0 0 0 2px #4470a9 } .colors_wood img { width: 100% } .gray_section { position: relative; width: 3000px; left: 50%; margin-left: -1500px; padding: 45px 0; background: #efeff0; margin-top: 30px; overflow: hidden } @media only screen and (max-width: 1200px) { .gray_section { width: -webkit-calc(100% + 60px); width: calc(100% + 60px); left: -30px; margin-left: auto } } .gray_section .wrap { position: relative } @media only screen and (max-width: 1200px) { .gray_section .wrap { padding-left: 30px; padding-right: 30px } } .similar_models { padding-top: 45px } @media only screen and (max-width: 1023px) { .similar_models .col_3 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } @media only screen and (max-width: 767px) { .similar_models .col_3 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .hidden_slider_box .prof_catalog_box { display: none; width: 360px; border: 1px solid #d2d2d2; position: absolute; top: 15px; left: 15px; z-index: 99 } @media only screen and (max-width: 767px) { .hidden_slider_box .prof_catalog_box { display: none !important } } .hidden_slider_box .prof_catalog_box .img { height: 214px } .hidden_slider_box .prof_catalog_box .img img { max-height: 214px } .hidden_slider_box .prof_catalog_box .close { position: absolute; top: 15px; right: 15px; font-size: 40px; cursor: pointer; font-family: "GillSansLightC", "Arial", sans-serif; cursor: pointer } .description_block h4 { max-width: 300px; margin-bottom: 40px; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 40px; font-size: 20px; line-height: 1.2 } @media only screen and (max-width: 767px) { .description_block h4 { max-width: 100% } } .description_block .block .title { margin-bottom: 25px; text-transform: uppercase; font-size: 20px; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif } @media only screen and (max-width: 767px) { .description_block .block .title { font-size: 15px } } .description_block .block .item { padding-left: 90px; margin-bottom: 10px } .description_block .block .item:last-child { margin-bottom: 0 } @media only screen and (max-width: 767px) { .description_block .block .item { padding-left: 0 } } .description_block .block .item span { display: inline-block; vertical-align: bottom; font-family: "GillSansLightC", "Arial", sans-serif; font-size: 17px; color: #000 } .description_block .block .item span:nth-child(1) { font-family: "GillSansC", "Arial", sans-serif; margin-right: 15px } .description_block .second { position: relative; width: 3000px; left: 50%; margin-left: -1500px; height: 280px; background: #f0f0f0; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); margin-top: 30px; overflow: hidden } @media only screen and (max-width: 1200px) { .description_block .second { width: -webkit-calc(100% + 160px); width: calc(100% + 160px); left: -80px; margin-left: auto } } @media only screen and (max-width: 1023px) { .description_block .second { height: 200px } } .description_block .second .wrap { position: relative; padding-top: 100px; -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); padding-left: 125px } @media only screen and (max-width: 1023px) { .description_block .second .wrap { padding-left: 80px; padding-top: 60px } } @media only screen and (max-width: 767px) { .description_block .second .wrap { padding-top: 40px } } .description_block .second .wrap:before { display: block; position: absolute; content: ''; width: 866px; height: 439px; top: 50px; right: -35%; background: url("/local/templates/main_kz/css/../images/pic_41.png") no-repeat center center } @media only screen and (max-width: 1023px) { .description_block .second .wrap:before { width: 600px; height: 300px; right: -20%; background: url("/local/templates/main_kz/css/../images/pic_41.png") no-repeat center center/contain } } @media only screen and (max-width: 600px) { .description_block .second .wrap:before { width: 400px; height: 200px; right: -40%; opacity: .3 } } .description_block .fourth { position: relative; width: 3000px; left: 50%; margin-left: -1500px; height: 370px; background: #f0f0f0; margin-top: 30px } @media only screen and (max-width: 1200px) { .description_block .fourth { width: -webkit-calc(100% + 60px); width: calc(100% + 60px); left: -30px; margin-left: auto } } .description_block .fourth .wrap { position: relative; padding-top: 120px; padding-left: 125px } @media only screen and (max-width: 1023px) { .description_block .fourth .wrap { padding-left: 30px; padding-top: 80px } } .description_block .fourth .wrap:before { display: block; position: absolute; content: ''; width: 478px; height: 679px; top: -41px; right: 0; z-index: 1; background: url("/local/templates/main_kz/css/../images/pic_43.png") no-repeat center center/contain } @media only screen and (max-width: 1100px) { .description_block .fourth .wrap:before { opacity: .3; width: 400px; height: 600px } } @media only screen and (max-width: 767px) { .description_block .fourth .wrap:before { right: -100px } } @media only screen and (max-width: 600px) { .description_block .fourth .wrap:before { right: -150px } } .description_block .fourth .text { max-width: 540px; font-family: "GillSansLightC", "Arial", sans-serif; color: #000; font-size: 17px; line-height: 25px; padding-left: 90px } @media only screen and (max-width: 767px) { .description_block .fourth .text { padding-left: 0; padding-right: 30px } } .description_block .actions_box--news { margin-bottom: 60px } @media only screen and (max-width: 767px) { .description_block .actions_box--news { margin-bottom: 40px } } .description_block .hidden_box { display: none; position: relative } .description_block .hidden_box .close { position: absolute; top: 0px; right: 0px; font-size: 30px; font-family: "GillSansLightC", "Arial", sans-serif; cursor: pointer } .description_block .hidden_box h4 { max-width: 100%; font-size: 17px; font-family: "GillSansC", "Arial", sans-serif; margin-bottom: 25px } .mini_description { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 75px } .mini_description .left { width: 45%; padding-right: 30px } @media only screen and (max-width: 1023px) { .mini_description .left { padding-left: 10px } } @media only screen and (max-width: 767px) { .mini_description .left { width: 100%; padding-right: 0; margin-bottom: 40px } } .mini_description .left img { width: 100% } .mini_description .right { width: 55%; padding-top: 50px; padding-left: 30px } @media only screen and (max-width: 1023px) { .mini_description .right { padding-left: 10px } } @media only screen and (max-width: 767px) { .mini_description .right { width: 100%; padding-left: 0; padding-top: 0 } } .mini_description .text { font-size: 17px; line-height: 28px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 60px } .mini_description .line { margin-bottom: 40px } .mini_description .line:last-child { margin-bottom: 0 } .mini_description .line .line_name { display: inline-block; vertical-align: top; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif; font-size: 17px; margin-right: 15px } @media only screen and (max-width: 767px) { .mini_description .line .line_name { display: block; margin-bottom: 10px } } .mini_description .line .line_text { display: inline-block; vertical-align: top; font-size: 17px } .mini_description .line .line_text a { color: #000 } .mini_description .line .line_text a:hover { text-decoration: underline } .mini_description .separator { display: inline-block; vertical-align: top; margin: 0 15px; color: #000 } .mini_description .inner { font-size: 0; padding-top: 15px } .mini_description .line_color { display: inline-block; vertical-align: top; width: 94px; text-align: center; margin-right: 20px } @media only screen and (max-width: 767px) { .mini_description .line_color { width: 70px } } .mini_description .line_color:last-child { margin-right: 0 } .mini_description .line_color .img { width: 94px; height: 94px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-bottom: 10px } @media only screen and (max-width: 767px) { .mini_description .line_color .img { width: 70px; height: 70px } } .mini_description .line_color img { width: 100% } .mini_description .line_color_name { font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262 } .support { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 50px } .support .img { width: 50%; overflow: hidden; text-align: center } @media only screen and (max-width: 1023px) { .support .img { width: 30% } } @media only screen and (max-width: 767px) { .support .img { width: 80%; margin: 0 auto 40px } } .support .img img { display: block; max-width: 100%; margin: 0 auto } .support .inner { width: 50%; padding-left: 80px } @media only screen and (max-width: 1023px) { .support .inner { width: 70% } } @media only screen and (max-width: 767px) { .support .inner { width: 100%; padding-left: 0 } } .support .line { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 80px } @media only screen and (max-width: 767px) { .support .line { padding-left: 0 } } .support .line .left { width: 160px; font-size: 17px; color: #000 } .support .line .right { width: -webkit-calc(100% - 160px); width: calc(100% - 160px) } .support .line .right p { font-size: 17px; line-height: 20px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 20px } .variants_combinations { margin: 70px 0 140px } .variants_combinations .inner { 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; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 450px } .variants_combinations .img { width: 220px } @media only screen and (max-width: 767px) { .variants_combinations .img { width: 100%; margin-bottom: 40px } } .variants_combinations img { width: 100% } @media only screen and (max-width: 767px) { .variants_combinations img { width: 80%; display: block; margin: 0 auto } } .variants_combinations .info { width: 150px; font-size: 15px; line-height: 21px; font-family: "GillSansC-Bold", "Arial", sans-serif } @media only screen and (max-width: 767px) { .variants_combinations .info { width: 100% } } .hang_designer .col { height: 550px; margin-bottom: 24px } @media only screen and (max-width: 767px) { .hang_designer .col { height: 300px } } .composition { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .composition .img { width: 60% } @media only screen and (max-width: 1023px) { .composition .img { width: 100%; height: 300px } } .composition .info { width: 40%; padding-left: 30px; padding-top: 20px } @media only screen and (max-width: 1023px) { .composition .info { width: 100%; padding-left: 0 } } .composition .title { text-transform: uppercase; font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 20px } .composition .text { font-size: 15px; line-height: 21px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 35px } .composition .inner { margin-bottom: 25px; border-bottom: 1px solid #c5c5c5 } @media only screen and (max-width: 767px) { .composition .inner { border: 0 } } .composition .item { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; margin-bottom: 20px } @media only screen and (max-width: 767px) { .composition .item { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2 } } .composition .item .left { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: -webkit-calc(100% - 140px); width: calc(100% - 140px) } @media only screen and (max-width: 767px) { .composition .item .left { width: 100%; margin-bottom: 20px } } @media only screen and (max-width: 767px) { .composition .item .right { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } } .composition .item .item_text { font-size: 15px; color: #888; font-family: "GillSansLightC", "Arial", sans-serif; padding-right: 10px; width: -webkit-calc(100% - 90px); width: calc(100% - 90px) } .composition .item .amount { width: 90px; height: 40px; line-height: 40px; font-size: 15px; color: #626262; text-align: center; background: #f0f0f0 } .composition .item .price { text-align: right } .composition .euro { font-size: 28px; color: #000; /*padding-right: 28px; background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat top right*/ } .composition .rouble { font-size: 15px; color: #626262; text-align: right; font-family: "GillSansC", "Arial", sans-serif; } .composition .total { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } @media only screen and (max-width: 767px) { .composition .total { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } } .composition .total .price { margin-left: 50px } @media only screen and (max-width: 767px) { .composition .total .price { margin-left: 0 } } .composition .total .price .rouble { display: block; width: 100%; text-align: right; } .composition .total .square_button { width: 155px } [data-hiddenItem] { cursor: pointer } .katalog_prise_katalog_prof .top { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px } .katalog_prise_katalog_profzag { color: #000; text-transform: uppercase; margin: 20px 0 20px 0; font-size: 16px; } .katalog_prise_katalog_profzag span{ border-bottom: 1px dashed #000; font-weight: bold; } .katalog_prise_katalog_profzag>a { text-transform: lowercase; cursor: pointer; font-size: 13px; color: #bbb; margin-left: 10px; } .katalog_prise_katalog_profzag>a:after { margin-left: 5px; content: ''; border: solid #bbb; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .katalog_prise_katalog_profzag>a.open_prof_catalog:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .katalog_prise_katalog_prof .left { width: 60% } @media only screen and (max-width: 767px) { .katalog_prise_katalog_prof .left { width: 100%; margin-bottom: 40px } } .katalog_prise_katalog_prof img { display: block; width: 100% } .katalog_prise_katalog_prof .right { width: 40%; /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; *//*display: flex;*/ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*-webkit-align-content: space-between;*/ -ms-flex-line-pack: justify; /*align-content: space-between;*/ padding-left: 25px } @media only screen and (max-width: 767px) { .katalog_prise_katalog_prof .right { width: 100%; margin-bottom: 40px; padding-left: 0 } } .katalog_prise_katalog_prof .right p { font-size: 17px; line-height: 28px; width: 100%; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 25px } .katalog_prise_katalog_prof .right .line { margin-top: 12px } .katalog_prise_katalog_prof .gb { color: #626262; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; text-transform: uppercase } .katalog_prise_katalog_prof .gb span { font-family: "GillSansC", "Arial", sans-serif; margin-right: 5px } .katalog_prise_katalog_prof .eye { display: inline-block; text-transform: uppercase; font-size: 11px; color: #888; font-family: "GillSansC-Bold", "Arial", sans-serif; padding-left: 27px; background: url("/local/templates/main_kz/css/../images/eye.png") no-repeat left 0 } .katalog_prise_katalog_prof .download { display: inline-block; height: 16px; line-height: 18px; text-transform: uppercase; font-size: 11px; color: #888; font-family: "GillSansC-Bold", "Arial", sans-serif; padding-left: 27px; background: url("/local/templates/main_kz/css/../images/download_link.png") no-repeat 3px 0 } .katalog_prise_katalog_prof .bottom strong { display: block; font-size: 15px; color: #000; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 30px } .katalog_prise_katalog_prof .bottom .line { margin-bottom: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .katalog_prise_katalog_prof .bottom .number { width: 42px; height: 42px; line-height: 45px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background: #e9e9e9; font-family: "GillSansC-Bold", "Arial", sans-serif } .katalog_prise_katalog_prof .bottom .name { width: 310px; padding-left: 20px; padding-right: 10px; font-size: 17px; line-height: 1.2; text-transform: uppercase; color: #888 } @media only screen and (max-width: 767px) { .katalog_prise_katalog_prof .bottom .name { width: -webkit-calc(100% - 42px); width: calc(100% - 42px); padding-right: 0 } } .katalog_prise_katalog_prof .bottom .gb, .katalog_prise_katalog_prof .bottom .download { margin-right: 35px } @media only screen and (max-width: 767px) { .katalog_prise_katalog_prof .bottom .gb, .katalog_prise_katalog_prof .bottom .download { margin-left: 62px } } @media only screen and (max-width: 767px) { .katalog_prise_katalog_prof .bottom .gb { width: 100%; margin-bottom: 10px } } .katalog_prise_katalog_prof .bottom .new { width: 38px; height: 38px; line-height: 42px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; font-size: 13px; color: #FFF; text-transform: uppercase; font-family: "GillSansLightC", "Arial", sans-serif; background: #4470a9 } .prof_L4_katalog_prise_text { margin-bottom: 70px } .prof_L4_katalog_prise_text .wrap_min { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .prof_L4_katalog_prise_text .left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 30% } @media only screen and (max-width: 767px) { .prof_L4_katalog_prise_text .left { width: 100%; margin-bottom: 40px } } .prof_L4_katalog_prise_text .left img { display: block } .prof_L4_katalog_prise_text .right { width: 70% } @media only screen and (max-width: 767px) { .prof_L4_katalog_prise_text .right { width: 100% } } .prof_L4_katalog_prise_text .right p { font-size: 15px; line-height: 21px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 25px } .prof_L4_katalog_prise_text .right p:last-child { margin-bottom: 0 } .not_registered { position: fixed; left: 50%; margin-left: -144px; top: 50%; margin-top: -74px; width: 288px; height: 148px; text-align: center; padding-top: 35px; border: 1px solid #000; background: #FFF; z-index: 11 } .not_registered .close { position: absolute; top: 10px; right: 10px; display: block; width: 22px; height: 22px; cursor: pointer; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center } .not_registered strong { display: block; font-size: 15px; line-height: 21px; margin-bottom: 10px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase } .not_registered p { font-size: 15px; line-height: 21px; font-family: "GillSansLightC", "Arial", sans-serif } .prof_catalog { position: relative } .prof_catalog .prof_box { display: none; } .prof_catalog .prof_box:nth-child(1), .prof_catalog .prof_box:nth-child(2), .prof_catalog .prof_box:nth-child(3), .prof_catalog .prof_box:nth-child(4) { display: inline-block; } .open_prof_catalog .prof_box { display: inline-block; } .plus { position: absolute; top: 50%; margin-top: -90px; right: -60px; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-transition: .3s; transition: .3s; background: url("/local/templates/main_kz/css/../images/plus.png") no-repeat center center } .plus:hover { background: url("/local/templates/main_kz/css/../images/plus-white.png") no-repeat center center } @media only screen and (max-width: 1220px) { .plus { margin: 25px auto 0; position: relative; left: auto; right: auto } } .complaints-top { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .complaints__create-link { display: inline-block; height: 50px; line-height: 55px; margin-right: 70px; margin-bottom: 20px; padding-left: 65px; text-transform: uppercase; font-size: 15px; color: #4470a9/*#49b4ac*/; background: url("/local/templates/main_kz/css/../images/plus-white.png") no-repeat left center; -webkit-transition: .3s; transition: .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .complaints__create-link:hover { background: url("/local/templates/main_kz/css/../images/plus.png") no-repeat left center } @media only screen and (max-width: 767px) { .complaints__create-link { width: 100%; font-size: 14px; margin-right: 0 } } .complaints-rules { height: 23px; line-height: 26px; margin-bottom: 20px; padding-left: 30px; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; background: url("/local/templates/main_kz/css/../images/file.png") no-repeat left center } @media only screen and (max-width: 767px) { .complaints-rules { width: 100%; margin-left: 20px } } @media only screen and (max-width: 767px) { .wrap-complaints-table { overflow: hidden; overflow-x: auto } } .wrap-complaints-table .color .text { display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 15px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif } .wrap-complaints-table .color .circle { display: inline-block; vertical-align: middle; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.4) inset; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.4) inset } .wrap-complaints-table .color .circle.black { background: #565656 } .wrap-complaints-table .color .circle.white { background: #FFF } .wrap-complaints-table .thead .tr-left, .wrap-complaints-table .thead .tr-right, .wrap-complaints-table .thead .td { line-height: 1.2 } @media only screen and (max-width: 1023px) { .wrap-complaints-table--istoria-zakazov, .wrap-complaints-table--basket { overflow: hidden; overflow-x: auto } } .complaints-table { max-width: 860px } @media only screen and (max-width: 1023px) { .complaints-table { padding-top: 5px } } @media only screen and (max-width: 767px) { .complaints-table { width: 768px } } .complaints-table .thead { margin-bottom: 25px; color: #000; font-size: 15px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .complaints-table .tbody { color: #888; font-size: 15px } .complaints-table .tr { margin-bottom: 45px } .complaints-table .tr-line { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .complaints-table .tr-line div { position: relative } .complaints-table .tr-line div:nth-child(1) { width: 150px; padding-left: 65px } .complaints-table .tr-line div:nth-child(2) { width: 100px } .complaints-table .tr-line div:nth-child(3) { width: 200px } .complaints-table .tr-line div:nth-child(4) { width: 135px } .complaints-table .number { position: absolute; top: 0px; left: 0; display: inline-block; vertical-align: middle; width: 40px; height: 40px; line-height: 45px; text-align: center; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 17px; color: #000; background: #e9e9e9; -webkit-border-radius: 50%; border-radius: 50% } .complaints-table .sf_number { position: absolute; top: 0px; left: 0; display: inline-block; vertical-align: middle; width: 40px; height: 40px; line-height: 45px; text-align: center; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 17px; color: #000; background: #e9e9e9; -webkit-border-radius: 50%; border-radius: 50% } .complaints-table .complaints-table__inner { display: none; padding-left: 65px; padding-top: 35px } @media only screen and (max-width: 767px) { .complaints-table .complaints-table__inner { padding-left: 0 } } .complaints-table .complaints-table__inner-block { position: relative; max-width: 570px; border: 1px solid #d2d2d2; padding: 30px; background: #FFF } @media only screen and (max-width: 767px) { .complaints-table .complaints-table__inner-block { padding: 15px; max-width: 500px } } .complaints-table .complaints-table__inner-block .close { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; cursor: pointer; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center } .complaints-table .title { display: block; font-size: 13px; line-height: 1.2; margin-bottom: 15px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000 } .complaints-table .text { display: block; font-size: 15px; line-height: 1.2; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262 } .complaints-table .top .line { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 12px } .complaints-table .top .line .title { width: 40%; margin-bottom: 0 } .complaints-table .top .line .text { width: 60% } .complaints-table .description, .complaints-table .images, .complaints-table .top { margin-bottom: 40px } .complaints-table .images .inner { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start } .complaints-table .img { width: 200px; display: inline-block; vertical-align: top } .complaints-table .img img { display: block; width: 100%; margin-bottom: 10px } .complaints-table--istoria-zakazov { max-width: 1050px } @media only screen and (max-width: 1023px) { .complaints-table--istoria-zakazov { width: 1000px } } @media only screen and (max-width: 767px) { .complaints-table--istoria-zakazov { width: 800px } } .complaints-table--istoria-zakazov .tr-line div:nth-child(1) { width: 300px; padding-left: 65px; text-transform: uppercase; text-align: left } .complaints-table--istoria-zakazov .tr-line div:nth-child(2) { width: 170px } .complaints-table--istoria-zakazov .tr-line div:nth-child(3) { width: 180px } .complaints-table--istoria-zakazov .tr-line div:nth-child(4) { position: relative; width: 140px; text-align: left } /* .complaints-table--istoria-zakazov .tr-line div:nth-child(4) .price { font-size: 28px; text-transform: uppercase; color: #000 }*/ .complaints-table--istoria-zakazov .tr-line .price { font-size: 28px; text-transform: uppercase; color: #000 } .complaints-table--istoria-zakazov .tr-line div:nth-child(4) img { position: absolute; left: 65px; top: -5px } .complaints-table--istoria-zakazov .complaints-table__inner-block, .complaints-table--history .complaints-table__inner-block { max-width: 100%; padding: 30px 0; border: 0 } .complaints-table--history .complaints-table__inner-block { width: 1050px } .complaints-table--history { max-width: 100% } @media only screen and (max-width: 1023px) { .complaints-table--history { max-width: none; width: 1100px } } .complaints-table--history .tr-line div .price { font-size: 28px; text-transform: uppercase; color: #000 } .complaints-table--history .tr-line div:nth-child(1) { width: 300px; padding-left: 65px; text-transform: uppercase; text-align: left } .complaints-table--history .tr-line div:nth-child(2) { width: 80px } .complaints-table--history .tr-line div:nth-child(3) { width: 150px } .complaints-table--history .tr-line div:nth-child(4) { width: 110px } .complaints-table--history .tr-line div:nth-child(5) { width: 230px } .complaints-table__titles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .complaints-table__titles span { height: 20px; line-height: 25px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; font-size: 15px; color: #000; margin-right: 40px } .complaints-table__titles span:nth-child(1) { width: 415px; max-height: 415px } .complaints-table__titles span:nth-child(2) { width: 100px } .complaints-table__titles span:nth-child(3) { width: 95px; /*padding-right: 25px; background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat right top*/ } .complaints-table--cabinet { min-width: 100% } @media only screen and (max-width: 1023px) { .complaints-table--cabinet { max-width: none; width: 1100px } } @media only screen and (max-width: 767px) { .complaints-table--cabinet .tr { margin-bottom: 0 } } .complaints-table--cabinet .tr-line div { text-align: left } .complaints-table--cabinet .tr-line div:nth-child(1) { width: 190px; padding-left: 65px; text-transform: uppercase; text-align: left; font-size: 17px; color: #888 } .complaints-table--cabinet .tr-line div:nth-child(2) { width: 290px; font-size: 17px; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase } .complaints-table--cabinet .tr-line div:nth-child(3) { width: 340px; padding-right: 10px; font-size: 17px; text-transform: uppercase; color: #888 } .complaints-table--cabinet .tr-line div:nth-child(4) { width: 265px } .complaints-table--cabinet .tr-line div:nth-child(4) .square_button { width: 220px } .complaints-table--cabinet .tr-line div:nth-child(5) { width: 110px } .complaints-table--cabinet .complaints-table__inner { display: block } .complaints-table--cabinet .complaints-table__inner-block { max-width: 958px; border: 0; padding-left: 0 } .complaints-table--cabinet .line .info .top { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .complaints-table--cabinet .line .info .top .item { margin-right: 40px } .complaints-table--saved { max-width: 1110px } @media only screen and (max-width: 1023px) { .complaints-table--saved { max-width: none; width: 1100px } } .complaints-table--saved .tr-line div { text-align: left } .complaints-table--saved .tr-line div:nth-child(1) { width: 190px; padding-left: 65px; text-transform: uppercase; text-align: left; font-size: 17px; color: #888 } .complaints-table--saved .tr-line div:nth-child(2) { width: 240px } .complaints-table--saved .tr-line div:nth-child(2) .link { font-size: 17px; text-transform: uppercase; font-weight: "GillSansC-Bold", "Arial", sans-serif } .complaints-table--saved .tr-line div:nth-child(2) .link:hover { color: #4470a9 } .complaints-table--saved .tr-line div:nth-child(3) { width: 340px; padding-right: 10px } .complaints-table--saved .tr-line div:nth-child(3) .text { font-size: 15px; line-height: 1.2; color: #626262; text-align: left } .complaints-table--saved .tr-line div:nth-child(4) { width: 190px } .complaints-table--saved .tr-line div:nth-child(4) .price { font-size: 28px; color: #000; /*padding-right: 28px; background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat top right*/ } .complaints-table--saved .tr-line div:nth-child(5) { width: 110px } .complaints-table--ur-list { max-width: 100% } @media only screen and (max-width: 1023px) { .complaints-table--ur-list { max-width: none; width: 1100px } } .complaints-table--ur-list .tr-line div:nth-child(1) { width: 300px; padding-left: 65px; text-transform: uppercase; text-align: left } .complaints-table--ur-list .tr-line div:nth-child(2) { width: 100px } .complaints-table--ur-list .tr-line div:nth-child(3) { width: 220px } .complaints-table--ur-list .tr-line div:nth-child(4) { width: 200px } .complaints-table--ur-list .tr-line div:nth-child(5) { width: 110px } .open-table-inner { border-bottom: 1px dashed #626262; -webkit-transition: .3s; transition: .3s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .open-table-inner.open { border-color: rgba(255,255,255,0) } .complaint h4 { font-size: 15px; line-height: 1.2; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; margin-bottom: 30px } .complaint-legal-entity .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px } .complaint-legal-entity label { position: relative; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-bottom: 10px; margin-right: 25px; padding-left: 45px; padding-top: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .complaint-legal-entity label:before { display: block; position: absolute; content: ''; width: 30px; height: 30px; top: 0; left: 0; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000 } .complaint-legal-entity input[type="radio"]:checked+ label:before { background: #fff url("/local/templates/main_kz/css/../images/radio-checked.png") no-repeat center center } .complaint-legal-entity input[type="radio"]:checked+ label { font-weight: bold; } .complaint-form { max-width: 950px; padding: 30px; border: 1px solid #d2d2d2; background: #FFF } @media only screen and (max-width: 767px) { .complaint-form { padding: 15px } } .complaint-form .square_button { max-width: 280px } .complaint-form .title-inner { font-size: 13px; line-height: 1.2; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; margin-bottom: 10px } .complaint-form .sub-title-inner { font-size: 15px; line-height: 1.2; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-bottom: 35px } .complaint-form input, .complaint-form textarea { width: 100%; height: 40px; line-height: 45px; font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; padding: 0 10px !important; background: #f0f0f0 } .complaint-form input::-webkit-input-placeholder, .complaint-form textarea::-webkit-input-placeholder { font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; -webkit-transition: .3s; transition: .3s } .complaint-form input::-moz-placeholder, .complaint-form textarea::-moz-placeholder { font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; -webkit-transition: .3s; transition: .3s } .complaint-form input:-ms-input-placeholder, .complaint-form textarea:-ms-input-placeholder { font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; -webkit-transition: .3s; transition: .3s } .complaint-form input::placeholder, .complaint-form textarea::placeholder { font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; -webkit-transition: .3s; transition: .3s } .complaint-form input:focus::-webkit-input-placeholder, .complaint-form textarea:focus::-webkit-input-placeholder { color: rgba(255,255,255,0) } .complaint-form input:focus::-moz-placeholder, .complaint-form textarea:focus::-moz-placeholder { color: rgba(255,255,255,0) } .complaint-form input:focus:-ms-input-placeholder, .complaint-form textarea:focus:-ms-input-placeholder { color: rgba(255,255,255,0) } .complaint-form input:focus::placeholder, .complaint-form textarea:focus::placeholder { color: rgba(255,255,255,0) } .complaint-form input.border-blue, .complaint-form textarea.border-blue { border: 3px solid #0ab3e3 } @media only screen and (max-width: 1023px) { .complaint-form input.border-blue, .complaint-form textarea.border-blue { max-width: 165px } } .complaint-form input.border-red, .complaint-form textarea.border-red { border: 3px solid #cb0e76 } .complaint-form input.border-orange, .complaint-form textarea.border-orange { border: 3px solid #fb8822 } @media only screen and (max-width: 1023px) { .complaint-form input.border-orange, .complaint-form textarea.border-orange { max-width: 165px } } .complaint-form input.long, .complaint-form textarea.long { max-width: 475px } .complaint-form textarea { height: 125px; padding: 20px !important; line-height: 1.2; margin-bottom: 40px } .complaint-form .inner { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .complaint-form .inner .left { width: 50%; padding-right: 35px } @media only screen and (max-width: 1023px) { .complaint-form .inner .left { width: 100%; padding-right: 0 } } .complaint-form .inner .right { width: 50%; margin-bottom: 20px; text-align: right } @media only screen and (max-width: 1023px) { .complaint-form .inner .right { width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } } .complaint-form .inner .right img { display: inline-block; max-width: 100%; max-height: inherit } @media only screen and (max-width: 1023px) { .complaint-form .inner .right img { display: block; height: auto } } .complaint-form .line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .complaint-form .line .title { width: 225px; font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000 } @media only screen and (max-width: 767px) { .complaint-form .line .title { width: 100%; margin-bottom: 10px } } .complaint-form .line .wrap-input { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: -webkit-calc(100% - 225px); width: calc(100% - 225px) } @media only screen and (max-width: 767px) { .complaint-form .line .wrap-input { width: 100% } } .complaint-form .line .wrap-input.wrap-input--text input { width: -webkit-calc(100% - 40px); width: calc(100% - 40px) } .complaint-form .line .input-text { width: 40px; text-align: right; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif } .add-foto .add-foto-item { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .add-foto .left, .add-foto .right { width: 50% } @media only screen and (max-width: 1023px) { .add-foto .left, .add-foto .right { width: 100% } } .add-foto .left { position: relative; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 1023px) { .add-foto .left { margin-bottom: 10px } } .add-foto .left .delete-file { display: none; position: absolute; left: 0; top: 5px; width: 220px; height: 30px; line-height: 28px; font-size: 20px; color: #383838; -webkit-border-radius: 20px; border-radius: 20px; text-align: center; border: 1px solid #d2d2d2; background: #FFF; cursor: pointer; -weblit-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1 } @media only screen and (max-width: 767px) { .add-foto .left .delete-file { width: 100% } } .add-foto .choose-file { width: 220px; height: 30px; line-height: 28px; font-size: 20px; color: #383838; -webkit-border-radius: 20px; border-radius: 20px; text-align: center; border: 1px solid #d2d2d2; cursor: pointer; -weblit-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @media only screen and (max-width: 767px) { .add-foto .choose-file { width: 100%; margin-bottom: 10px } } .add-foto .new-value { width: -webkit-calc(100% - 240px); width: calc(100% - 240px); background: #FFF; font-size: 15px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif; text-transform: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media only screen and (max-width: 767px) { .add-foto .new-value { width: 100% } } .add-foto textarea { height: 40px; line-height: 1.2; padding: 15px 10px 10px 10px !important; margin-bottom: 0 } @media only screen and (max-width: 767px) { .add-foto textarea { height: 80px } } .wrap-add-foto-btn { margin-bottom: 40px } .plus-btn { display: inline-block; vertical-align: top; height: 50px; line-height: 55px; margin-right: 70px; margin-bottom: 20px; padding-left: 65px; text-transform: uppercase; font-size: 15px; color: #4470a9/*#49b4ac*/; background: url("/local/templates/main_kz/css/../images/plus-white.png") no-repeat left center; -webkit-transition: .3s; transition: .3s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .plus-btn:hover { background: url("/local/templates/main_kz/css/../images/plus.png") no-repeat left center } @media only screen and (max-width: 767px) { .plus-btn { width: 100%; font-size: 13px; padding-left: 60px; margin-right: 0 } } .plus-btn--pencil { background: url("/local/templates/main_kz/css/../images/pencil-circle.png") no-repeat left center } .plus-btn--pencil:hover { background: url("/local/templates/main_kz/css/../images/pencil-circle-active.png") no-repeat left center } .complaint-select-zone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 45px } .complaint-select-zone .item { width: 315px; padding-left: 15px } @media only screen and (max-width: 767px) { .complaint-select-zone .item { width: 100%; padding-left: 0; margin-bottom: 20px } .complaint-select-zone .item:last-child { margin-bottom: 0 } } .istoria-zakazov-inner { position: relative; } .reorderbutton { position: absolute; right: 0; bottom: 0; } .istoria-zakazov-cart .line { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px } .istoria-zakazov-cart .line .share { position: relative } .istoria-zakazov-cart .line .share:before { display: block; position: absolute; content: 'АКЦИЯ'; width: 80px; height: 24px; padding-top: 7px; color: #FFF; font-size: 13px; text-align: center; top: 10px; right: -55px; background: #4470a9; z-index: 1 } .istoria-zakazov-cart .line .discount { position: relative } .istoria-zakazov-cart .line .discount:before { display: block; position: absolute; content: ''; width: 50px; height: 29px; top: 10px; right: -10px; background: url("/local/templates/main_kz/css/../images/ico_11.png") no-repeat center center; z-index: 1 } .istoria-zakazov-cart .line .img { width: 190px; max-height: 190px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .istoria-zakazov-cart .line .img img { display: block; width: auto; max-width: 100%; margin-bottom: 0 } .istoria-zakazov-cart .line .info { width: -webkit-calc(100% - 190px); width: calc(100% - 190px); padding-left: 25px; padding-top: 30px } .istoria-zakazov-cart .line .top { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 10px } .istoria-zakazov-cart .line .top .item:nth-child(1) { width: 200px } .istoria-zakazov-cart .line .top .item:nth-child(3) { width: 95px } .istoria-zakazov-cart .line .top .item:nth-child(2), .istoria-zakazov-cart .line .top .item:nth-child(4) { width: 100px } .istoria-zakazov-cart .line .title { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 5px; font-size: 17px } .istoria-zakazov-cart .line .price { font-size: 28px; text-transform: uppercase; color: #000; text-align: right; } .istoria-zakazov-cart .line .total { display: block; width: 95px; height: 40px; line-height: 42px; text-align: center; background: #f0f0f0; color: #626262; font-size: 17px } .istoria-zakazov-cart .line .art { font-size: 15px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif } .istoria-zakazov-cart .line .old-price { font-size: 13px; color: #888; text-align: right; } .istoria-zakazov-cart .line .sertificate { font-size: 15px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif } .istoria-zakazov-cart .line .sertificate .click { display: inline-block; vertical-align: top; border-bottom: 1px dashed #626262; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 10px } .istoria-zakazov-cart .line .sertificate .click.open { border-color: rgba(255,255,255,0) } .istoria-zakazov-cart .line .sertificate .inner { display: none } .istoria-zakazov-cart .line .sertificate table td { padding: 10px } .istoria-zakazov-cart .line .sertificate table td:nth-child(1) { padding-left: 25px; padding-right: 40px } .istoria-zakazov-check { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 15px; color: #626262; margin-bottom: 50px } @media only screen and (max-width: 767px) { .istoria-zakazov-check .manager-name { display: block } } @media only screen and (max-width: 767px) { .istoria-zakazov-check .item:nth-child(2) { padding-left: 15px } } .istoria-zakazov-check .title { font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 10px } .istoria-zakazov-check .gray-text { font-family: "GillSansLightC", "Arial", sans-serif } .istoria-zakazov-check .square_button { width: 200px } .istoria-zakazov-history .title { margin-bottom: 0 } .istoria-zakazov-history table { width: 800px } .istoria-zakazov-history td { padding: 10px } .istoria-zakazov-history td:nth-child(1) { padding-left: 0 } .istoria-zakazov-history td:nth-child(5) { padding-left: 20px } .basket-history { display: block; vertical-align: middle; position: relative; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; font-weight: bold; height: 32px; line-height: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .delete-history { display: block; vertical-align: middle; position: relative; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; padding-left: 42px; height: 32px; line-height: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .delete-history:before { display: block; position: absolute; content: ''; width: 32px; height: 32px; top: 0; left: 0; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center/13px } .ur-list p { margin-bottom: 15px } .ur-list p:last-child { margin-bottom: 0 } .ur-list p span { display: inline-block; vertical-align: middle; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262 } .ur-list p span:nth-child(1) { width: 140px; font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .radio-check { position: relative; display: block; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-bottom: 10px; margin-right: 25px; padding-left: 45px; padding-top: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .radio-check:before { display: block; position: absolute; content: ''; width: 30px; height: 30px; top: 50%; margin-top: -15px; left: 0; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000 } .radio-check-input:checked+ label:before { background: #fff url("/local/templates/main_kz/css/../images/radio-checked.png") no-repeat center center } .radio-check-input:checked+ label { font-weight: bold; } .ur-documents { margin-top: 50px } .ur-documents .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px } .ur-documents .bottom { position: relative } .ur-documents .title { margin-right: 50px } .ur-documents .rating_thanks { left: 40px } .ur-download-item { display: inline-block; vertical-align: top; width: 150px; text-align: center; margin-right: 50px } .ur-download-item:last-child { margin-right: 0 } .ur-download-item .ico { width: 140px; height: 140px; margin: 0 auto; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 20px; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; background: url("/local/templates/main_kz/css/../images/file-big.png") no-repeat center center } .ur-download-item .name { font-size: 15px; color: #000; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 10px } .ur-download-item .info { font-size: 15px; text-transform: uppercase; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-bottom: 15px } .ur-download-item .separator { margin: 0 5px } .ur-download-item .delete-history { display: inline-block; margin: 0 auto } .ur-form { display: none; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; top: 65px; left: 65px; max-width: 768px; padding: 50px 25px; border: 1px solid #898989; background: #FFF; z-index: 1 } @media only screen and (max-width: 767px) { .ur-form { position: fixed; top: 0; left: 0; width: 90%; height: -webkit-calc(95vh - 60px); height: calc(95vh - 60px); margin-left: 5%; margin-top: 60px; overflow-y: auto } } .ur-form .close { display: block; width: 22px; height: 22px; position: absolute; top: 10px; right: 10px; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center; cursor: pointer } .ur-form label { width: 100%; 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 20px } @media only screen and (max-width: 767px) { .ur-form label { width: 100% !important } } .ur-form .text { width: 135px; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 13px; text-transform: uppercase } @media only screen and (max-width: 767px) { .ur-form .text { width: 100% !important; margin-bottom: 10px } } .ur-form input { width: -webkit-calc(100% - 135px); width: calc(100% - 135px) } @media only screen and (max-width: 767px) { .ur-form input { width: 100% !important } } .ur-form .long-text .text { width: 230px } .ur-form .long-text input { width: -webkit-calc(100% - 230px); width: calc(100% - 230px) } .ur-form .small { width: 70% } .ur-form .half { width: 48% } .ur-form .square_button { width: 220px; margin-left: 135px } @media only screen and (max-width: 767px) { .ur-form .square_button { margin-left: 0 } } .lk-about-company { margin-bottom: 45px; position: relative } @media only screen and (max-width: 767px) { .lk-about-company { margin-bottom: 0 } .wrap img { max-width: 100%; height: auto; } } .lk-about-company .wrap { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .lk-about-company .title { font-size: 15px; line-height: 1.2; color: #000; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 15px } .lk-about-company .gray { font-size: 15px; line-height: 1.2; font-family: "GillSansLightC", "Arial", sans-serif; color: #888; /*margin-bottom: 20px*/ } .accedit { margin: 20px 0 0 0 !important; } .lk-about-company .adress { font-size: 17px; line-height: 21px; font-family: "GillSansLightC", "Arial", sans-serif; color: #888 } .lk-about-company .percent { font-size: 28px; color: #4470a9; margin-bottom: 20px } .lk-about-company .lk-open-table { padding-top: 10px; padding-left: 32px; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; background: url("/local/templates/main_kz/css/../images/ico_25.png") no-repeat bottom left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .lk-open-table2 { display: block; font-size: 15px; margin-top: 7px; text-transform: none; text-decoration: underline; } .lk-about-company .square_button { width: 255px } .lk-about-company .price { font-size: 28px; margin-bottom: 20px } .lk-about-company .price img { display: inline-block; vertical-align: baseline; } .lk-about-company .left { width: 50%; padding-right: 50px } @media only screen and (max-width: 1023px) { .lk-about-company .left { width: 100%; margin-bottom: 40px; padding-right: 0 } } .lk-about-company .left .top { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px } .lk-about-company .left .bottom { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .lk-about-company .left .bottom .middle, .lk-about-company .left .bottom .right { width: 50%; padding-right: 10px } @media only screen and (max-width: 767px) { .lk-about-company .left .bottom .middle, .lk-about-company .left .bottom .right { width: 100%; margin-bottom: 25px } .lk-about-company .left .bottom .middle:last-child, .lk-about-company .left .bottom .right:last-child { margin-bottom: 0 } } .lk-about-company .left .bottom .percent { margin-bottom: 35px } @media only screen and (max-width: 767px) { .lk-about-company .left .bottom .percent { margin-bottom: 25px } } .lk-about-company .left .bottom .title span { display: block } .lk-about-company .left .img { width: 180px } @media only screen and (max-width: 600px) { .lk-about-company .left .img { width: 100%; margin: 0 auto 20px } } .lk-about-company .left .img img { display: block; max-width: 100% } .lk-about-company .left .info { width: -webkit-calc(100% - 180px); width: calc(100% - 180px); padding-left: 35px } @media only screen and (max-width: 600px) { .lk-about-company .left .info { padding-left: 0; width: 100% } } .lk-about-company .left .title { margin-bottom: 5px } .lk-about-company .middle, .lk-about-company .right { width: 25% } @media only screen and (max-width: 1023px) { .lk-about-company .middle, .lk-about-company .right { width: 50% } } @media only screen and (max-width: 767px) { .lk-about-company .middle, .lk-about-company .right { width: 100%; margin-bottom: 40px } .lk-about-company .middle:last-child, .lk-about-company .right:last-child { margin-bottom: 0 } } .lk-about-company .your-data { width: 50% } @media only screen and (max-width: 1023px) { .lk-about-company .your-data { width: 100% } } .lk-wrap-links { background: #f7f7f7; padding: 20px 0; margin-bottom: 75px } @media only screen and (max-width: 1023px) { .lk-wrap-links { margin-top: 35px; margin-bottom: 40px } } @media only screen and (max-width: 1200px) { .lk-wrap-links .inner { overflow-x: auto } } .lk-wrap-links .inner-links { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } @media only screen and (max-width: 1200px) { .lk-wrap-links .inner-links { width: 1200px } } .lk-wrap-links a { text-align: center; color: #888; line-height: 1.2; text-transform: uppercase; font-family: "GillSansLightC", "Arial", sans-serif } .lk-wrap-links a span { color: #000 } .lk-title { margin-bottom: 30px } .lk-title-text { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 15px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .lk-title-text.open { border-bottom: 1px dashed #000 } .lk-title-text.open:before { display: none } .lk-title-text:before { display: block; position: absolute; content: 'свернуть'; width: 80px; height: 20px; line-height: 20px; color: #383838; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; top: -2px; right: -90px; text-transform: none; background: url("/local/templates/main_kz/css/../images/svernut.svg") no-repeat right center } @media only screen and (max-width: 1023px) { .lk-title-text:before { background: 0; width: 70px } } .lk-employees { margin-bottom: 50px } .lk-hidden-table, .lk-hidden-table2 { display: none; position: absolute; top: 105px; left: 0; width: 100%; border: 1px solid #000; background: #FFF; z-index: 1; text-align: center; padding: 25px 35px } .lk-hidden-table2 { max-width: 600px; } @media only screen and (max-width: 1200px) { .lk-hidden-table, .lk-hidden-table2 { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); left: 15px } .lk-hidden-table2 { max-width: 600px; left: 15px; margin-left: none } } .lk-hidden-table .close, .lk-hidden-table2 .close { display: block; width: 22px; height: 22px; position: absolute; top: 10px; right: 10px; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center; cursor: pointer } .lk-hidden-table .city, .lk-hidden-table2 .city { color: #4470a9; text-transform: uppercase; font-size: 15px; font-family: "GillSansC", "Arial", sans-serif; margin: 30px 0 } @media only screen and (max-width: 1023px) { .lk-hidden-table .inner, .lk-hidden-table2 .inner { overflow-x: auto } } .lk-hidden-table table, .lk-hidden-table2 table { width: 100% } @media only screen and (max-width: 1023px) { .lk-hidden-table table, .lk-hidden-table2 table { width: 1100px } } .lk-hidden-table table td, .lk-hidden-table2 table td { font-size: 17px; padding: 20px 0; color: #888 } .lk-hidden-table table thead, .lk-hidden-table2 table thead { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .lk-hidden-table table thead td, .lk-hidden-table2 table thead td { vertical-align: top; color: #000; font-size: 15px } .lk-hidden-table table tbody tr:nth-child(odd), .lk-hidden-table2 table tbody tr:nth-child(odd) { background: #f9f9f9 } .lk-hidden-table table tbody td:nth-child(1), .lk-hidden-table2 table tbody td:nth-child(1) { text-align: left; padding-left: 15px } .lk-hidden-table table tbody td:nth-child(2), .lk-hidden-table2 table tbody td:nth-child(2) { color: #4470a9 } .write-message { position: fixed; top: 50%; margin-top: -28px; left: 50%; margin-left: 592px; width: 56px; height: 56px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; background: #4470a9 url("/local/templates/main_kz/css/../images/ico_26.png") no-repeat center center; z-index: 11 } @media only screen and (max-width: 1305px) { .write-message { left: auto; margin-left: auto; right: 15px } } .write-message-thanks { position: fixed; top: 50%; margin-top: -85px; left: 50%; margin-left: 358px; width: 290px; padding: 40px; border: 1px solid #d2d2d2; background: #FFF; text-align: center; z-index: 11 } @media only screen and (max-width: 1305px) { .write-message-thanks { left: auto; margin-left: auto; right: 15px } } .write-message-thanks .close { position: absolute; top: 10px; right: 10px; display: block; width: 16px; height: 16px; cursor: pointer; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center/contain } .write-message-thanks .title { text-transform: uppercase; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 5px; font-size: 18px } .write-message-thanks .text { font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 20px; font-size: 14px; line-height: 1.2; color: #959595 } .write-message-thanks .text:last-child { margin-bottom: 0 } .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; z-index: 101; overflow-y: auto } @media only screen and (max-width: 767px) { .modal { background: #FFF } } .modal .block { position: relative; background: #FFF } .modal .close { position: absolute; cursor: pointer; width: 22px; height: 22px; top: 10px; right: 10px; background: url("/local/templates/main_kz/css/../images/close-white.png") no-repeat center center } #manager .block { max-width: 290px; height: 490px; left: 50%; margin-left: 360px; top: 50%; margin-top: -245px; border: 1px solid #000 } @media only screen and (max-width: 1305px) { #manager .block { left: auto; margin-left: auto; right: 0 } } @media only screen and (max-width: 767px) { #manager .block { margin: 0 auto; top: auto } } #manager .manager-title { background: #4470a9; height: 65px; font-size: 21px; line-height: 23px; padding-top: 10px; color: #FFF; text-align: center } #manager .manager-inner { padding: 20px } #manager .manager-block { height: 320px; margin-bottom: 20px } #manager .manager-content { display: block } #manager .manager-content .img { width: 135px; height: 135px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 auto 20px } #manager .manager-content .img img { width: 100% } #manager .manager-content .city { min-height: 45px; font-size: 15px; line-height: 18px; font-family: "GillSansLightC", "Arial", sans-serif; text-align: center } @media only screen and (max-width: 767px) { #manager .manager-content .city { min-height: auto } } #manager .manager-content .mail { text-align: center; margin-top: 10px; margin-bottom: 20px } @media only screen and (max-width: 767px) { #manager .manager-content .mail { margin-top: 20px } } #manager .manager-content .mail a { font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #4470a9 } #manager .manager-content .mail a:hover { text-decoration: underline } #manager .manager-content .info li { margin-bottom: 10px } #manager .manager-content .info span { display: inline-block; vertical-align: top; -webkit-flex-basis: 15px; -ms-flex-preferred-size: 15px; flex-basis: 15px } #manager .manager-content .info span:nth-child(1) { font-family: "GillSansLightC", "Arial", sans-serif; width: 55px } #manager .manager-content .info span:nth-child(2) { font-family: "GillSansC-Bold", "Arial", sans-serif; color: #626262 } #manager textarea { display: none; width: 100%; height: 330px; background: #f0f0f0; padding: 15px; line-height: 1.2; font-weight: "GillSansC-Bold", "Arial", sans-serif; color: #212121; font-size: 15px } #manager textarea::-webkit-input-placeholder { font-weight: "GillSansC-Bold", "Arial", sans-serif; color: #212121; font-size: 15px; text-transform: uppercase } #manager textarea::-moz-placeholder { font-weight: "GillSansC-Bold", "Arial", sans-serif; color: #212121; font-size: 15px; text-transform: uppercase } #manager textarea:-ms-input-placeholder { font-weight: "GillSansC-Bold", "Arial", sans-serif; color: #212121; font-size: 15px; text-transform: uppercase } #manager textarea::placeholder { font-weight: "GillSansC-Bold", "Arial", sans-serif; color: #212121; font-size: 15px; text-transform: uppercase } #manager textarea:focus::-webkit-input-placeholder { color: rgba(0,0,0,0) } #manager textarea:focus::-moz-placeholder { color: rgba(0,0,0,0) } #manager textarea:focus:-ms-input-placeholder { color: rgba(0,0,0,0) } #manager textarea:focus::placeholder { color: rgba(0,0,0,0) } @media only screen and (max-width: 1023px) { .prof_razdel_catalog { margin-bottom: 20px } } .page-404 .inner { font-size: 0; padding: 100px 0 225px } @media only screen and (max-width: 1200px) { .page-404 .inner { padding: 50px 0 150px } } @media only screen and (max-width: 767px) { .page-404 .inner { padding: 50px 0 50px } } .page-404 .picture { position: relative; height: 246px } @media only screen and (max-width: 767px) { .page-404 .picture { height: 150px } } .page-404 .picture:before { display: block; position: absolute; content: ''; width: 1102px; height: inherit; top: 0; left: 50%; margin-left: -880px; background: url("/local/templates/main_kz/css/../images/404.png") no-repeat center center/contain } @media only screen and (max-width: 767px) { .page-404 .picture:before { margin-left: -735px } } .page-404 .picture:after { display: block; position: absolute; content: ''; width: 500px; height: 3px; top: 240px; left: -700px; background: #e7e7e7 } .lk-edit .top { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .lk-edit .top .img { width: 180px } @media only screen and (max-width: 599px) { .lk-edit .top .img { width: 100%; margin-bottom: 35px } } .lk-edit .top .img .foto { width: 180px; height: 100px; margin: 0 auto 10px; background: #f7f7f7 url("/local/templates/main_kz/css/../images/behind-foto.png") no-repeat center center } .lk-edit .add-foto { display: block; text-align: center } .lk-edit .add-foto span { font-size: 13px; border-bottom: 1px dashed #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .lk-edit .info { width: -webkit-calc(100% - 180px); width: calc(100% - 180px); padding-left: 35px } @media only screen and (max-width: 767px) { .lk-edit .info { padding-left: 0 } } @media only screen and (max-width: 599px) { .lk-edit .info { width: 100% } } .lk-edit .text { font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .lk-edit .org-name { font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 30px } .lk-edit .name { margin-left: 40px } @media only screen and (max-width: 767px) { .lk-edit .name { display: block; width: 100%; margin-left: 0; margin-top: 15px } } .lk-edit .inner { max-width: 715px } .lk-edit .inner .item { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .lk-edit .inner .item:last-child { margin-bottom: 0 } .lk-edit .inner .item.item--short { max-width: 425px } .lk-edit .inner .item .text { width: 160px } @media only screen and (max-width: 767px) { .lk-edit .inner .item .text { width: 80px } } .lk-edit .inner .item label { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: -webkit-calc(100% - 100px); width: calc(100% - 100px) } @media only screen and (max-width: 767px) { .lk-edit .inner .item label { width: -webkit-calc(100% - 80px); width: calc(100% - 80px) } } .lk-edit .inner .item input { display: block; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); width: 100%; height: 36px; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; color: #888 } .lk-edit .inner .item input:focus+ .ico { background: url("/local/templates/main_kz/css/../images/pencil-active.png") no-repeat center center } .lk-edit .inner .item .ico { display: block; width: 45px; height: 36px; background: url("/local/templates/main_kz/css/../images/pencil.png") no-repeat center center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .inner-title { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .inner-title .title { font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; margin-right: 55px; margin-bottom: 30px } @media only screen and (max-width: 767px) { .inner-title .title { width: 100% } } .inner-title .plus-btn { margin: 0; margin-bottom: 30px } .inner-title .edit-managers_item { top: 60px } @media only screen and (max-width: 1023px) { .inner-title .edit-managers_item { width: auto; left: 50%; margin-left: -200px } } @media only screen and (max-width: 430px) { .inner-title .edit-managers_item { width: 100%; left: 0 !important; margin-left: auto !important } } .company-employees-add { display: none; position: absolute; top: 60px; left: 50%; margin-left: -300px; max-width: 600px; width: 100%; padding: 55px 50px 30px; background: #FFF; border: 1px solid #000; z-index: 3 } @media only screen and (max-width: 630px) { .company-employees-add { left: 0; margin-left: auto } } @media only screen and (max-width: 767px) { .company-employees-add { padding: 45px 15px 30px } } .company-employees-add .add-foto .left { width: 100% } .company-employees-add .add-foto .delete-file { top: 3px } @media only screen and (max-width: 767px) { .company-employees-add .add-foto .delete-file { top: 0 } } .company-employees-add .fs-dropdown { width: 200px } .company-employees-add .fs-dropdown-selected { border-color: #d2d2d2; -webkit-border-radius: 20px; border-radius: 20px; padding: 10px; color: #000; text-align: left } .company-employees-add .fs-dropdown-open .fs-dropdown-selected { border-bottom-color: #fff; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0 } .company-employees-add .fs-dropdown-item { text-align: left } .company-employees-add .fs-dropdown-selected:before { display: none } .company-employees-add .fs-dropdown-selected:after { display: block; position: absolute; content: ''; top: 11px; right: 10px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0) } .company-employees-add .fs-dropdown-open .fs-dropdown-selected:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .company-employees-add .close { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .company-employees-add .item { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .company-employees-add .item .text { width: 100px; font-size: 13px; color: #000; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } @media only screen and (max-width: 767px) { .company-employees-add .item .text { width: 100%; margin-bottom: 15px } } .company-employees-add .item label { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: -webkit-calc(100% - 100px); width: calc(100% - 100px) } @media only screen and (max-width: 767px) { .company-employees-add .item label { width: 100% } } .company-employees-add .item input { display: block; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); width: 100%; height: 36px; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; color: #888 } .company-employees-add .item input:focus+ .ico { background: url("/local/templates/main_kz/css/../images/pencil-active.png") no-repeat center center } .company-employees-add .item .ico { display: block; width: 45px; height: 36px; background: url("/local/templates/main_kz/css/../images/pencil.png") no-repeat center center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .company-employees-add .fs-dropdown { width: -webkit-calc(100% - 100px); width: calc(100% - 100px) } .company-employees-add .choose { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 599px) { .company-employees-add .choose { margin-bottom: 25px } } .company-employees-add .choose .radio-point-label { width: 50% } @media only screen and (max-width: 599px) { .company-employees-add .choose .radio-point-label { width: 100% } } .company-employees-add .square_button { width: auto } .edit-managers_item { display: none; position: absolute; top: -10px; left: 50%; padding: 50px 30px; margin-left: -200px; width: 400px; background: #FFF; border: 1px solid #000; z-index: 2 } @media only screen and (max-width: 1023px) { .edit-managers_item { width: 100%; top: 0; left: 0; margin-left: 0; padding: 25px } } .edit-managers_item .close { position: absolute; width: 22px; height: 22px; top: 10px; right: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center } @media only screen and (max-width: 599px) { .edit-managers_item .close { margin-bottom: 25px } } .edit-managers_item .title { margin-bottom: 45px; text-align: center; text-transform: uppercase; font-size: 17px; font-family: "GillSansC-Bold", "Arial", sans-serif } .edit-managers_item .item { margin-bottom: 30px } .edit-managers_item .square_button { width: 250px; margin: 0 auto } @media only screen and (max-width: 1023px) { .wrap-managers_item { position: relative } } .radio-point-label { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; font-family: "GillSansC-Bold", "Arial", sans-serif; line-height: 30px; text-transform: uppercase; color: #000; padding-left: 45px; margin: 45px 0 } @media only screen and (max-width: 599px) { .radio-point-label { margin: 10px 0 } } .radio-point-label:before { display: block; position: absolute; content: ''; width: 30px; height: 30px; top: 0; left: 0; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000 } .radio-point:checked+ label:before { -webkit-box-shadow: 0 0 0 10px #fff inset, 0 0 0 20px #4470a9 inset; box-shadow: 0 0 0 10px #fff inset, 0 0 0 20px #4470a9 inset } .table-legal-entities .checkbox-label { font-size: 15px; } .tr-line>div>span.open-table-inner { line-height: 30px; } .table-legal-entities { color: #626262; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif } .table-legal-entities .tr { display: none; font-size: 0 } @media only screen and (max-width: 1199px) { .table-legal-entities .tr { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; margin-bottom: 10px } .table-legal-entities .tr:last-child { margin-bottom: 0; border: 0 } } .table-legal-entities .tr:nth-child(1), .table-legal-entities .tr:nth-child(2), .table-legal-entities .tr:nth-child(3) { display: block !important } .table-legal-entities .td { display: inline-block; vertical-align: middle; font-size: 17px; padding: 7px 0 } @media only screen and (max-width: 767px) { .table-legal-entities .td { font-size: 15px } } .table-legal-entities .td:nth-child(1) { width: -webkit-calc(80% - 120px); width: calc(80% - 120px) } @media only screen and (max-width: 1199px) { .table-legal-entities .td:nth-child(1) { width: 100% } } .table-legal-entities .td:nth-child(2) { width: 20%; color: #000 } @media only screen and (max-width: 1199px) { .table-legal-entities .td:nth-child(2) { width: -webkit-calc(100% - 200px); width: calc(100% - 200px) } } .table-legal-entities .td:nth-child(3) { width: 200px } .table-legal-entities .radio-check { margin-right: 0 } .table-legal-entities-btn { display: block; width: 50px; height: 50px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url("/local/templates/main_kz/css/../images/plus.png") no-repeat center center; margin: 40px auto 0 } .table-legal-entities-btn.open { background: url("/local/templates/main_kz/css/../images/minus.png") no-repeat center center } .legal-entities .col_2:last-child { padding-left: 90px } @media only screen and (max-width: 1199px) { .legal-entities .col_2:last-child { padding-left: 0 } } @media only screen and (max-width: 767px) { .legal-entities .col_2 { margin-bottom: 35px } .legal-entities .col_2:last-child { margin-bottom: 0 } } .access-accaunt .item { margin-bottom: 20px; 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .access-accaunt .text { width: 150px; text-transform: uppercase; font-size: 17px; color: #000; font-weight: "GillSansC-Bold", "Arial", sans-serif } .access-accaunt input { display: block; width: -webkit-calc(100% - 150px); width: calc(100% - 150px) } .access-accaunt .item--last .text { width: 250px } @media only screen and (max-width: 1023px) { .access-accaunt .item--last .text { width: 100%; margin-bottom: 10px } } .access-accaunt .item--last input { width: -webkit-calc(100% - 250px); width: calc(100% - 250px) } @media only screen and (max-width: 1023px) { .access-accaunt .item--last input { width: 100% } } .access-accaunt .square_button { max-width: 300px; margin-top: 50px } .unsubscribe .title { font-size: 15px; text-transform: uppercase; color: #000; margin-bottom: 20px; font-weight: "GillSansC-Bold", "Arial", sans-serif } .your-data { padding-left: 90px } @media only screen and (max-width: 1023px) { .your-data { padding-left: 0 } } .your-data-item { position: relative } .your-data-item .company-employees-add { top: 0; left: auto; right: 0; border: 1px solid #d2d2d2 } .your-data-item .inner { position: relative; 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 40px 20px 10px; border: 1px solid #d2d2d2; margin-bottom: 15px } .your-data-item .post { position: absolute; top: 10px; left: -10px; height: 25px; font-size: 13px; text-transform: uppercase; background: #4470a9; color: #FFF; padding: 8px 12px 0 } .your-data-item .img { width: 135px; height: 135px; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50% } @media only screen and (max-width: 599px) { .your-data-item .img { margin: 0 auto 35px } } .your-data-item img { width: 100% } .your-data-item .info { width: -webkit-calc(100% - 135px); width: calc(100% - 135px); padding-left: 25px } @media only screen and (max-width: 599px) { .your-data-item .info { width: 100% } } .your-data-item .name { font-size: 17px; line-height: 1.2; margin-bottom: 10px; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; text-align: center } .your-data-item .city { font-size: 15px; line-height: 1.2; color: #383838; font-family: "GillSansLightC", "Arial", sans-serif; text-align: center; margin-bottom: 15px } .your-data-item .email { margin-bottom: 20px; text-align: center } .your-data-item .email a { font-size: 15px; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #4470a9 } .your-data-item .email a:hover { text-decoration: underline } .your-data-item .block p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px } .your-data-item .block span { width: 55px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 15px } .your-data-item .block a { color: #626262; margin-bottom: 15px } @media only screen and (max-width: 767px) { .cart-no-products { text-align: center; margin-top: -25px } } .cart-no-products .text { font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 25px } .cart-no-products .square_button { display: block; width: 250px; text-align: center; margin: 0 auto } .total-amount-allert { min-height: 31px; font-size: 17px; color: #4470a9; padding-top: 10px; padding-left: 40px; margin-bottom: 40px; background: url("/local/templates/main_kz/css/../images/total-amount.png") no-repeat left center } .invoicing .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px } .invoicing .square_button { text-align: center; width: 220px } .invoicing .block-item { margin-bottom: 15px } .invoicing .item { padding-right: 15px } .invoicing .item:nth-child(1) { width: 480px } @media only screen and (max-width: 1023px) { .invoicing .item:nth-child(1) { width: 50% } } @media only screen and (max-width: 767px) { .invoicing .item:nth-child(1) { width: 100%; padding-right: 0; margin-bottom: 25px } } .invoicing .item:nth-child(2) { width: -webkit-calc(100% - 480px); width: calc(100% - 480px) } @media only screen and (max-width: 1023px) { .invoicing .item:nth-child(2) { width: 50% } } @media only screen and (max-width: 767px) { .invoicing .item:nth-child(2) { width: 100%; padding-right: 0; margin-bottom: 0 } } .invoicing .title { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; font-size: 15px; margin-bottom: 30px } .invoicing .grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; margin-bottom: 45px } .invoicing .grid .grid-item:nth-child(1) { width: 190px } .invoicing .grid .grid-item:nth-child(2) { width: -webkit-calc(100% - 190px); width: calc(100% - 190px) } @media only screen and (max-width: 767px) { .invoicing .grid .grid-item--full { width: 100% !important; margin-bottom: 10px } } .invoicing .grid .text { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 15px } .invoicing .grid .text2 { padding-top: 5px; font-weight: normal; text-transform: none; font-size: 12px; } .invoicing .input { width: 100% } .invoicing .date-shipment { margin-bottom: 60px } @media only screen and (max-width: 767px) { .invoicing .date-shipment { margin-bottom: 40px } } .invoicing .date-shipment .text { text-transform: uppercase; font-size: 15px; line-height: 1.2; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 25px } .invoicing .date-shipment .date { color: #4470a9; font-size: 33px } .invoicing .comments .text { text-transform: uppercase; font-size: 13px; line-height: 1.2; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 10px } .invoicing .comments textarea { display: block; width: 100%; height: 100px } .complaints-table-bottom-info { border-top: 2px solid #b7b7b7; padding-top: 25px } .complaints-table-bottom-info-top { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .complaints-table-bottom-info-top .info { width: -webkit-calc(100% - 670px); width: calc(100% - 670px) } @media only screen and (max-width: 1023px) { .complaints-table-bottom-info-top .info { width: 33.333333% } } @media only screen and (max-width: 767px) { .complaints-table-bottom-info-top .info { width: 100%; margin-bottom: 25px } } .complaints-table-bottom-info-top .info .top { margin-bottom: 5px } @media only screen and (max-width: 1023px) { .complaints-table-bottom-info-top .info .top > span { display: block; margin-bottom: 5px } } .complaints-table-bottom-info-top .info span, .complaints-table-bottom-info-top .info p { font-size: 15px; line-height: 1.2; font-family: "GillSansLightC", "Arial", sans-serif; margin-right: 40px } .complaints-table-bottom-info-top .info span:last-child, .complaints-table-bottom-info-top .info p:last-child { margin-right: 0 } .complaints-table-bottom-info-top .info span span, .complaints-table-bottom-info-top .info p span { font-family: "GillSansC", "Arial", sans-serif } .complaints-table-bottom-info-top .total { width: 350px; padding-right: 35px } @media only screen and (max-width: 1023px) { .complaints-table-bottom-info-top .total { width: 33.333333% } } @media only screen and (max-width: 767px) { .complaints-table-bottom-info-top .total { width: 100%; padding-right: 0 } } .complaints-table-bottom-info-top .total .block { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px } .complaints-table-bottom-info-top .total .block .text { text-transform: uppercase; font-size: 17px; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif } .complaints-table-bottom-info-top .total .block .price { height: 20px; line-height: 25px; /*padding-right: 25px;*/ font-size: 28px; text-transform: uppercase; color: #000; font-family: "GillSansC-Bold", "Arial", sans-serif; /*background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat right center*/ } .complaints-table-bottom-info-top .total .block .rouble { font-size: 13px; color: #888; margin-top: 5px } .complaints-table-bottom-info-top .currency { width: 320px; padding: 25px; border: 1px solid #d2d2d2 } @media only screen and (max-width: 1023px) { .complaints-table-bottom-info-top .currency { width: 33.333333% } } @media only screen and (max-width: 767px) { .complaints-table-bottom-info-top .currency { width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 25px } } .complaints-table-bottom-info-top .currency .line { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px } .complaints-table-bottom-info-top .currency .line .fs-dropdown, .complaints-table-bottom-info-top .currency .line .rate { width: -webkit-calc(100% - 95px); width: calc(100% - 95px) } @media only screen and (max-width: 1023px) { .complaints-table-bottom-info-top .currency .line .fs-dropdown, .complaints-table-bottom-info-top .currency .line .rate { width: -webkit-calc(100% - 60px); width: calc(100% - 60px) } } .complaints-table-bottom-info-top .currency .line .rate { height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #383838; background: #f0f0f0 } .complaints-table-bottom-info-top .currency .line-text { width: 95px } @media only screen and (max-width: 1023px) { .complaints-table-bottom-info-top .currency .line-text { width: 60px } } .complaints-table-bottom-info-top .currency .inner { margin: 25px 0 } .complaints-table-bottom-info-top .currency .text { font-size: 15px; color: #888; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 15px } .complaints-table-bottom-info-top .currency .text:last-child { margin-top: -15px; margin-bottom: 0 } .complaints-table-bottom-info-top .currency .text span { font-family: "GillSansC", "Arial", sans-serif; margin-left: 10px } .complaints-table-bottom-info-top .currency .square_button { width: 205px; margin-top: 25px } @media only screen and (max-width: 767px) { .complaints-table-bottom-info-top .currency .square_button { width: 100% } } .complaints-table-bottom-info-bottom { max-width: 450px } @media only screen and (max-width: 767px) { .complaints-table-bottom-info-bottom { margin-top: 40px } } .complaints-table-bottom-info-bottom .top { margin-bottom: 40px } .complaints-table-bottom-info-bottom .middle { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px } .complaints-table-bottom-info-bottom .middle a { height: 16px; line-height: 18px; font-size: 11px; padding-left: 25px; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; text-transform: uppercase } @media only screen and (max-width: 767px) { .complaints-table-bottom-info-bottom .middle a { display: block; width: 100%; margin-bottom: 20px } .complaints-table-bottom-info-bottom .middle a:last-child { margin-bottom: 0 } } .complaints-table-bottom-info-bottom .download { background: url("/local/templates/main_kz/css/../images/download_link.png") no-repeat left center } .complaints-table-bottom-info-bottom .print { background: url("/local/templates/main_kz/css/../images/print.png") no-repeat left center } .complaints-table--basket { max-width: 100% } @media only screen and (max-width: 1023px) { .complaints-table--basket { max-width: auto; min-width: 1100px } } .complaints-table--basket .price { position: relative } .complaints-table--basket .wrap-price { display: inline-block; vertical-align: top } .complaints-table--basket .wrap-price:nth-child(1) { margin-right: 45px } .complaints-table--basket .line .info { padding-left: 30px } .complaints-table--basket .line .top .item:nth-child(1) { width: 25% } .complaints-table--basket .line .top .item:nth-child(2) { width: 18% } .complaints-table--basket .line .top .item:nth-child(3) { width: 22% } .complaints-table--basket .line .top .item:nth-child(4) { width: -webkit-calc(45% - 110px); width: calc(45% - 110px) } .complaints-table--basket .line .top .item:nth-child(5) { width: 110px } .complaints-table--basket .tr-line { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .complaints-table--basket .tr-line div { text-align: left } .complaints-table--basket .tr-line div:nth-child(1) { padding: 0; width: 37% } @media only screen and (max-width: 1024px) { .complaints-table--basket .tr-line div:nth-child(1) { width: 40% } } @media only screen and (max-width: 1023px) { .complaints-table--basket .tr-line div:nth-child(1) { width: 38% } } .complaints-table--basket .tr-line div:nth-child(2) { width: 62% } .complaints-table--basket .wrap-tr-line-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .complaints-table--basket .wrap-tr-line-inner div:nth-child(1) { width: 22% } @media only screen and (max-width: 1023px) { .complaints-table--basket .wrap-tr-line-inner div:nth-child(1) { width: 21% } } .complaints-table--basket .wrap-tr-line-inner div:nth-child(2) { width: 25% } @media only screen and (max-width: 1023px) { .complaints-table--basket .wrap-tr-line-inner div:nth-child(2) { width: 26% } } .complaints-table--basket .wrap-tr-line-inner div:nth-child(3) { width: 20% } .basket-bottom-info { margin-top: 90px; padding-top: 30px; border-top: 2px solid #b7b7b7 } @media only screen and (max-width: 767px) { .basket-bottom-info { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } .basket-bottom-info .inner { min-height: 80px } @media only screen and (max-width: 499px) { .basket-bottom-info .inner { min-height: inherit } } .basket-bottom-info .square_button { margin-top: 25px } .basket-bottom-info-top { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 80px } @media only screen and (max-width: 979px) { .basket-bottom-info-top { width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 50px } } @media only screen and (max-width: 767px) { .basket-bottom-info-top { width: 100% } } .basket-bottom-info-top .left { width: 45% } @media only screen and (max-width: 1024px) { .basket-bottom-info-top .left { width: 45% } } @media only screen and (max-width: 979px) { .basket-bottom-info-top .left { width: 100%; margin-bottom: 50px } } .basket-bottom-info-top .left .inner { 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 } @media only screen and (max-width: 979px) { .basket-bottom-info-top .left .inner { min-height: inherit; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } .basket-bottom-info-top .left .text { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); font-size: 13px; line-height: 1.2; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .basket-bottom-info-top .left .percent { width: 80px; color: #4470a9; text-align: right; font-size: 32px } .basket-bottom-info-top .left .wrap-btn { text-align: right } @media only screen and (max-width: 979px) { .basket-bottom-info-top .left .wrap-btn { margin-top: 25px } } .basket-bottom-info-top .left .square_button { display: inline-block; vertical-align: top; width: 270px } .basket-bottom-info-top .right { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50% } @media only screen and (max-width: 1024px) { .basket-bottom-info-top .right { width: 46% } } @media only screen and (max-width: 979px) { .basket-bottom-info-top .right { width: 100% } } @media only screen and (max-width: 979px) { .basket-bottom-info-top .right .square_button { margin-top: 25px } } @media only screen and (min-width: 500px) { .basket-bottom-info-top .right .square_button-hidden { display: none } } .basket-bottom-info-top .right .item:nth-child(1) { width: 47% } @media only screen and (max-width: 499px) { .basket-bottom-info-top .right .item:nth-child(1) { width: 100%; margin-bottom: 10px } .basket-bottom-info-top .right .item:nth-child(1) .square_button { display: none } } .basket-bottom-info-top .right .item:nth-child(2) { width: 44% } @media only screen and (max-width: 499px) { .basket-bottom-info-top .right .item:nth-child(2) { width: 100% } } .basket-bottom-info-top .right .total { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .basket-bottom-info-top .right .total .total-text { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 17px } .basket-bottom-info-top .right .total .new { display: block; font-size: 28px; text-align: right; } .basket-bottom-info-top .right .total .rouble { font-size: 13px; color: #898989 } .basket-bottom-info-top .right strong { display: block; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 11px; margin-bottom: 10px } .basket-bottom-info-top .right .wrap-price { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .basket-bottom-info-top .right .wrap-price .price { width: 48% } .basket-bottom-info-top .right .wrap-price .new { color: #4470a9; font-size: 28px } .basket-bottom-info-top .right .wrap-price .rouble { font-size: 13px; color: #898989 } .basket-bottom-info-top .right .wrap-price .old { width: 48%; font-size: 22px; text-align: right; text-decoration: line-through } .basket-bottom-info-top .right .wrap-price--with-out-old-price { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-bottom-info-top .right .wrap-price--with-out-old-price .price { width: 100%; text-align: right } .basket-bottom-info-top .right .text { font-size: 15px; line-height: 20px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-top: 15px } .basket-bottom-info-top .right .text a { text-decoration: underline } .basket-bottom-info-top .right .text a:hover { text-decoration: none } .basket-hidden-table-small { display: none; width: 466px; margin-top: 15px; margin-bottom: 15px } @media only screen and (max-width: 1100px) { .basket-hidden-table-small { width: 440px } } .basket-hidden-table-small .tr-small { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px; background: #FFF; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-bottom: 0 } .basket-hidden-table-small .tr-small:nth-child(odd) { background: #f9f9f9 } .basket-hidden-table-small .td-small:nth-child(1) { width: 255px } .basket-hidden-table-small .td-small:nth-child(2) { width: 140px } .basket-hidden-table { display: none; width: 70%; margin-top: 15px; margin-bottom: 15px } .basket-hidden-table .tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 15px; background: #FFF; font-size: 15px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-bottom: 0 } .basket-hidden-table .tr:nth-child(odd) { background: #f9f9f9 } .basket-hidden-table .td:nth-child(1) { width: 32% } .basket-hidden-table .td:nth-child(2) { width: 24% } .basket-hidden-table .td:nth-child(3) { width: 30%; padding-left: 35px } .basket-hidden-table .wrap-basket-hidden-table-img { width: 100px; height: 75px; text-align: center } .basket-hidden-table .basket-hidden-table-img { height: 75px; display: inline-block; vertical-align: middle; background: #FFF; border: 1px solid #d2d2d2; padding: 8px } .basket-hidden-table .basket-hidden-table-img img { display: inline-block; vertical-align: middle; height: 100% } .basket-hidden-table .name { display: block; font-size: 11px; margin-bottom: 10px } .basket-hidden-table .size { display: block; font-size: 13px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-bottom: 10px } .basket-hidden-table .rouble { margin-top: 10px } @media only screen and (max-width: 767px) { .basket-bottom-info-bottom { width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 40px } } .basket-bottom-info-bottom textarea { display: inline-block; max-width: 480px; width: 100%; height: 100px } .basket-bottom-info-bottom .text { font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; font-size: 13px; line-height: 1.2; margin-bottom: 10px } .spec { display: inline-block; vertical-align: top; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif; font-size: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px dashed #626262 } .spec.open { border-color: rgba(255,255,255,0) } .price-discount { position: absolute; top: -25px; right: -70px; color: #FFF; padding: 5px 5px 0; font-size: 18px; background: #4470a9 } @media only screen and (max-width: 1023px) { .adaptive-table { width: 1024px } } .adaptive-table .tr { 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; margin-bottom: 35px } .adaptive-table .tr:last-child { margin-bottom: 0 } .adaptive-table .td:nth-child(1) { width: -webkit-calc(28% - 50px); width: calc(28% - 50px) } .adaptive-table .td:nth-child(2) { width: 17%; } .adaptive-table .thead .td:nth-child(2) { width: 17%; padding-left: 54px; box-sizing: border-box; } .adaptive-table .td:nth-child(3) { width: 19% } .adaptive-table .td:nth-child(4) { width: 15% } .adaptive-table .thead .td:nth-child(4) { padding-left: 42px; box-sizing: border-box; } .adaptive-table .td:nth-child(5) { width: 21%; text-align: left; padding-left: 5px; box-sizing: border-box; } .adaptive-table .td:nth-child(6) { width: 50px; text-align: right } .adaptive-table .tr-left { width: 240px; min-width: 240px; } .adaptive-table .thead .tr-left { box-sizing: border-box; padding-left: 16px; } .adaptive-table .tr-left .img { width: 240px; } .adaptive-table .tr-left .img a { max-width: 210px; } .adaptive-table .tr-right { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding-left: 15px } .adaptive-table .tr-info-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; margin-bottom: 15px } .adaptive-table .thead { font-size: 14px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 45px } .adaptive-table .thead .tr-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .adaptive-table .thead .td:nth-child(1), .adaptive-table .thead .td:nth-child(6) { font-size: 0; color: rgba(255,255,255,0) } .adaptive-table .thead .td span { display: inline-block; vertical-align: middle } .adaptive-table .thead .td img { display: inline-block; vertical-align: middle } .adaptive-table .name { font-size: 17px; line-height: 1.2; text-transform: uppercase; padding-right: 15px; margin-bottom: 5px } .adaptive-table .articul { font-size: 15px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif } .adaptive-table .articul span { margin-left: 5px; font-family: "GillSansC", "Arial", sans-serif } .adaptive-table .price { font-size: 28px; margin-bottom: 5px } .adaptive-table .td:nth-child(5) .rouble { padding-left: 20px; box-sizing: border-box; } @media only screen and (min-width: 720px) { .adaptive-table .price { } .adaptive-table .td:nth-child(5) .price { display: inline-block; text-align: right; width: 167px; } .adaptive-table .td:nth-child(5) .rouble { display: inline-block; text-align: right; padding-left: 0px; width: 167px; } .adaptive-table .td:nth-child(4) .price, .adaptive-table .td:nth-child(2) .price { display: inline-block; text-align: right; width: 100px; } .adaptive-table .td:nth-child(4) .rouble, .adaptive-table .td:nth-child(2) .rouble { display: inline-block; text-align: right; padding-left: 0px; width: 100px; } .basket-bottom-info .right .inner { position: relative; left: -96px; } .basket-bottom-info-top .right .total .rouble { display: inline-block; text-align: right; padding-left: 0px; width: 130px; } } .adaptive-table .rouble { font-size: 15px; color: #686868 } .adaptive-table .total { display: inline-block; vertical-align: top; width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 17px; color: #626262; background: #efefef } .adaptive-table .delete { display: inline-block; vertical-align: top; width: 32px; height: 32px; display: block; margin: 0 auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #000; -webkit-border-radius: 50%; border-radius: 50%; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center/14px } .adaptive-table .share { position: relative } .adaptive-table .share:before { display: block; position: absolute; content: 'АКЦИЯ'; width: 80px; height: 24px; padding-top: 7px; color: #FFF; font-size: 13px; text-align: center; top: 10px; right: -55px; background: #4470a9; z-index: 1 } .adaptive-table .discount { position: relative } .adaptive-table .discount:before { display: block; position: absolute; content: ''; width: 50px; height: 29px; top: 10px; right: -10px; background: url("/local/templates/main_kz/css/../images/ico_11.png") no-repeat center center; z-index: 1 } .adaptive-table .img { text-align: center } .adaptive-table .gallery { display: inline-block; vertical-align: top } .adaptive-table img { max-width: 100% } .adaptive-table .new-price { position: relative } .adaptive-table .new-price .price, .adaptive-table .new-price .rouble { color: #686868 } .adaptive-table .new-price .price { color: #000; } .adaptive-table .price-discount { right: 20px } .leftmobile { display: none; } .square_button-invoicing { position: absolute; bottom:0px; } @media only screen and (max-width: 520px) { .adaptive-table .price { margin-bottom: 0px; } .basket-bottom-info { margin-top: 10px; } .basket-bottom-info .left .wrap-btn{ display: none; } .basket-bottom-info-top .left { width: 100%; margin-bottom: 10px; display: none; } .basket-bottom-info-top .right .item:nth-child(2) { height: 190px; } .basket-bottom-info-top .right .itembig { height: 240px !important; } .square_button-hidden { display: block; bottom: -40px; position: absolute; text-align: center; } .square_button-invoicing { bottom:10px; } .square_button-hidden span { } .basket-bottom-info-top .leftmobile { display: block; position: relative; } .basket-bottom-info .item { min-height: 0 !important; } .basket-bottom-info-top .leftmobile .percent-block { font-size: 11px; font-weight: 300; text-transform: none; /*font-family: "GillSansC-Bold", "Arial", sans-serif; */ line-height: 1.2; color: #000; } .basket-bottom-info-top .leftmobile .percent { font-size: 20px; top: 0px; } .adaptive-table { width: 100%; } .adaptive-table .tr { display: block; margin-bottom: 10px; position: relative; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; } .adaptive-table .tr-left { width: 100%; display: block; } .adaptive-table .tr-left .img { width: 100%; } .adaptive-table .tr-left .img a { max-width: 210px; } .adaptive-table .td { float: left; } .adaptive-table .td:nth-child(1) { width: 100%; padding: 0 0 5px 0; display: block; clear: both; } .adaptive-table .td:nth-child(2) { width: 33%; float: right; right: 110px; position: relative; } .adaptive-table .td:nth-child(2) .price:before { content: "Цена:"; display: block; font-size: 11px; color: #ccc; } .adaptive-table .td:nth-child(3) { width: 33%; } .adaptive-table .td:nth-child(3):before { content: "Количество:"; display: block; font-size: 11px; color: #ccc; } .adaptive-table .td:nth-child(4) { width: 33%; float: right; left: 110px; position: relative; } .adaptive-table .td:nth-child(4) .price:before { content: "Сумма:"; display: block; font-size: 11px; color: #ccc; } .adaptive-table .td:nth-child(5) { width: 100%; text-align: left; clear: both; padding: 10px 0 0 0; } .adaptive-table .td:nth-child(5) p { display: block; } .adaptive-table .td:nth-child(5) p.price:before{ content: "Сумма со скидкой:"; display: block; float: left; height: 50px; width: 120px; } .adaptive-table .td:nth-child(6) { position: absolute; top: 0; right: 0; width: 50px; text-align: right; clear: both; } .adaptive-table .tr-right { display: block; width: 100%; padding-left: 5px; } .adaptive-table .tr-info-top { overflow: auto; display: block; float: none; padding-top: 5px; margin-bottom: 15px; clear: both; } .adaptive-table .thead { display: none; font-size: 12px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 5px } .adaptive-table .thead .tr-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .adaptive-table .thead .td:nth-child(1), .adaptive-table .thead .td:nth-child(6) { font-size: 0; color: rgba(255,255,255,0) } .adaptive-table .thead .td span { display: inline-block; vertical-align: middle } .adaptive-table .thead .td img { display: inline-block; vertical-align: middle } .adaptive-table .name { font-size: 15px; line-height: 1.2; text-transform: uppercase; padding-right: 15px; margin-bottom: 5px } .adaptive-table .articul { font-size: 15px; color: #626262; font-family: "GillSansLightC", "Arial", sans-serif } .adaptive-table .articul span { margin-left: 5px; font-family: "GillSansC", "Arial", sans-serif } .adaptive-table .price { font-size: 14px; margin-bottom: 0px; color: #000; } .adaptive-table .rouble { font-size: 13px; color: #888 } .adaptive-table .total { display: inline-block; vertical-align: top; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #626262; background: #efefef } .adaptive-table .delete { display: inline-block; vertical-align: top; width: 32px; height: 32px; display: block; margin: 0 auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #000; -webkit-border-radius: 50%; border-radius: 50%; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center/14px } .adaptive-table .share { position: relative } .adaptive-table .share:before { display: block; position: absolute; content: 'АКЦИЯ'; width: 80px; height: 24px; padding-top: 7px; color: #FFF; font-size: 13px; text-align: center; top: 10px; right: -55px; background: #4470a9; z-index: 1 } .adaptive-table .discount { position: relative } .adaptive-table .discount:before { display: block; position: absolute; content: ''; width: 50px; height: 29px; top: 10px; right: -10px; background: url("/local/templates/main_kz/css/../images/ico_11.png") no-repeat center center; z-index: 1 } .adaptive-table .img { text-align: center } .adaptive-table .gallery { display: inline-block; vertical-align: top } .adaptive-table img { max-width: 100% } } .slider { display: none } .slider.slick-initialized { display: block } .description .fs-dropdown-bottom .fs-dropdown-selected { border-top: 0; border-bottom: 1px solid #d2d2d2; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px } .description .fs-dropdown-bottom .fs-dropdown-options { border-top: 1px solid #d2d2d2; border-bottom: 0; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; padding-bottom: 0; margin-top: inherit } .pages-bottom-square-link { margin-top: 25px } .pages-bottom-square-link .square_button { width: 200px; margin: 0 auto } .header-sign-out { margin-right: 35px; font-size: 15px } @media only screen and (max-width: 1023px) { .header-sign-out { text-align: right; margin-right: 20px } } .header-sign-out .company { width: 170px; display: inline-block; vertical-align: middle; text-align: right; margin-right: 15px; font-family: "GillSansC", "Arial", sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media only screen and (max-width: 1023px) { .header-sign-out .company { margin-right: 0; margin-bottom: 10px } } .header-sign-out .header-sign-out-link { position: relative; top: 3px } .header-sign-out .header-sign-out-link:hover { text-decoration: underline } .dd_choose_city { display: none; position: absolute; top: 0; left: 0; width: 540px; padding: 35px 35px 15px; border: 1px solid #d2d2d2; background: #FFF; z-index: 77 } .dd_choose_city .close { position: absolute; top: 10px; right: 10px; display: block; width: 22px; height: 22px; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .dd_choose_city h4 { font-size: 13px; line-height: 1.2; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; margin-bottom: 30px } .dd_choose_city .dd_choose_city-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .dd_choose_city .dd_choose_city-list li { width: 33.333333%; margin-bottom: 15px } .dd_choose_city .dd_choose_city-list a { color: #383838; font-size: 17px } .dd_choose_city .dd_choose_city-list a.active { color: #4470a9 } .dd_choose_city .dd_choose_city-bottom h4 { margin-bottom: 5px } .dd_choose_city .dd_choose_city-bottom .inner { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .dd_choose_city .dd_choose_city-bottom .inner input[type="text"] { width: -webkit-calc(100% - 200px); width: calc(100% - 200px); height: 22px; line-height: 22px; font-size: 15px; color: #000; background: #FFF; border-bottom: 1px solid #4470a9 } .dd_choose_city .dd_choose_city-bottom .inner input[type="text"]::-webkit-input-placeholder { font-size: 15px; color: #b0adb0 } .dd_choose_city .dd_choose_city-bottom .inner input[type="text"]::-moz-placeholder { font-size: 15px; color: #b0adb0 } .dd_choose_city .dd_choose_city-bottom .inner input[type="text"]:-ms-input-placeholder { font-size: 15px; color: #b0adb0 } .dd_choose_city .dd_choose_city-bottom .inner input[type="text"]::placeholder { font-size: 15px; color: #b0adb0 } .dd_choose_city .dd_choose_city-bottom .inner .square_button { width: 150px; -webkit-border-radius: 0; border-radius: 0 } .filter-form { margin: 100px } .filter-form button { font-size: 20px; padding: 20px } .category-btn.hide, .category-color.hide, .category-item.hide { display: none } .category-btn.show, .category-color.show, .category-item.show { display: inline-block } .reset-furniture_options { display: inline-block; vertical-align: middle; height: 22px; padding-top: 5px; padding-left: 30px; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .category-btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px } .category-btns .category-btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-transform: uppercase; font-size: 11px; color: #888; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 20px; margin-bottom: 25px } @media only screen and (max-width: 599px) { .category-btns .category-btn { width: 50%; margin-right: 0 } } .category-btns .category-btn.active { font-weight: 700; color: #000 } .category-btns .category-btn img { display: inline-block; vertical-align: top; max-width: 100%; margin: 0 auto } .category-btns .category-btn .text { display: block; width: 100%; text-align: center; margin-top: 10px } @media only screen and (max-width: 599px) { .wrap-clearFilter, .wrap-clearColorsFilter { width: 100%; text-align: center } } .cfb { display: none; height: 22px; padding-top: 5px; padding-left: 15px; color: #888; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat left center/10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 25px } .cfb.active { display: inline-block; vertical-align: top } .category-colors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .category-color-image { margin: 0 auto 20px auto; -webkit-border-radius: 50%; border-radius: 50%; } .category-colors .category-color { margin-right: 20px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 25px } .category-colors .category-color.active { -webkit-box-shadow: 0 0 0 2px #4470a9; box-shadow: 0 0 0 4px #4470a9; } .category-colors .category-color img { display: inline-block; vertical-align: top; width: 80px; height: 80px } .filterContainer { margin-top: 80px; margin-bottom: 50px } @media only screen and (max-width: 599px) { .filterContainer { margin-bottom: 0 } } @media only screen and (max-width: 1023px) { .category-items .col_3 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } @media only screen and (max-width: 767px) { .category-items .col_3 { width: -webkit-calc(100% - 24px); width: calc(100% - 24px) } } .category-items .prof_catalog_box:not(.col) { width: 100% } .was-found { padding-top: 24px; background: #efeff0 } .was-found h3 { font-size: 17px; margin-bottom: 45px } @media only screen and (max-width: 767px) { .was-found h3 { margin-bottom: 35px } } .was-found-form { 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; max-width: 390px; padding: 10px 18px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #d2d2d2; background: #FFF; margin-bottom: 35px } .was-found-form button { width: 24px; height: 24px; background: url("/local/templates/main_kz/css/../images/search.svg") no-repeat center center/contain } .was-found-form input { width: -webkit-calc(100% - 34px); width: calc(100% - 34px); height: 24px; line-height: 24px; font-size: 15px; border-bottom: 1px solid #4470a9; background: #FFF } .was-found-category { max-width: 1000px } .was-found-category-item { display: inline-block; vertical-align: top; font-size: 13px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; line-height: 1.2; margin-bottom: 24px; margin-right: 60px } @media only screen and (max-width: 767px) { .was-found-category-item { margin-right: 24px } } .was-found-category-item .number { color: #4470a9; margin-left: 12px } .about-company h3 { font-size: 21px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; color: #383838; line-height: 1.2; margin-bottom: 50px } @media only screen and (max-width: 1023px) { .about-company h3 { margin-bottom: 30px } } .about-company .text, .about-company .big-text { font-size: 17px; line-height: 28px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 35px } @media only screen and (max-width: 767px) { .about-company .text, .about-company .big-text { margin-bottom: 25px } } .about-company .text:last-child, .about-company .big-text:last-child { margin-bottom: 0 } .about-company .text a, .about-company .big-text a { color: inherit; font-family: "GillSansLightC", "Arial", sans-serif; text-decoration: underline } .about-company .text a:hover, .about-company .big-text a:hover { text-decoration: none } .about-company .text--width { max-width: 450px } .about-company .big-text { font-size: 21px; margin-top: -35px } @media only screen and (max-width: 767px) { .about-company .big-text { margin-top: -25px } } .about-company strong, .about-company h4 { font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: none; margin-right: 5px; margin-bottom: 10px } .about-company h4 { font-size: 17px; line-height: 28px; } .about-company__video { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 50px 0 90px } @media only screen and (max-width: 767px) { .about-company__video { margin: 40px 0 60px } } .about-company__video img { max-width: 100% } .about-garantiya { padding: 0 0 60px 0; } .about-block { padding: 30px 0 30px 0; } .rightimg{ float: right; } .clear { clear: both; } .about-company .text { margin-bottom: 15px; } .about-company h3 { margin-bottom: 25px; } .about-company__item { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px } .about-company__item .info { width: 70%; padding-top: 30px } @media only screen and (max-width: 767px) { .about-company__item .info { width: 100%; padding-top: 0 } } .about-company__item .info--left { padding-right: 70px } @media only screen and (max-width: 1023px) { .about-company__item .info--left { padding-right: 35px } } @media only screen and (max-width: 1023px) { .about-company__item .info--left { padding-right: 0 } } .about-company__item .info--right { padding-left: 70px } @media only screen and (max-width: 1023px) { .about-company__item .info--right { padding-left: 35px } } @media only screen and (max-width: 767px) { .about-company__item .info--right { padding-left: 0 } } .about-company__item .img { width: 30% } @media only screen and (max-width: 767px) { .about-company__item .img { display: none } } .about-company__item img { max-width: 100% } .about-company__gray-section { position: relative; width: 3000px; left: 50%; margin-left: -1500px; min-height: 280px; background: #f0f0f0; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); overflow: hidden; margin-bottom: 100px } @media only screen and (max-width: 1200px) { .about-company__gray-section { width: -webkit-calc(100% + 160px); width: calc(100% + 160px); left: -80px; margin-left: auto } } @media only screen and (max-width: 767px) { .about-company__gray-section { padding-right: 45px } } .about-company__gray-section .wrap { position: relative; padding-top: 70px; -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); padding-left: 125px } @media only screen and (max-width: 1023px) { .about-company__gray-section .wrap { padding-left: 80px; padding-top: 60px } } @media only screen and (max-width: 767px) { .about-company__gray-section .wrap { padding-top: 40px; margin-bottom: 40px } } .about-company__gray-section .wrap:before { right: 0; top: -40px; display: block; position: absolute; content: ''; width: 400px; min-height: 335px; background: url(/local/templates/main_kz/css/../images/pic_61.png) no-repeat center center/contain } .about-company__gray-section .wrap2:before { right: 0; top: -40px; display: block; position: absolute; content: ''; width: 400px; min-height: 335px; background: url(/about/img/konkurs.jpg) no-repeat center center/contain } @media only screen and (max-width: 1023px) { .about-company__gray-section .wrap:before { width: 300px; min-height: 280px; right: -20px } } @media only screen and (max-width: 767px) { .about-company__gray-section .wrap:before { display: none } } .project-search-results { position: absolute; top: 0; left: 0; width: 100%; border: 1px solid #000; padding: 40px 30px 0; background: #FFF; z-index: 7 } @media only screen and (max-width: 767px) { .project-search-results { display: none } } .project-search-results .close { display: block; width: 22px; height: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; top: 10px; right: 10px; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center } .project-search-results .title { font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 40px; font-size: 18px } .project-search-results .title .title-text { text-transform: uppercase; font-family: "GillSansC", "Arial", sans-serif; font-size: 21px; margin-right: 5px } .text-block-section { margin-bottom: 60px } .text-block-section:last-child { margin-bottom: 0 } .text-block .text-block__text, .text-block .text-block__img { margin-bottom: 20px } .text-block img { max-width: 100% } .text-block--img-left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .text-block--img-left .text-block__text { width: -webkit-calc(100% - 450px); width: calc(100% - 450px) } @media only screen and (max-width: 1023px) { .text-block--img-left .text-block__text { width: 60% } } @media only screen and (max-width: 767px) { .text-block--img-left .text-block__text { width: 100% } } .text-block--img-left .text-block__img { width: 450px; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; padding-right: 20px } @media only screen and (max-width: 1023px) { .text-block--img-left .text-block__img { width: 40% } } @media only screen and (max-width: 767px) { .text-block--img-left .text-block__img { width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding-right: 0 } } .text-block--img-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .text-block--img-right .text-block__text { width: -webkit-calc(100% - 450px); width: calc(100% - 450px) } @media only screen and (max-width: 1023px) { .text-block--img-right .text-block__text { width: 60% } } @media only screen and (max-width: 767px) { .text-block--img-right .text-block__text { width: 100% } } .text-block--img-right .text-block__img { width: 450px; padding-left: 20px } @media only screen and (max-width: 1023px) { .text-block--img-right .text-block__img { width: 40% } } @media only screen and (max-width: 767px) { .text-block--img-right .text-block__img { width: 100%; padding-left: 0 } } .text-block .col { text-align: center; margin-bottom: 20px } .text-block .col:last-child { margin-bottom: 0 } .text-block .col img { display: inline-block } @media only screen and (max-width: 767px) { .text-block .col_4 { width: -webkit-calc(50% - 24px); width: calc(50% - 24px) } } .text-block__title { max-width: 450px; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000; font-size: 20px; line-height: 1.2; text-transform: uppercase; margin-bottom: 35px } .text-block__paragraph { font-size: 15px; line-height: 20px; color: #333; margin-bottom: 20px } .text-block__list { margin-bottom: 20px; font-size: 17px } .text-block__list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 20px } .text-block__list-title { width: 150px; padding-right: 10px; font-family: "GillSansC-Bold", "Arial", sans-serif } .text-block__list-text { width: -webkit-calc(100% - 150px); width: calc(100% - 150px) } .tooltips-section p { font-weight: 700; color: #808285 } .tooltips-block { position: relative; text-align: center; margin-top: 30px } .tooltips-block img { max-width: 100% } .tooltips-item { position: absolute; display: block; width: 20px; height: 20px; background: #48b4ac; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .tooltipster-base, .tippy-popper { height: auto !important } .tooltipster-base p, .tippy-popper p { font-size: 15px; line-height: 1.2; font-family: "GillSansC-Bold", "Arial", sans-serif } .tooltipster-base img, .tippy-popper img { max-width: 100px; margin-right: 10px; float: left } .some-item { font-size: 15px } .some-item img { max-width: 150px; float: left; margin-right: 10px } @media only screen and (max-width: 767px) { .some-item img { max-width: 80px } } .some-item p, .some-item span, .some-item strong { display: block; width: 400px; line-height: 1.2; color: #000 } @media only screen and (max-width: 767px) { .some-item p, .some-item span, .some-item strong { width: 265px } } .tpd-tooltip * { -webkit-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important } .tpd-content-relative { background: #FFF } .tpd-close-icon { color: #000 } .tpd-background { border-width: 1px; border-color: #4470a9 !important } .tpd-stem-border-center, .tpd-stem-triangle, .tpd-stem-shift-triangle, .tpd-stem-shift-border-center { display: none !important } .color-modal { display: none; position: fixed; top: 0; left: 50%; margin-left: -585px; width: 1170px; height: 100vh; z-index: 101; background: #FFF } @media only screen and (max-width: 1170px) { .color-modal { width: 100%; top: 0; left: 0; margin-left: 0 } } .color-modal__main-title { position: absolute; top: 0; left: 0; width: 100%; height: 65px; font-family: "GillSansC-Bold", "Arial", sans-serif; text-transform: uppercase; font-size: 20px; padding-top: 25px; background: #FFF } @media only screen and (max-width: 1199px) { .color-modal__main-title { padding: 15px 15px 10px; height: auto } } @media only screen and (max-width: 767px) { .color-modal__main-title { font-size: 18px } } .color-modal__close { position: absolute; top: 20px; right: 0; display: block; width: 22px; height: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center } @media only screen and (max-width: 1199px) { .color-modal__close { top: 10px; right: 15px } } .color-modal__bg { width: 100%; height: 100%; -webkit-transition: .3s; transition: .3s } .color-modal__bg.active { opacity: 0 } .color-modal__bg .slide { width: 100%; height: 100%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .color-modal__inner-info { position: absolute; left: 30px; bottom: 30px; width: 444px; padding: 30px; background: #FFF } @media only screen and (max-width: 767px) { .color-modal__inner-info { padding: 15px; left: 15px; bottom: 15px } } @media only screen and (max-width: 473px) { .color-modal__inner-info { width: 100%; left: 0; bottom: 0 } } .inner-info__title { font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 16px; text-transform: uppercase; color: #4470a9; margin-bottom: 25px } @media only screen and (max-width: 767px) { .inner-info__title { margin-bottom: 15px } } .inner-info__text { font-size: 16px; line-height: 1.3; margin-bottom: 25px } @media only screen and (max-width: 767px) { .inner-info__text { font-size: 14px; margin-bottom: 15px } } .wrap-color-modal-slider { position: relative; padding: 0 10px; text-align: center } .wrap-color-modal-slider .prev, .wrap-color-modal-slider .next { position: absolute; top: 12px; display: block; width: 14px; height: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .wrap-color-modal-slider .prev img, .wrap-color-modal-slider .next img { width: 100% } .wrap-color-modal-slider .prev { left: 0 } .wrap-color-modal-slider .next { right: 0 } .wrap-color-modal-slider .slick-disabled { opacity: .2; cursor: none } .wrap-color-modal-slider .slide { cursor: pointer; padding: 0 5px } .wrap-color-modal-slider .img { width: 45px; height: 45px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin: 0 auto } .wrap-color-modal-slider .img img { width: 100% } .wrap-color-modal-slider p { font-size: 12px; line-height: 1.2; margin-top: 5px } .green-btn { display: inline-block; vertical-align: top; height: 40px; font-size: 18px; line-height: 1; color: #FFF; text-align: center; text-transform: uppercase; padding: 14px 28px 0; background: #4470a9/*#49b4ac*/; margin-bottom: 40px } @media only screen and (max-width: 767px) { .green-btn { display: block; width: 100% } } .configurator .wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .configurator .tooltip { display: inline-block; vertical-align: top; position: absolute; top: -10px; right: -10px; width: 20px; height: 20px; text-align: center; padding-top: 3px; color: #9d9d9d; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #9d9d9d; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1 } .configurator .tooltip2 { font-weight: 100; position: static; display: inline; top: initial; right: initial; width: initial; height: initial; background: none; border: 0; color: #000; font-family: "GillSansLightC", "Arial", sans-serif !important; } .configurator .specification { color: #000; font-size: 17px; font-family: "GillSansC-Bold", "Arial", sans-serif; margin: 20px 0 10px } .configurator .specification p { padding-left: 30px; margin-bottom: 5px } .configurator .specification p span { display: inline-block; vertical-align: middle; min-width: 85px } .configurator .specification p span:nth-child(2) { font-family: "GillSansC", "Arial", sans-serif } .configurator .specification .title { display: inline-block; vertical-align: top; padding-left: 0; margin-bottom: 10px; border-bottom: 1px dashed #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .configurator .specification .title.open { border-color: rgba(255,255,255,0) } .configurator .specification .inner { display: none } .configurator .manufacturing { color: #4470a9; margin-bottom: 15px } .configurator .how_many { max-width: 320px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 40px } .configurator .how_many .left, .configurator .how_many .right { width: 175px } .configurator .how_many p { margin-bottom: 10px } .configurator .how_many p:last-child { margin-bottom: 0 } .configurator .how_many span { font-size: 17px; margin-right: 10px; font-family: "GillSansLightC", "Arial", sans-serif } .configurator .how_many span:last-child { font-family: "GillSansC", "Arial", sans-serif; margin-right: 0 } .configurator .price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .configurator .price .left { margin-right: 25px } .configurator .price .euro { display: inline-block; vertical-align: bottom; color: #000; font-size: 28px; /*padding-right: 28px; background: url("/local/templates/main_kz/css/../images/euro_2.png") no-repeat right 3px*/ } .configurator .price .rouble { font-size: 15px; color: #626262 } .configurator .price .square_button { width: 155px } .configurator-image { width: -webkit-calc(100% - 540px); width: calc(100% - 540px) } @media only screen and (max-width: 1023px) { .configurator-image { width: -webkit-calc(100% - 480px); width: calc(100% - 480px) } } @media only screen and (max-width: 767px) { .configurator-image { width: 100% } } .configurator-items { width: 540px } @media only screen and (max-width: 1023px) { .configurator-items { width: 480px } } @media only screen and (max-width: 767px) { .configurator-items { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; margin-bottom: 40px } } .configurator-image__inner { text-align: center; padding: 20px } @media only screen and (max-width: 767px) { .configurator-image__inner { padding: 0 20px } } .configurator-image__inner.active { position: fixed; top: 0; left: 15px; z-index: 7 } .configurator-image__inner img { max-width: 100% } .configurator-children { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .configurator-children.active .configurator-children__text { color: #4470a9 } .configurator-children.active.configurator-upholstery { border-color: #4470a9; background: #FFF } .configurator-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 22px; background: #f5f5f5 } .configurator-item:nth-child(even) { background: #FFF } .configurator-item--alone { display: block } .configurator-half { width: -webkit-calc(50% - 20px); width: calc(50% - 20px) } @media only screen and (max-width: 767px) { .configurator-half { width: 100%; margin-bottom: 20px } .configurator-half:last-child { margin-bottom: 0 } } .configurator-title { position: relative; display: inline-block; vertical-align: top; font-size: 18px; color: #333; margin-bottom: 20px } .configurator-title .tooltip { right: -35px; top: -2px; font-size: 14px } .configurator-title--check { position: relative; display: block; margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @media only screen and (max-width: 767px) { .configurator-title--check { margin-bottom: 10px } } .configurator-title--check:before { display: block; position: absolute; content: ''; width: 28px; height: 28px; border: 1px solid #949494; top: -4px; right: 0; background: #FFF } input[type="checkbox"]:checked+ .configurator-title--check { color: #4470a9 } input[type="checkbox"]:checked+ .configurator-title--check:before { border-color: #4470a9; background: #fff url("/local/templates/main_kz/css/../images/check.png") no-repeat center center } .configurator-parent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } @media only screen and (max-width: 767px) { .configurator-parent--trio { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .configurator-parent--trio .configurator-children { width: 50%; margin-bottom: 20px } .configurator-parent--trio .configurator-children:last-child { margin-bottom: 0 } } .configurator-color { width: 50%; text-align: center } .configurator-color__circle { position: relative; width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 auto 12px } .configurator-color__circle:before { display: block; position: absolute; content: ''; top: 0; left: 0; width: 60px; height: 60px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) inset; box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) inset; z-index: 1 } .configurator-children__text { color: #626262; font-size: 16px } .configurator-armrests { width: 50%; text-align: center } .configurator-armrests img { max-height: 88px } .configurator-armrests .configurator-children__text { position: absolute; bottom: 0; right: 20px } .configurator-mechanism { width: 33.333333%; text-align: center } .configurator-mechanism__img { margin-bottom: 12px } .configurator-mechanism__img img { max-width: 100% } .configurator-base { width: 33.333333%; text-align: center } .configurator-base__img { padding: 0 10px; margin-bottom: 12px } .configurator-base img { max-width: 100% } .configurator-upholstery { width: 56px; height: 56px; padding: 4px; border: 1px solid rgba(255,255,255,0) } .configurator-upholstery__inner { position: relative; width: 48px; height: 48px; -webkit-border-radius: 50%; border-radius: 50% } .configurator-upholstery__inner:before { display: block; position: absolute; content: ''; top: 0; left: 0; width: 48px; height: 48px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) inset; box-shadow: 0 0 8px 1px rgba(0,0,0,0.2) inset; z-index: 1 } .sheensay_fixed { position: fixed; top: 0 } .sheensay_footer_sticked { margin-top: 90% } .hidden { display: none; visibility: hidden; } .not_allowed { /*color: #fb0706;*/ color: #000; font-size: 17px; padding: 0 0 20px 0; } .soc_icons img { margin: 15px 10px 0 0; } .round_btn_sfw { display: block; padding: 10px 32px 8px; background: #FFF; color: #999; text-transform: uppercase; font-size: 14px; font-family: "GillSansC-Bold", "Arial", sans-serif; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 30px; border-radius: 30px; margin: 10px auto; width: 350px; } .round_btn_sf { display: inline-block; padding: 10px 32px 8px; border: 1px solid rgba(255,255,255,0.45); color: rgba(255,255,255,0.45); text-transform: uppercase; font-size: 14px; font-family: "GillSansC-Bold", "Arial", sans-serif; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 30px; border-radius: 30px; margin: 10px auto; width: 350px } .sf_sale_warn { font-size: 17px; margin: 0 0 25px 15px; } .category-saleout { margin-right: 20px; margin-bottom: 25px; cursor: pointer; border-radius: 50%; } .category-colors .category-saleout.active { -webkit-box-shadow: 0 0 0 2px #4470a9; box-shadow: 0 0 0 4px #4470a9; } .plus-m-btn { display: inline-block; vertical-align: top; height: 36px; width: 30px; margin-left: 10px; background: url("/local/templates/main_kz/css/../images/plus_m.png") no-repeat left center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .plus-m-btn:hover { background: url("/local/templates/main_kz/css/../images/plus_w_m.png") no-repeat left center } .email-blk { /*width: -webkit-calc(100% - 40px); width: calc(100% - 40px);*/ width: 100%; float: left; position: relative; } .input.sf_plus { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); } .plus-m-blk { padding-right: 25px !important; } /*#addedemail { display: none; }*/ .email-hint { font-size: 15px; position: absolute; background: #fff; border: 1px solid #ccc; padding: 10px; opacity: 0; } .email-blk:hover .email-hint { opacity: 1 } .err-fld { border: 1px solid red; } #err-email-blk { font-size: 15px; color: red; margin-top: 10px; } #plus-hint { font-size: 15px; position: absolute; background: #fff; border: 1px solid #ccc; padding: 10px; opacity: 0; z-index: 1; top: 36px; } .plus-m-btn:hover #plus-hint { opacity: 1 } .sf_vivoz { position: relative; } .complaints-table-sf { max-width: 860px } @media only screen and (max-width: 1023px) { .complaints-table-sf { padding-top: 5px } } @media only screen and (max-width: 767px) { .complaints-table-sf { width: 768px } } .complaints-table-sf .thead { margin-bottom: 25px; color: #000; font-size: 15px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } .complaints-table-sf .tbody { color: #888; font-size: 15px } .complaints-table-sf .tr { margin-bottom: 45px } .complaints-table-sf .tr-line { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .complaints-table-sf .tr-line div { position: relative } .complaints-table-sf .tr-line div:nth-child(1) { width: 150px; padding-left: 65px } .complaints-table-sf .tr-line div:nth-child(2) { width: 100px } .complaints-table-sf .tr-line div:nth-child(3) { width: 200px } .complaints-table-sf .tr-line div:nth-child(4) { width: 135px } .complaints-table-sf .number { position: absolute; top: 0px; left: 0; display: inline-block; vertical-align: middle; width: 40px; height: 40px; line-height: 45px; text-align: center; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 17px; color: #000; background: #e9e9e9; -webkit-border-radius: 50%; border-radius: 50% } .complaints-table-sf .complaints-table__inner { display: none; padding-left: 65px; padding-top: 35px } @media only screen and (max-width: 767px) { .complaints-table-sf .complaints-table__inner { padding-left: 0 } } .complaints-table-sf .complaints-table__inner-block { position: relative; max-width: 570px; border: 1px solid #d2d2d2; padding: 30px; background: #FFF } @media only screen and (max-width: 767px) { .complaints-table-sf .complaints-table__inner-block { padding: 15px; max-width: 500px } } .complaints-table-sf .complaints-table__inner-block .close { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; cursor: pointer; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center } .complaints-table-sf .title { display: block; font-size: 13px; line-height: 1.2; margin-bottom: 15px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; color: #000 } .complaints-table-sf .text { display: block; font-size: 15px; line-height: 1.2; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262 } .complaints-table-sf .top .line { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 12px } .complaints-table-sf .top .line .title { width: 40%; margin-bottom: 0 } .complaints-table-sf .top .line .text { width: 60% } .complaints-table-sf .description, .complaints-table-sf .images, .complaints-table-sf .top { margin-bottom: 40px } /*.complaints-table-sf .images .inner { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start }*/ .complaints-table-sf .img { width: 100%; display: block; vertical-align: top } .complaints-table-sf .img img { display: block; /*width: 100%;*/ margin-bottom: 10px } .complaints-table-sf .gallery { /*width: 200px;*/ display: block; vertical-align: top } .complaints-pdf { margin-top: 30px } .cpdf { text-decoration: underline; color: #4470a9; cursor: pointer; } .hidden_compl { display: none !important; } .compl_more > a { text-transform: lowercase; cursor: pointer; font-size: 13px; color: #bbb; margin-left: 10px; } .compl_more { margin-bottom: 20px; } .compl_more > a::after { margin-left: 5px; content: ''; border: solid #bbb; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); } .compl_more > a.open_compl::after { -webkit-transform: rotate(-135deg); } .compl_zpk { width: 60% !important; } @media only screen and (max-width: 450px) { .compl_zpk { width: 100% !important; } } .prof_news img { margin: 2px; } .prod_upload_link_blk { position: relative; } .upload_link_blk { position: absolute; top: 5px; left: 140px; padding: 0 12px; /* color: #4470a9; border: 1px solid #4470a9; font-family: "GillSansLightC", "Arial", sans-serif; text-transform: uppercase; padding-right: 20px; font-size: 12px; background: url("/local/templates/main_kz/css/../images/arrow_right.png") no-repeat right 1px/16px */ } .prod_upload_link_fls { display: block; color: #4470a9; font-family: "GillSansLightC", "Arial", sans-serif; margin: 5px; font-size: 12px; } .prod_upload_link_fls:hover { font-family: "GillSansC", "Arial", sans-serif; } /* End */ /* Start:/local/templates/main_kz/css/override.css?169501818029271*/ .wrap_title { margin-bottom: 30px; } .wrap_title .sub_link { position: static; } .wrap_title .sub_link a { white-space: nowrap; } .wrap_title--pages { margin-top: 30px; } .prof_slider_main_kabinet .slide .title_line .item.link { margin-right: 20px; } .news .item .title { min-height: 36px; } .news-index.wrap_title h2 { margin: 30px auto; display: block; } h2 { margin-bottom: 30px; } .prof_news .text img { max-width: 100%; } .prof_news .info { padding: 0; } .g-recaptcha { display: inline-block; margin-bottom: 17px; } .text-align_left { text-align: left !important; } .text-align_center { text-align: center !important; } .text-align_right{ text-align: right !important; } .relative { position: relative !important; } div.allert { position: relative; width: 100%; } .catalog_index h3 { margin-top: 35px; } /*.actions_box .img img { margin-left: auto; margin-right: auto; width: auto; }*/ .actions_box .text a, .actions_box .title a, .some_class_item .title a { font: inherit; color: inherit; } .some_class_item .title { height: 39px; overflow: hidden; text-overflow: ellipsis; } .partners_form .line .wrap_input + .wrap_input { margin-left: 15px; } .partners_form .wrap_input .text.first_text { min-width: 85px; margin-right: 10px; } .hidden_message + form { overflow: hidden; transition: height 1s; } .hidden_message.open + form { height: 0 !important; } .contacts_form .middle textarea { height: 120px; } .contacts_form .bottom .g-recaptcha { margin-bottom: 0; } .offer, .offer.hide, .color-check.hide { display: none; } .offer:not(.hide) { display: block; } .prof_catalog_box .title { width: 100%; } .category-colors .category-color { overflow: hidden; } .category-colors .category-color i { display: inline-block; text-align: center; line-height: 80px; vertical-align: top; width: 80px; height: 80px; background-color: #eee; opacity: 0.3; } .prof_catalog_box .how_many p { white-space: nowrap; } .color-check.active { border: 1px solid #4470a9; -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset; box-shadow: 0 3px 7px 0 rgba(0,0,0,0.2) inset } .fs-dropdown-disabled .fs-dropdown-selected:after { display: none; } .configurator .configuration:not(.active) { display: none; } .change-configuration.selected, .change-configuration.selected .text { font-weight: bold; color: #4470a9; } .line_hidden_block_btn.selected { color: #FFF; background: #4470a9; border-color: #4470a9; cursor: default; } .line_hidden_block .grid .line_hidden_block_item img { border-radius: 50%; overflow: hidden; } .line_hidden_block .grid .line_hidden_block_item.selected img { border: 1px solid #4470a9; /*adding: 1px;*/ } .line_hidden_block_item.selected { cursor: default; } .line_hidden_block_btn { line-height: 30px; padding-top: 0; padding-bottom: 0; } .catalog_slider_section .arrows { outline: none; } .slick-hidden { display: none !important; } /*.prof_catalog_box .good_info .left p:first-child { height: 33px; }*/ .catalog_slider_section .wrap_slider_section .thumbs_slider_section .img img { width:auto; max-width: 100%; max-height: 100%; margin: 0 auto; } .catalog_slider_section .wrap_slider_section_tabs .img img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; /*padding: 0 50px;*/ } .slider_section_main:not(.slick-initialized) .slide:not(:first-of-type), .prof_slider_main_kabinet:not(.slick-initialized) .slide:not(:first-of-type), .prof_slider_thums_kabinet:not(.slick-initialized) .slide:not(:first-of-type) { display: none; } .thumbs_slider_section_main:not(.slick-initialized) .slide:nth-of-type(n+4){ display: none; } .catalog_slider_section .next { margin-top:10px; } .description .inner_wrap { position: relative; width: 3000px; left: 50%; margin-left: -1500px; margin-top: 30px; margin-bottom: 75px; overflow: hidden; } .mini_description .line_color img { height: 100%; } .catalog_slider_section .wrap_slider_section_tabs .img { width: 90%; } .tooltips-section p { font-size: 15px; font-weight: normal; line-height: 20px; color: #333; } .description .first { margin-bottom: 75px; } .line .tooltip { display: inline-block; vertical-align: middle; width: 18px; height: 18px; padding-top: 2px; font-family: "GillSansC-Bold","Arial",sans-serif; text-align: center; border: 1px solid #8e8e8e; color: #8e8e8e; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mini_description .line_color { cursor: pointer; } .gray-line { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .gray-line:before { content: ''; position: relative; background-color: lightgray; width: 3000px; left: -1000px; display: block; } .text-block-section { position: relative; } .catalog_slider_section .info_slider_section .good_info .number { font-family: "GillSansC", "Arial", sans-serif; } .color-modal { left: 50%; top: 0; bottom: 0; margin-left: -585px; width: 1170px; height: 100%; } @media (max-width: 1200px) { .color-modal { width: calc(100% - 30px); margin-left: 0; left: 15px; right: 15px; } } .color-modal .color-modal__bg { background-repeat: repeat !important; background-size: auto !important; } .color-modal__main-title { padding-left: 30px; } .color-modal__close { right: 30px; } .line_hidden_block .grid .line_hidden_block_item .zoom_img { top: 70px; left: 50%; margin-left: -92px; } .prof_catalog_box .good_info .number { text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden; width: calc(100% - 80px); vertical-align: middle; } a.copy { display: block; text-align: center; color: #fff; text-decoration: underline; } .some_class_item ul { margin-bottom: 10px; } @media only screen and (max-width: 599px) { .company-employees-add .img { width: 100%; margin-bottom: 35px } } .company-employees-add .img .foto { width: 180px; height: 100px; margin: 0 auto 10px; background: #f7f7f7 url("/local/templates/main_kz/css/../images/behind-foto.png") no-repeat center center } .company-employees-add .add-foto { display: block; text-align: center; margin-bottom: 20px; } .company-employees-add .add-foto span { font-size: 13px; border-bottom: 1px dashed #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .contacts_managers_item { min-height: 365px; } .wrap-managers_item .contacts_managers_item .info { margin-bottom: 35px; } .error { display: none; } .error.show { display: block; } .company-employees-add .error { margin-left: 160px; } .text-block__title { max-width: 100% !important; } .text-block-section:last-child { margin-bottom: 60px; } .text-block__paragraph { display: inline-block; } .text-block .col.col_3 img { /*width: 100%;*/ } .text-block .col { text-align: left; vertical-align: middle; } @media only screen and (min-width: 768px) { .wrap_min { max-width: 1170px; } /*.text-block--img-left .text-block__img { margin-right: 50px; } .text-block--img-right .text-block__img { margin-left: 50px; }*/ .text-block--img-right .text-block__img, .text-block--img-left .text-block__img { width: 500px; padding-left: 0; padding-right: 0; } .text-block--img-left .text-block__text { width: -webkit-calc(100% - 500px); width: calc(100% - 500px); padding-left: 50px; } .text-block--img-right .text-block__text { width: -webkit-calc(100% - 500px); width: calc(100% - 500px); padding-right: 50px; } .text-block .col:last-child { margin-bottom: 20px; } } .company-entity-add { display: none; position: absolute; top: 60px; left: 50%; margin-left: -300px; max-width: 600px; width: 100%; padding: 55px 50px 30px; background: #FFF; border: 1px solid #000; z-index: 3 } @media only screen and (max-width: 630px) { .company-entity-add { left: 0; margin-left: auto } } @media only screen and (max-width: 767px) { .company-entity-add { padding: 45px 15px 30px } } .company-entity-add .close { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; background: url("/local/templates/main_kz/css/../images/close.png") no-repeat center center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .company-entity-add .item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .company-entity-add .item .text { width: 100px; font-size: 13px; color: #000; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } @media only screen and (max-width: 767px) { .company-entity-add .item .text { width: 100%; margin-bottom: 15px } } .company-entity-add .item label { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: -webkit-calc(100% - 100px); width: calc(100% - 100px) } @media only screen and (max-width: 767px) { .company-entity-add .item label { width: 100% } } .company-entity-add .item input { display: block; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); width: 100%; height: 36px; font-size: 17px; font-family: "GillSansLightC", "Arial", sans-serif; color: #888 } .company-entity-add .item input:focus+ .ico { background: url("/local/templates/main_kz/css/../images/pencil-active.png") no-repeat center center } .company-entity-add .item .ico { display: block; width: 45px; height: 36px; background: url("/local/templates/main_kz/css/../images/pencil.png") no-repeat center center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .company-entity-add .fs-dropdown { width: -webkit-calc(100% - 100px); width: calc(100% - 100px) } .company-entity-add .choose { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media only screen and (max-width: 599px) { .company-entity-add .choose { margin-bottom: 25px } } .company-entity-add .choose .radio-point-label { width: 50% } @media only screen and (max-width: 599px) { .company-entity-add .choose .radio-point-label { width: 100% } } .company-entity-add .square_button { width: auto } /* *,*:before,*:after{ -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; } */ .header_fixed, .header_notfixed { -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out; } .fancybox-container, .fancybox-container *, .fancybox-container *:before, .fancybox-container *:after, .popup-window,.popup-window:before,.popup-window:after{ -webkit-transition:0s ease-in-out; -moz-transition:0s ease-in-out; -o-transition:0s ease-in-out; transition:0s ease-in-out; } .ios-toggle,.ios-toggle:active{ position:absolute; top:-5000px; height:0; width:0; opacity:0; border:none; outline:none; } .checkbox-label{ display:block; position:relative; padding:10px; font-size:12px; line-height:16px; width:100%; height:36px; /*border-radius*/ -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; background:#f8f8f8; cursor:pointer; } .checkbox-label:before{ content:''; display:block; position:absolute; z-index:1; line-height:34px; text-indent:40px; height:36px; width:36px; /*border-radius*/ -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; top:0px; left:0px; right:auto; background:white; /*box-shadow*/ -webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd; -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd; box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd; } .checkbox-label:after{ content:attr(data-off); display:block; position:absolute; z-index:0; top:0; left:-300px; padding:10px; height:100%; width:300px; text-align:right; color:#000; white-space:nowrap; } .ios-toggle:checked + .checkbox-label{ -webkit-box-shadow:inset 0 0 0 20px #4470a9,0 0 0 2px #4470a9; -moz-box-shadow:inset 0 0 0 20px #4470a9,0 0 0 2px #4470a9; box-shadow:inset 0 0 0 20px #4470a9,0 0 0 2px #4470a9; } .ios-toggle:checked + .checkbox-label:before{ left:calc(100% - 36px); -webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3); -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3); box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3); } .ios-toggle:checked + .checkbox-label:after{ content:attr(data-on); left:60px; width:36px; } .checkbox-label{ width: 60px; -webkit-box-shadow:inset 0 0 0 0px #4470a9,0 0 0 2px #dddddd; -moz-box-shadow:inset 0 0 0 0px #4470a9,0 0 0 2px #dddddd; box-shadow:inset 0 0 0 0px #4470a9,0 0 0 2px #dddddd; } .ios-toggle:checked + .checkbox-label{ -webkit-box-shadow:inset 0 0 0 18px #4470a9,0 0 0 2px #4470a9; -moz-box-shadow:inset 0 0 0 18px #4470a9,0 0 0 2px #4470a9; box-shadow:inset 0 0 0 18px #4470a9,0 0 0 2px #4470a9; } .ios-toggle:checked + .checkbox-label:after{ color:#4470a9; } .ur-form { z-index: 10; } .fs-dropdown-item:first-child { display: block; } @media only screen and (min-width: 768px) { .wrap-complaints-table--istoria-zakazov .ur-form { left: -420px; } .wrap-complaints-table--istoria-zakazov { overflow: visible; } .complaints-table .tr-line .ur-form .text { text-align: left; } /*.edit-ur-form + .ur-form label, .edit-ur-form + .ur-form input { width: 100%; } .edit-ur-form + .ur-form .text { width: 100%; margin-bottom: 10px; }*/ } .category-btns .category-btn { flex-direction: column; align-items: center; } .wrap_tab_links { padding-left: 0; } .wrap_tab_links .tab_links { width: 100% !important; flex-flow: wrap; -webkit-justify-content: space-evenly; justify-content: space-evenly; } @media only screen and (max-width: 620px) { .wrap_tab_links .tab_links { flex-flow: column; } } .fs-dropdown-disabled { opacity: 1; } .sign_in_form { z-index: 100; } .reset { border: none; background: none; padding: inherit; min-height: none; margin-bottom: 0; } @media only screen and (max-width: 767px) { .text-block .col { width: -webkit-calc(100% - 24px) !important; width: calc(100% - 24px) !important; text-align: center !important; } .wrap_small, .wrap_min { /* padding-left: 15px; padding-right: 15px;*/ } .wrap>.wrap_small>.wrap { padding-left: 0px; padding-right: 0px; } } .materials { margin: 20px 0; } .materials .line .inner { display: none; } .materials .line .inner.active { display: block; } .mini_description .line_color_name { margin-bottom: 20px; } .width_full { width: 100%; } .description .first .left { padding-left: 0; } .tooltips-section .wrap_min { text-align: center; } .tooltips-section .tooltips-block { display: inline-block; } .text-block__title { text-align: left; } .share-modal { display: none; position: fixed; top: 0; left: 0; background: transparent; width: 100%; height: 100%; overflow-y: auto; z-index: 101 } .share-modal .block { position: relative; width: 420px; padding: 20px 15px; left: 50%; margin-left: -210px; top: 30%; border: 1px solid #4470a9; } @media only screen and (max-width: 420px) { .share-modal .block { width: 100%; left: 0; margin-left: 0; top: 0 } } @media only screen and (min-width: 767px) { #rules .block { width: 720px; margin-left: -360px; } } .share-modal .close { position: absolute; cursor: pointer; top: 4px; right: 15px; font-family: "GillSansLightC", "Arial", sans-serif; font-size: 50px; color: #d2d2d2 } .share-modal strong { display: block; text-align: center; margin-bottom: 20px; font-size: 14px; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif } @media only screen and (max-width: 650px) { .share-modal strong { font-size: 12px } } .share-modal form { background: #fff; padding: 25px; border: 1px solid #d2d2d2 } .share-modal .line { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px } .share-modal .line .allert_text { width: 100%; color: #000; } .share-modal .line .allert_text.center { text-align: center; } /*.complaints-table--istoria-zakazov .thead .tr-line div:nth-child(1) { width: 220px; }*/ .complaints-table--istoria-zakazov .tr-line div:nth-child(5) { width: 110px; } .complaints-table--history .tr-line div:nth-child(3) { width: 200px; } .lk-edit .inner .item.item--checkbox { justify-content: normal; -webkit-justify-content: normal; } .lk-edit .inner .item.item--checkbox label { width: 60px; } /*.complaints-table--basket .tbody .line .top .item:nth-child(1) { width: 55%; padding-right: 5%; }*/ .complaints-table--basket .line .top .item:nth-child(1) { width: 50%; } .complaints-table--basket .line .top .item:nth-child(2), .complaints-table--basket .line .top .item:nth-child(3), .complaints-table--basket .line .top .item:nth-child(4), .complaints-table--basket .line .top .item:nth-child(5) { width: 10%; } .complaints-table--basket .wrap-tr-line-inner div:nth-child(1), .complaints-table--basket .wrap-tr-line-inner div:nth-child(2), .complaints-table--basket .wrap-tr-line-inner div:nth-child(3) { width: 33% } .complaints-table--basket .tr-line div:nth-child(1) { width: 60%; } .complaints-table--basket .tr-line div:nth-child(2) { width: 40%; } .basket-bottom-info .square_button { margin-top: 82px; } .wrap_title h2 { display: inline-block; line-height: 1.1; } @media only screen and (max-width: 767px) { .wrap_title h2 { line-height: 13px; } } .wrap_title .sub_link { vertical-align: baseline; } @media only screen and (max-width: 767px) { .lk-wrap-links .inner-links { width: 100%; flex-flow: column; } .lk-wrap-links a { margin-bottom: 10px; } } .square_button span { background-position: right 10%; } .header_bottom .cart { margin: 20px 0 0px 0; display: inline-block; font-size: 13px; height: 14px; line-height: 20px; font-family: "GillSansC-Bold", "Arial", sans-serif; color: rgba(255,255,255,0.45); padding-left: 20px; background: none; text-transform: uppercase; } .header_bottom .cart:before { content: ''; display: inline-block; width: 13px; height: 14px; background: url(/local/templates/main_kz/css/../images/cart.png) no-repeat left center / contain; filter: invert(100%); } .header_bottom .sign_in .sign_in_btn.logout { background-image: url(/local/templates/main_kz/css/../images/logout-ico.png); padding-left: 30px; margin-top: 10px; } @media only screen and (max-width: 767px) { .header_top .right, .header_top .left { display: block; text-align: right; } .header_top .right .header-sign-out, .header_top .right .sign_in_block, .header_top .right .link, .header_top .right .search_block, .header_top .left .top, .header_top .left .bottom { display: none; } .header_top .cart_block { margin-right: 50px; } .header_top .left .bottom { display: block; } .header_top .left .bottom .tel{ font-size: 0; background: url('/local/images2/phone-mobile2.png') 50% 50% no-repeat; background-size: contain; width: 39px; height: 39px; display: block; } } .company-employees-add, .edit-managers_item { top: unset; } .company-employees-add .item .text { width: 160px; } .company-employees-add .item label { width: calc(100% - 160px); } .lk-edit .inner .item .text { width: 230px; } .lk-edit .inner .item label { width: calc(100% - 230px); } .company-employees-add .add-foto .left { text-align: center; } .company-employees-add .add-foto .left .new-value { display: none; } .company-employees-add .add-foto label { display: block; margin: 0 auto; } .company-employees-add .add-foto .delete-file { left: 50%; margin-left: -110px; top: 0; } .contacts_managers_item .position, .your-data-item .position { font-size: 15px; line-height: 18px; font-family: "GillSansLightC", "Arial", sans-serif; text-align: center; margin-bottom: 5px; font-weight: bold; min-height: 18px; } .item.message { text-transform: uppercase; font-size: 18px; color: #4470a9; transition: .3s; justify-content: center !important; } .contacts_managers_item .city { min-height: 18px; } #employeeAdd { top: 60px; } .ur-download-item .name { height: 45px; position: relative; overflow: hidden; text-overflow: ellipsis; } .ur-download-item .name a { word-break: break-word; overflow: hidden; text-overflow: ellipsis; font-family: "GillSansC-Bold", "Arial", sans-serif; } .text-block__list-disc { list-style: inside disc; margin-bottom: 20px; } .text-block__list-disc li { list-style: inside disc; font-size: 15px; line-height: 20px; color: #333; width: 100%; } .lk-about-company .square_button, .company-employees-add .square_button { margin: 0 auto; } .prof_L4_katalog_prise_text .left img { max-width: 100%; } span.offer_size { border: solid 1px #d2d2d2; -webkit-border-radius: 20px; border-radius: 20px; padding: 10px; width: 200px; font-size: 12px; color: #000; display: inline-block; text-align: center; } @media (min-width: 1200px) { .lk-hidden-table, .lk-hidden-table2 { max-width: 1170px; top: 5%; left: 50%; margin-left: -585px; position: fixed; z-index: 1000000; } .lk-hidden-table2 { margin-left: -300px; max-width: 600px; } } .contacts_managers_item .name { height: 40px; overflow: hidden; } .prof_news p:not([class]) { font-size: 15px; color: #333; line-height: 18px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 20px; } .prof_news .inner { margin-bottom: 30px; } .table-legal-entities-btn + .square_button { margin-top: 40px; width: auto; display: inline-block; } .invoicing .grid .grid-item-reverse:nth-child(2) { width: 250px } .invoicing .grid .grid-item-reverse:nth-child(1) { width: -webkit-calc(100% - 250px); width: calc(100% - 250px) } @media only screen and (max-width: 767px) { .content { margin-top: 70px } } .color-check { background-position: center center !important; background-size: contain !important; } .buy span:before { content: 'Заказать'; display: block; } .buy.buyed span:before { content: 'В корзине'; display: block; } @media (min-width: 768px) { .desktop-hide { display: none !important; } } .dd_main_menu .item ul { margin-bottom: 50px; } .configurator-title--check.disabled { opacity: 0.4; cursor: default; } .configurator-color__circle.black { background-color: #000; } .configurator-color__circle.white { background-color: #fff; } .configurator-color { width: 33.3%; } .configurator-image__inner { padding: 0; } #manager textarea.err { border:1px solid red; } .dd_choose_city .dd_search_city-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; width: calc(100% - 200px); } .dd_choose_city .dd_search_city-list li { width: 100%; padding-left: 10px; margin: 5px 0; } .dd_choose_city .dd_search_city-list a { font-size: 15px; color: #959595; } .dd_choose_city .dd_search_city-list a:hover { color: #4470a9 } .dd_choose_city .dd_search_city-list a strong { color: #4470a9; font-weight: bold; } .was-found-category-item { cursor: pointer; border-bottom: 1px dotted currentColor; } .was-found-category-item.active { color: #4470a9; } .prof_news .text img { max-height: 100%; height: auto; } .archive .now { padding-top: 6px; } .some_class_item ul li a { font-size: 14px; font-family: "GillSansS", "Arial", sans-serif; } .no_link { cursor: default; } #employeeAdd .message { text-align: center; margin: 10px 0; } .col_top { vertical-align: top !important; } @media (max-width: 767px) { .youtube { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .colored { color: #4470a9; } @media only screen and (min-width: 1024px) { .composition .img { background-size: 100% !important; background-position: center top !important; } } .hidden_slider_box .prof_catalog_box { z-index: 9; } .gif { position: relative; display: inline-block; } .gif{ cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .gif:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 100px; width: 100px; -webkit-background-size: cover; background-size: cover; z-index: 10; transition: none; background-image: url('/local/templates/main_kz/css/../images/gif/play.png'); opacity: 1; } .gif img { opacity: 1; transition: none; } .gif.play:not(.loading):after { opacity: 0; } .gif.loading { opacity: .7; } .gif.loading:after { background: url('/local/templates/main_kz/css/../images/gif/loading.gif') transparent no-repeat center center; } .gif.loading img { opacity: 0; } @media screen and (max-width: 768px) { .gif:after, .play.gif:after { height: 60px; width: 60px; } } .tab_links .round_btn { color: #FFF; height: auto; border: 0; margin-bottom: 0; background: #4470a9; } .tab_links [data-tabLinks] { padding-top: 10px; } @media screen and (max-width: 768px) { .tab_links [data-tabLinks] { width: 250px; margin-bottom: 10px; text-align: center; } } .paginator li a { line-height: 28px; } .archive .dd_archive_block { max-height: 260px; overflow-y: auto; } .basket-bottom-info-top .right .percent { font-family: "GillSansC", "Arial", sans-serif; color: #4470a9; font-size: 24px; line-height: 24px; font-weight: normal; position: absolute; right: 0; bottom: -4px; } .basket-bottom-info-top .right .percent-block { position: relative; padding-right: 68px; } .some_class_item .img { max-height: none; } /* End */ /* Start:/local/css/custom.css?164788115136*/ .descr_tbl { border: solid 4px; } /* End */ /* Start:/local/templates/main_kz/styles.css?164788115227*/ .max_width { width: 100%; } /* End */ /* Start:/local/templates/main_kz/template_styles.css?175247509239436*/ .header_kz { position: fixed; width: 100%; height: 170px; z-index: 9; } .header-top-left-block { display: inline-block; } .header-top-text-block { font-size: 15px; line-height: 20px; font-family: "GillSansC", "Arial", sans-serif; color: #4470a9; } .top_contact_img { margin-right: 10px; } .stock_actual_block { bottom: 5px; position: relative; margin-left: 20px; } .price_actual_block { margin-right: 40px; } .kz_no_sp { display: inherit; } .feedback_section { height: 220px; } .feedback_section_contact { height: 130px; margin-bottom: 0px; } .contacts { margin-bottom: 160px; } .feedback_block { margin: 0 auto; width: 310px; } .bottom_contact_img { margin: 0 30px; } .contacts_managers_item { width: 250px; } .top_contact_block_phone { position: absolute; top: 5px; left: 115px; font-size: 17px; font-family: "GillSansC", "Arial", sans-serif; background: #fff; z-index: 1; line-height: 35px; width: 145px; } .top_contact_phone_sp { display: none; } .top_contact_phone_dt { cursor: pointer; } .content { position: relative; top: 170px; } #basket .headcatalog { text-align: center; margin-bottom: 30px; } /****************** start basket *******************/ .basket-bottom-info { margin-top: 90px; padding-top: 30px; border-top: 2px solid #b7b7b7 } @media only screen and (max-width: 767px) { .basket-bottom-info { margin-top: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } .basket-bottom-info .inner { min-height: 80px } @media only screen and (max-width: 499px) { .basket-bottom-info .inner { min-height: inherit } } .basket-bottom-info .square_button { margin-top: 25px } .basket-bottom-info-top { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 80px; text-align: left; } @media only screen and (max-width: 979px) { .basket-bottom-info-top { width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 50px } } @media only screen and (max-width: 767px) { .basket-bottom-info-top { width: 100% } } .basket-bottom-info-top .left { width: 45% } /* @media only screen and (max-width: 1024px) { .basket-bottom-info-top .left { width: 45% } } @media only screen and (max-width: 979px) { .basket-bottom-info-top .left { width: 100%; margin-bottom: 50px } } */ .basket-bottom-info-top .left .inner { 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 } @media only screen and (max-width: 979px) { .basket-bottom-info-top .left .inner { min-height: inherit; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } } .basket-bottom-info-top .left .text { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); font-size: 13px; line-height: 1.2; text-transform: uppercase; font-family: "HelveticaNeueCyr-Bold", "Arial", sans-serif } .basket-bottom-info-top .left .percent { width: 80px; color: #72b62d; text-align: right; font-size: 32px } .basket-bottom-info-top .left .wrap-btn { text-align: right } @media only screen and (max-width: 979px) { .basket-bottom-info-top .left .wrap-btn { margin-top: 25px } } .basket-bottom-info-top .left .square_button { display: inline-block; vertical-align: top; width: 270px } .basket-bottom-info-top .right { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* @media only screen and (max-width: 1024px) { .basket-bottom-info-top .right { width: 46% } } @media only screen and (max-width: 979px) { .basket-bottom-info-top .right { width: 100% } } @media only screen and (max-width: 979px) { .basket-bottom-info-top .right .square_button { margin-top: 25px } } @media only screen and (min-width: 500px) { .basket-bottom-info-top .right .square_button-hidden { display: none } } .basket-bottom-info-top .right .item:nth-child(1) { width: 47% } @media only screen and (max-width: 499px) { .basket-bottom-info-top .right .item:nth-child(1) { width: 100%; margin-bottom: 10px } .basket-bottom-info-top .right .item:nth-child(1) .square_button { display: none } } .basket-bottom-info-top .right .item:nth-child(2) { width: 44% } @media only screen and (max-width: 499px) { .basket-bottom-info-top .right .item:nth-child(2) { width: 100% } } */ .basket-bottom-info-top .right .total { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .basket-bottom-info-top .right .total .total-text { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 17px } .basket-bottom-info-top .right .total .new { display: block; font-size: 28px; font-family: "JostRegular", sans-serif; text-align: right; white-space: nowrap; margin-left: 10px; } .basket-bottom-info-top .right .total .rouble { font-size: 13px; color: #898989 } .basket-bottom-info-top .right strong { display: block; text-transform: uppercase; font-family: "HelveticaNeueCyr-Bold", "Arial", sans-serif; font-size: 11px; margin-bottom: 10px } .basket-bottom-info-top .right .wrap-price { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .basket-bottom-info-top .right .wrap-price .price { width: 48% } .basket-bottom-info-top .right .wrap-price .new { color: #72b62d; font-size: 28px } .basket-bottom-info-top .right .wrap-price .rouble { font-size: 13px; color: #898989 } .basket-bottom-info-top .right .wrap-price .old { width: 48%; font-size: 22px; text-align: right; text-decoration: line-through } .basket-bottom-info-top .right .wrap-price--with-out-old-price { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-bottom-info-top .right .wrap-price--with-out-old-price .price { width: 100%; text-align: right } .basket-bottom-info-top .right .text { font-size: 16px; line-height: 20px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-top: 15px } .basket-bottom-info-top .right .text a { text-decoration: underline } .basket-bottom-info-top .right .text a:hover { text-decoration: none } .basket-hidden-table-small { display: none; width: 466px; margin-top: 15px; margin-bottom: 15px } @media only screen and (max-width: 1100px) { .basket-hidden-table-small { width: 440px } } .basket-hidden-table-small .tr-small { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px; background: #FFF; font-size: 15px; font-family: "HelveticaNeueCyr-Thin", "Arial", sans-serif; color: #626262; margin-bottom: 0 } .basket-hidden-table-small .tr-small:nth-child(odd) { background: #f9f9f9 } .basket-hidden-table-small .td-small:nth-child(1) { width: 255px } .basket-hidden-table-small .td-small:nth-child(2) { width: 140px } .basket-hidden-table { display: none; width: 70%; margin-top: 15px; margin-bottom: 15px } .basket-hidden-table .tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 15px; background: #FFF; font-size: 15px; font-family: "HelveticaNeueCyr-Thin", "Arial", sans-serif; color: #626262; margin-bottom: 0 } .basket-hidden-table .tr:nth-child(odd) { background: #f9f9f9 } .basket-hidden-table .td:nth-child(1) { width: 32% } .basket-hidden-table .td:nth-child(2) { width: 24% } .basket-hidden-table .td:nth-child(3) { width: 30%; padding-left: 35px } .basket-hidden-table .wrap-basket-hidden-table-img { width: 100px; height: 75px; text-align: center } .basket-hidden-table .basket-hidden-table-img { height: 75px; display: inline-block; vertical-align: middle; background: #FFF; border: 1px solid #d2d2d2; padding: 8px } .basket-hidden-table .basket-hidden-table-img img { display: inline-block; vertical-align: middle; height: 100% } .basket-hidden-table .name { display: block; font-size: 11px; margin-bottom: 10px } .basket-hidden-table .size { display: block; font-size: 13px; font-family: "HelveticaNeueCyr-Thin", "Arial", sans-serif; color: #626262; margin-bottom: 10px } .basket-hidden-table .rouble { margin-top: 10px } @media only screen and (max-width: 767px) { .basket-bottom-info-bottom { width: 100%; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 40px } } .basket-bottom-info-bottom textarea { display: inline-block; max-width: 480px; width: 100%; height: 100px } .basket-bottom-info-bottom .text { font-family: "HelveticaNeueCyr-Bold", "Arial", sans-serif; text-transform: uppercase; font-size: 13px; line-height: 1.2; margin-bottom: 10px } .spec { display: inline-block; vertical-align: top; color: #626262; font-family: "HelveticaNeueCyr-Thin", "Arial", sans-serif; font-size: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px dashed #626262 } .spec.open { border-color: rgba(255,255,255,0) } .price-discount { position: absolute; top: -25px; right: -70px; color: #FFF; padding: 5px 5px 0; font-size: 18px; background: #72b62d } /* @media only screen and (max-width: 1023px) { .adaptive-table { width: 1024px } }*/ .adaptive-table .tr { 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; margin-bottom: 35px } .adaptive-table .tr:last-child { margin-bottom: 0 } .adaptive-table .td:nth-child(1) { width: -webkit-calc(28% - 50px); width: calc(28% - 50px) } .adaptive-table .td:nth-child(2) { width: 20%; } .adaptive-table .thead .td:nth-child(2) { width: 20%; padding-left: 50px; box-sizing: border-box; font-weight: bold; } .adaptive-table .td:nth-child(3) { width: 19% } .adaptive-table .thead .td:nth-child(3) { font-weight: bold; } .adaptive-table .td:nth-child(4) { width: 15% } .adaptive-table .thead .td:nth-child(4) { /* padding-left: 42px;*/ box-sizing: border-box; font-weight: bold; } .adaptive-table .td:nth-child(5) { width: 21%; text-align: left; padding-left: 5px; box-sizing: border-box; } .adaptive-table .td:nth-child(6) { width: 50px; text-align: right } .adaptive-table .tr-left { width: 240px; min-width: 240px; } .adaptive-table .thead .tr-left { box-sizing: border-box; padding-left: 16px; font-weight: bold; } .adaptive-table .tr-left .img { width: 240px; } .adaptive-table .tr-left .img a { max-width: 210px; } .adaptive-table .tr-right { width: -webkit-calc(100% - 100px); width: calc(100% - 100px); padding-left: 15px } .adaptive-table .tr-info-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 5px; margin-bottom: 15px } .adaptive-table .thead { font-size: 14px; text-transform: uppercase; font-family: "JostSemiBold", sans-serif; margin-bottom: 45px } .adaptive-table .thead .tr-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .adaptive-table .thead .td:nth-child(1), .adaptive-table .thead .td:nth-child(6) { font-size: 0; color: rgba(255,255,255,0) } .adaptive-table .thead .td span { display: inline-block; vertical-align: middle } .adaptive-table .thead .td img { display: inline-block; vertical-align: middle } .adaptive-table .name { font-size: 18px; font-family: "JostRegular", sans-serif; line-height: 1.2; text-transform: uppercase; padding-right: 15px; margin-bottom: 5px } .adaptive-table .articul { font-size: 16px; color: #626262; font-family: "JostLight", sans-serif } .adaptive-table .articul span { margin-left: 5px; font-family: "JostRegular", sans-serif } .adaptive-table .color { margin-top: 10px; } .adaptive-table .price { font-size: 24px; margin-bottom: 5px; font-family: "JostRegular", sans-serif } .adaptive-table .td:nth-child(5) .rouble { padding-left: 20px; box-sizing: border-box; } @media only screen and (min-width: 720px) { .adaptive-table .price { } .adaptive-table .td:nth-child(5) .price { display: inline-block; text-align: left; width: 167px; } .adaptive-table .td:nth-child(5) .rouble { display: inline-block; text-align: left; padding-left: 0px; width: 167px; } .adaptive-table .td:nth-child(4) .price, .adaptive-table .td:nth-child(2) .price { display: inline-block; text-align: left; width: 150px; } .adaptive-table .td:nth-child(4) .rouble, .adaptive-table .td:nth-child(2) .rouble { display: inline-block; text-align: left; padding-left: 0px; width: 100px; } .basket-bottom-info .right .inner { position: relative; left: -96px; } .basket-bottom-info-top .right .total .rouble { display: inline-block; text-align: right; padding-left: 0px; width: 130px; } } .adaptive-table .rouble { font-size: 15px; color: #686868 } .adaptive-table .total { display: inline-block; vertical-align: top; width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 17px; color: #626262; background: #efefef; border: none; outline: none; } .adaptive-table .delete { display: inline-block; vertical-align: top; width: 32px; height: 32px; display: block; margin: 0 auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #000; -webkit-border-radius: 50%; border-radius: 50%; background: url("/local/templates/main_kz/images/close.png") no-repeat center center/14px } .adaptive-table .share { position: relative } .adaptive-table .share:before { display: block; position: absolute; content: 'АКЦИЯ'; width: 80px; height: 24px; padding-top: 7px; color: #FFF; font-size: 13px; text-align: center; top: 10px; right: -55px; background: #72b62d; z-index: 1 } .adaptive-table .discount { position: relative } .adaptive-table .discount:before { display: block; position: absolute; content: ''; width: 50px; height: 29px; top: 10px; right: -10px; background: url("/local/templates/main_kz/../images/ico_11.png") no-repeat center center; z-index: 1 } .adaptive-table .img { text-align: center } .adaptive-table .gallery { display: inline-block; vertical-align: top } .adaptive-table img { max-width: 100% } .adaptive-table .new-price { position: relative } .adaptive-table .new-price .price, .adaptive-table .new-price .rouble { color: #686868 } .adaptive-table .new-price .price { color: #000; } .adaptive-table .price-discount { right: 20px } .leftmobile { display: none; } @media only screen and (max-width: 767px) { .adaptive-table .price { margin-bottom: 0px; } .basket-bottom-info { margin-top: 10px; } .basket-bottom-info .left .wrap-btn{ display: none; } .basket-bottom-info-top .left { width: 100%; margin-bottom: 10px; display: none; } .basket-bottom-info-top .right .item:nth-child(2) { height: 190px; } .basket-bottom-info-top .right .itembig { height: 240px !important; } .square_button-hidden { display: block; bottom: -50px; position: absolute; text-align: center; } .square_button-hidden span { } .basket-bottom-info-top .leftmobile { display: block; position: relative; } .basket-bottom-info .item { min-height: 0 !important; } .basket-bottom-info-top .leftmobile .percent-block { font-size: 11px; font-weight: 300; text-transform: none; /*font-family: "HelveticaNeueCyr-Bold", "Arial", sans-serif; */ line-height: 1.2; color: #000; } .basket-bottom-info-top .leftmobile .percent { font-size: 20px; top: 0px; } .adaptive-table { width: 100%; } .adaptive-table .tr { display: block; margin-bottom: 10px; position: relative; padding: 0 0 10px 0; /*border-bottom: 1px solid #ddd;*/ } .adaptive-table .tr-left { width: 100%; display: block; } .adaptive-table .tr-left .img { width: 100%; } .adaptive-table .tr-left .img a { max-width: 210px; } .adaptive-table .td { float: left; } .adaptive-table .td:nth-child(1) { width: 100%; padding: 0 0 5px 0; display: block; clear: both; } .adaptive-table .td:nth-child(2) { width: 100px !important; /*float: right; right: 110px; */ position: relative; display: inline-block; } .adaptive-table .td:nth-child(2) .price:before { content: "Цена:"; display: block; font-size: 11px; color: #ccc; } .adaptive-table .td:nth-child(3) { width: 110px !important; display: inline-block; } .adaptive-table .td:nth-child(3):before { content: "Количество:"; display: block; font-size: 11px; color: #ccc; } .adaptive-table .td:nth-child(4) { width: 100px !important; /* float: right; left: 110px;*/ position: relative; display: inline-block; } .adaptive-table .td:nth-child(4) .price:before { content: "Сумма:"; display: block; font-size: 11px; color: #ccc; } .adaptive-table .td:nth-child(5) { width: 100% !important; text-align: left; clear: both; padding: 10px 25px 0 0; } .adaptive-table .td:nth-child(5) p { display: block; } .adaptive-table .td:nth-child(5) p.price:before{ content: "Сумма со скидкой:"; display: block; float: left; height: 50px; width: 120px; } .adaptive-table .td:nth-child(6) { position: absolute; top: 0; right: 0; width: 50px; text-align: right; clear: both; } .adaptive-table .tr-right { display: block; width: 100%; padding-left: 5px; } .adaptive-table .tr-info-top { overflow: auto; display: block; float: none; padding-top: 5px; margin-bottom: 15px; clear: both; } .adaptive-table .thead { display: none; font-size: 12px; text-transform: uppercase; font-family: "HelveticaNeueCyr-Bold", "Arial", sans-serif; margin-bottom: 5px } .adaptive-table .thead .tr-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .adaptive-table .thead .td:nth-child(1), .adaptive-table .thead .td:nth-child(6) { font-size: 0; color: rgba(255,255,255,0) } .adaptive-table .thead .td span { display: inline-block; vertical-align: middle } .adaptive-table .thead .td img { display: inline-block; vertical-align: middle } .adaptive-table .name { font-size: 15px; line-height: 1.2; text-transform: uppercase; padding-right: 15px; margin-bottom: 5px } .adaptive-table .articul { font-size: 15px; color: #626262; font-family: "HelveticaNeueCyr-Thin", "Arial", sans-serif } .adaptive-table .articul span { margin-left: 5px; font-family: "HelveticaNeueCyr", "Arial", sans-serif } .adaptive-table .color { margin-top: 10px; } .adaptive-table .price { font-size: 14px; margin-bottom: 0px; color: #000; } .adaptive-table .rouble { font-size: 13px; color: #888 } .adaptive-table .total { display: inline-block; vertical-align: top; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #626262; background: #efefef } .adaptive-table .delete { display: inline-block; vertical-align: top; width: 32px; height: 32px; display: block; margin: 0 auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #000; -webkit-border-radius: 50%; border-radius: 50%; background: url("/local/templates/main_kz/images/close.png") no-repeat center center/14px } .adaptive-table .share { position: relative } .adaptive-table .share:before { display: block; position: absolute; content: 'АКЦИЯ'; width: 80px; height: 24px; padding-top: 7px; color: #FFF; font-size: 13px; text-align: center; top: 10px; right: -55px; background: #72b62d; z-index: 1 } .adaptive-table .discount { position: relative } .adaptive-table .discount:before { display: block; position: absolute; content: ''; width: 50px; height: 29px; top: 10px; right: -10px; background: url("/local/templates/main_kz/../images/ico_11.png") no-repeat center center; z-index: 1 } .adaptive-table .img { text-align: center } .adaptive-table .gallery { display: inline-block; vertical-align: top } .adaptive-table img { max-width: 100% } } .basket-bottom-info-top form { width: 100%; } .basket-bottom-info-top .left { display: inline-block; width: calc(65% - 110px); margin-right: 100px; } .basket-bottom-info-top .right { display: inline-block; width: 35%; vertical-align: top; } .cart_link { display: block; font-size: 16px; margin-top: 15px; text-transform: none; text-decoration: underline; font-family: "JostMedium", sans-serif; } .basket-bottom-info-top .head_text { font-size: 16px; text-transform: uppercase; font-family: "GillSansC", sans-serif; margin-right: 20px; white-space: nowrap; } .basket-bottom-info-top .head_text_top { font-family: "GillSansC-Bold", sans-serif; } .basket-bottom-info-top .small_text { font-size: 16px; line-height: 20px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin: 15px 0; } .basket-bottom-info-top .small_text span { text-decoration: underline; font-family: "HelveticaNeueCyr-Bold", "Arial", sans-serif; cursor: pointer; } .basket-bottom-info-top input, .basket-bottom-info-top textarea { width: 480px; margin: 10px 0; } .privacy_blk { display: none; } #cart_send_dt, #cart_info_dt { display: block; } #cart_send_tb, #cart_info_tb { display: none; } .solo_basket_item_info { width: 480px; display: inline-block; } .solo_basket_item_info .img { width: 250px; display: inline-block; vertical-align: top; } .solo_basket_item_info_data { width: 220px; display: inline-block; } .solo_basket_item_price { /*width: 540px;*/ display: inline-block; vertical-align: top; margin-top: 10px; } .solo_basket_item_price_td { display: inline-block; vertical-align: top; width: 155px; } .solo_basket_item_del { display: inline-block; vertical-align: top; margin-top: 10px; } /* @media only screen and (max-width: 1426px) { .solo_basket_item_info_head { font-size: 13px; font-family: "JostSemiBold", sans-serif; margin-bottom: 10px; color: #999; display: block !important;} .solo_basket_item_price { display: block; } .solo_basket_item_price_td.hasdisc { margin-bottom: 20px; } .solo_basket_item { position: relative; } .solo_basket_item_del { position: absolute; left: 500px; top: 50px; } .solo_basket_item_del.hasdisc { left: 600px; } .basket-bottom-info-top .right { width: 100%; } .solo_prod_content_blk { min-height: 440px; } }*/ @media only screen and (max-width: 767px) { .solo_basket_item_del { position: inherit; margin: 30px auto 0; width: 100%; } .solo_basket_item_info { width: 470px; } .solo_basket_item_info .img { width: 180px; } .solo_basket_item_info_data { width: 245px; } .solo_basket_item_price_td { width: 115px; } .solo_basket_item_price_td.hasdisc { width: 115px; } .solo_basket_item_del { left: 0px; top: 0px; } .solo_basket_item_del.hasdisc { left: 0px; top: -15px; } .txt_agreement { margin-top: 12px; } .small_text.agreement_blk { margin-bottom: 30px; font-size: 14px; } .agreement_blk .txt_agreement { font-size: 13px; margin: 0px; } .basket-bottom-info-top .head_text { font-size: 17px; margin-right: 5px; white-space: normal; width: 150px; } .basket-bottom-info-top input, .basket-bottom-info-top textarea { width: 265px !important; } .cart-no-products .text { margin-top: 40px; } .solo_prod_content_blk { min-height: 300px; } .adaptive-table .price { font-size: 19px; } .basket-bottom-info-top .right .text { width: 460px; } } @media only screen and (max-width: 530px) { .solo_basket_item_del { position: inherit; margin: 30px auto 0; width: 100%; } .solo_basket_item_info { width: 350px; } .solo_basket_item_info .img { width: 135px; } .solo_basket_item_info_data { width: 200px; } .solo_basket_item_price_td { width: 115px; } .solo_basket_item_price_td.hasdisc { width: 115px; } .solo_basket_item_del { left: 0px; top: 0px; } .solo_basket_item_del.hasdisc { left: 0px; top: -15px; } .txt_agreement { margin-top: 12px; } .small_text.agreement_blk { margin-bottom: 30px; font-size: 14px; } .agreement_blk .txt_agreement { font-size: 13px; margin: 0px; } .basket-bottom-info-top .head_text { font-size: 11px; margin-right: 5px; white-space: normal; width: 90px; } .basket-bottom-info-top input, .basket-bottom-info-top textarea { width: 200px !important; } .cart-no-products .text { margin-top: 40px; } .solo_prod_content_blk { min-height: 300px; } .adaptive-table .price { font-size: 14px; } .basket-bottom-info-top .right .text { width: 330px; } .lk-hidden-table2 { width: calc(100% - 50px); } } /************** end basket ***************/ /********* content start *********/ .solo_no_dt, .solo_no_dt_blk { display: none; } .solo_dt_only { display: inherit; } .solo_no_tb { display: inherit; } .solo_tb_only { display: none; } .solo_no_sp { display: inherit; } .solo_sp_only { display: none; } .linked_head { padding-top: 70px; } .basket-bottom-info-top .left .square_button { display: inline-block; vertical-align: top; width: 270px } .basket-bottom-info-top .right { 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; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 50% } .basket-bottom-info-top .right .total { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .basket-bottom-info-top .right .total .total-text { text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 17px } .basket-bottom-info-top .right .total .new { display: block; font-size: 28px; font-family: "JostRegular", sans-serif; text-align: right; white-space: nowrap; margin-left: 10px; } .basket-bottom-info-top .right .total .rouble { font-size: 13px; color: #898989 } .basket-bottom-info-top .right strong { display: block; text-transform: uppercase; font-family: "HelveticaNeueCyr-Bold", "Arial", sans-serif; font-size: 11px; margin-bottom: 10px } .basket-bottom-info-top .right .wrap-price { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .basket-bottom-info-top .right .wrap-price .price { width: 48% } .basket-bottom-info-top .right .wrap-price .new { color: #72b62d; font-size: 28px } .basket-bottom-info-top .right .wrap-price .rouble { font-size: 13px; color: #898989 } .basket-bottom-info-top .right .wrap-price .old { width: 48%; font-size: 22px; text-align: right; text-decoration: line-through } .basket-bottom-info-top .right .wrap-price--with-out-old-price { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .basket-bottom-info-top .right .wrap-price--with-out-old-price .price { width: 100%; text-align: right } .basket-bottom-info-top .right .text { font-size: 16px; line-height: 20px; font-family: "GillSansLightC", "Arial", sans-serif; color: #626262; margin-top: 15px } .basket-bottom-info-top .right .text a { text-decoration: underline } .basket-bottom-info-top .right .text a:hover { text-decoration: none } .square_button.drop { position:absolute; width:200px; bottom:-90px; } .hidden_btn { display: none !important; } .hidden_btn.exp_not_send { display: block !important; } .square_button.exp_not_send { border: 1px solid #CCC; color: #CCC; cursor: normal; } .exp_not_send:hover { background: #FFF; color: #CCC; } .basket-bottom-info-top .right { display: inline-block; width: 35%; vertical-align: top; } .basket-bottom-info-top .right { position: absolute; right: 0; } .exp_send_order { width: 200px !important; } .square_button.exp_not_send span { background: url("/local/templates/main_kz/images/arrow_right_grey.png") no-repeat right; } .prof_catalog_box .price .square_button { width: 130px; } .square_button { padding: 0 5px; } .basket-bottom-info-saleout { margin-bottom: 20px; font-family: "GillSansLightC", "Arial", sans-serif; } @media only screen and (max-width: 1200px) { .header_top .left { width: -webkit-calc(50% - 110px); width: calc(50% - 110px); } .top_contact_block_phone { left: 130px; } .solo_basket_item_info { width: 420px; } .solo_basket_item_info .img { width: 200px; } .solo_basket_item_info_data { width: 210px; } .adaptive-table .td:nth-child(3) { width: 15%; } .solo_basket_item_price_td { width: 135px; text-align: center; } .adaptive-table .delete { margin-left: 10px; } .basket-bottom-info-top .left { width: 55%; } .basket-bottom-info-top input, .basket-bottom-info-top textarea { width: 360px; } .basket-bottom-info-top .right { right: 20px; width: 30%; } } @media only screen and (max-width: 767px) { .header_kz { height: 100px; } .header_top { width: 375px; position: relative; margin: 0 auto; height: 100px; } .hamburger { position: absolute; z-index: 99; top: 12px; right: 7px; } .top_contact_img { margin-right: 5px; } .top_contact_phone_dt { display: none; } .top_contact_phone_sp { display: inherit; } .top_contact_block img { width: 37px; } .kz_no_sp { display: none; } .header-top-text-block { position: absolute; left: 7px; top: 60px; } .stock_actual_block { top: 40px; margin: 0; } .wrap { padding: 0 10px; } .header_top .left { width: -webkit-calc(50% - 85px); width: calc(50% - 85px); text-align: left; } .header_top .right { width: -webkit-calc(50% - 75px); width: calc(50% - 75px); } .header_top .cart_block { margin-right: 75px; } .search_block { position: absolute; display: block !important; top: 9px; right: 45px; } .search_form { width: 330px; top: -12px; right: -3px; -webkit-border-radius: 30px; border-radius: 30px; padding: 6px 16px; } .search_form input[type="text"] { height: 30px; } .content { top: 40px; } .contacts { margin: 0 10px 40px 10px; } .footer .wrap { padding: 0 10px; } .solo_no_dt_blk { display: inherit; } .solo_basket_item { width: 375px; margin: 0 auto; } .solo_basket_item_info { width: 370px; } .solo_basket_item_info .img { width: 300px; display: block; margin: 0 auto; } .solo_basket_item_info_data { width: 100%; } .solo_basket_item_info_head { font-size: 13px; font-family: "GillSansLightC", "Arial", sans-serif; margin-bottom: 10px; display: block !important;} .solo_basket_item_price_td { text-align: left; } .adaptive-table .delete { margin: 0 auto; } .basket-bottom-info { width: 370px; margin: 0 auto; position: relative; } .basket-bottom-info-top .right { left: 0; width: 350px; } .basket-bottom-info-top .left { width: 100%; margin: 150px 0 0; } .square_button.drop { top: 580px; } .basket-bottom-info-top .head_text { width: 130px; } .basket-bottom-info-top .head_text { font-family: "GillSansC-Bold", sans-serif; } .basket-bottom-info-top .right .text { font-size: 14px; } .basket-bottom-info-saleout { line-height: 20px; } .basket-bottom-info-top input, .basket-bottom-info-top textarea { width: 220px !important; height: auto; } } #cart_send_dt { text-align: center; } .email_warn, .basket_confirm_txt { font-family: "GillSansLightC", "Arial", sans-serif; line-height: 16px; } .basket_confirm_sms_layer, .basket_confirm_email_layer { display: none; } .basket_confirm_blk { width: 570px; margin: 0 auto; } .basket_confirm_h1 { text-align: center; text-transform: uppercase; font-family: "GillSansC-Bold", "Arial", sans-serif; font-size: 24px; line-height: 40px; margin-bottom: 20px; } .basket_confirm_h2 { text-align: center; font-size: 16px; margin-bottom: 20px; } .basket_confirm_txt { line-height: 20px; margin: 20px 0; } .check_fld { width: 150px; margin: 0 20px; } .check_btn { width: 160px !important; display: inline-block !important; } .err_info { color: red; text-align: center; display: none; } .basket_confirm_txt a { text-decoration: underline; font-family: "GillSansLightC", "Arial", sans-serif; } @media only screen and (max-width: 767px) { .basket_confirm_blk { width: 365px; margin: 40px auto; } .basket_confirm_txt { text-align: left; } .check_btn { display: block !important; position: relative !important; right: -65px !important; bottom: -5px !important; } } .solo_offer_info_blk { position: absolute; width: 100%; font-size: 17px; } .solo_offer_order { display: inline-block; font-family: GillSansC; color: #fff; background: #4470a9; padding: 5px 10px; margin-left: 40px; } .solo_offer_txt { font-family: GillSansC; color: #4470a9; padding: 5px 40px; display: inline-block; line-height: 15px; } .solo_offer_txt.offer_order { width: 250px; vertical-align: bottom; padding: 0px 10px; } /* End */ /* /local/templates/main_kz/css/lib/normalize.min.css?16478811522802 */ /* /local/templates/main_kz/css/lib/dropdown.css?16478811524449 */ /* /local/templates/main_kz/css/lib/tooltipster.bundle.min.css?16478811527325 */ /* /local/templates/main_kz/css/lib/tipped.css?164788115212633 */ /* /local/templates/main_kz/css/lib/jquery.fancybox.min.css?164788115214065 */ /* /local/templates/main_kz/css/main.css?1722944300338254 */ /* /local/templates/main_kz/css/override.css?169501818029271 */ /* /local/css/custom.css?164788115136 */ /* /local/templates/main_kz/styles.css?164788115227 */ /* /local/templates/main_kz/template_styles.css?175247509239436 */