/* Start:/assets/style/slick.css?15913371111311*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;cursor:hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .slick-track{position:relative;top:0;left:0;display:block;} .slick-track:before, .slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden{display:none;} /* End */ /* Start:/assets/style/tiny-slider.css?16254935052178*/ .tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left} /*# sourceMappingURL=sourcemaps/tiny-slider.css.map */ /* End */ /* Start:/assets/style/normalize.min.css?15913371112002*/ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* End */ /* Start:/assets/style/jquery-ui.css?15913371118608*/ /*! jQuery UI - v1.12.1 - 2017-04-15 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-datepicker { padding: 8px 20px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; cursor: pointer; width: 10px; height: 10px; top: 50%; margin-top: -8px; border-top: 2px solid #292b33; border-right: 2px solid #292b33; } .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover { background-color: transparent; border-top-color: #fa813f; border-right-color: #fa813f; } .ui-datepicker .ui-datepicker-prev { left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .ui-datepicker .ui-datepicker-next { right: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { background-color: transparent; border: none; padding: 0; height: auto; } .ui-datepicker select.ui-datepicker-month { float: left; width: 100px; } .ui-datepicker select.ui-datepicker-year { float: right; text-align: right; width: 65px; } .ui-datepicker select option { color: #999fa5; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker tr { border-bottom: 1px solid #5f6973; } .ui-datepicker tr:last-child { border-bottom: none; } .ui-datepicker th { padding: 4px 2px; text-align: center; font-weight: bold; border: 0; border-bottom: 1px solid #5f6973; } .ui-datepicker td { border: 0; padding: 4px 2px; text-align: center; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-decoration: none; } .ui-datepicker-week-end { color: #fa813f; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /* Component containers ----------------------------------*/ .ui-widget-content { background: #fff; color: #292b33; font-size: 15px; border: 1px solid #fa813f; } .ui-widget-content a { color: inherit; } .ui-widget-header { font-size: 17px; color: #fa813f; text-align: center; } .ui-widget-header a { color: #333333; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-hover { background-color: #fa813f; color: #fff !important; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Misc visuals ----------------------------------*/ /* Corner radius */ /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/assets/style/main.css?176951528181074*/ @font-face { font-family: 'Circe-Regular'; src: url('/assets/style/../fonts/Circe-Regular/Circe-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/style/../fonts/Circe-Regular/Circe-Regular.otf') format('opentype'), url('/assets/style/../fonts/Circe-Regular/Circe-Regular.woff') format('woff'), url('/assets/style/../fonts/Circe-Regular/Circe-Regular.ttf') format('truetype'), url('/assets/style/../fonts/Circe-Regular/Circe-Regular.svg#Circe-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Circe-Bold'; src: url('/assets/style/../fonts/Circe-Bold/Circe-Bold.eot?#iefix') format('embedded-opentype'), url('/assets/style/../fonts/Circe-Bold/Circe-Bold.otf') format('opentype'), url('/assets/style/../fonts/Circe-Bold/Circe-Bold.woff') format('woff'), url('/assets/style/../fonts/Circe-Bold/Circe-Bold.ttf') format('truetype'), url('/assets/style/../fonts/Circe-Bold/Circe-Bold.svg#Circe-Bold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* GLOBAL */ body { background-color: #f7f7f7; color: #292b33; font: 16px/1.313 'Circe-Regular', sans-serif; position: relative;file-upload } ul { margin: 0 0 20px; } ul:last-child { margin-bottom: 0; } img { vertical-align: middle; /* max-width: 100%; Yandex map don't work */ height: auto; } a { color: #fa813f; text-decoration: none; -webkit-transition: all .3s; transition: all .3s; } a:hover { color: #faac3d; } h1, .heading-1 { font-size: 36px; line-height: 1.2; margin: 0 0 30px; font-weight: normal; } p { margin: 0 0 20px; } p:last-child { margin-bottom: 0; } time { color: #969696; } table { font-size: 14px; width: 100%; text-align: center; } table th, table td { border: 1px solid #dcdcdc; } table th { background-color: #fff; padding: 15px 10px; color: #969696; font-family: 'Circe-Bold', sans-serif; font-weight: normal; } table th span { font-family: 'Circe-Regular', sans-serif; } table td { padding: 8px 10px; } input, textarea, select { box-sizing: border-box; outline: none; } input:not([type="submit"]), textarea, select { height: 28px; border: 1px solid #b6b6b6; border-radius: 4px; background-color: #fff; padding: 0 12px; } input:not([type="submit"]) { height: 28px; padding: 0 12px; } input[type="submit"], .btn { height: 38px; background-color: #fa813f; text-transform: uppercase; color: #fff; font-size: 14px; font-family: 'Circe-Bold', sans-serif; padding: 0 20px; border-radius: 50px; } input[type="submit"]:hover, .btn:hover { background-color: #faac3d; color: #fff; } input[type="submit"] { border: none; -webkit-transition: all .3s; transition: all .3s; } textarea { height: 75px; padding: 10px 12px; } select { background: #fff url('/assets/style/../images/select-arrow.png') no-repeat 97% center; /*line-height: 1em;*/ text-indent: 0.01px; text-overflow: ''; -webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important; padding: 0 20px 0 12px; } select::-ms-expand { display: none; } .btn { display: inline-block; line-height: 40px; } .btn .aligner { line-height: 1; } /* COMMON */ .clearfix:before, .row:before, .clearfix:after, .row:after { content: ""; display: table; } .clearfix:after, .row:after { clear: both; } .row { margin: 0 -12px; } .left { float: left; } .right { float: right; } .table { display: table; width: 100%; } .table-row { display: table-row; } .table-cell { display: table-cell; vertical-align: middle; } .uppercase { text-transform: uppercase; } .aligner { display: inline-block; line-height: normal; vertical-align: middle; } .icon { position: relative; } .icon:before { content: ''; position: absolute; background: url(/assets/style/../images/icons.png) no-repeat; } .wrapper { min-height: calc(100vh - 435px); } .container-main, .container { margin: auto; } .container-main { max-width: 1480px; padding: 0 20px; } .container { max-width: 1200px; padding: 0 20px 0 85px; } .content { padding: 22px 0 50px; } .content-block { margin-bottom: 27px; } .content-block:last-child { margin-bottom: 0; } .table-container { overflow-x: auto; margin-bottom: 30px; } .table-container:last-child { margin-bottom: 0; } :focus::-webkit-input-placeholder { color: transparent; } :focus::-moz-placeholder { color: transparent; } :focus:-ms-input-placeholder { color: transparent; } input[placeholder] { text-overflow: ellipsis; } input::-moz-placeholder { text-overflow: ellipsis; } input:-moz-placeholder { text-overflow: ellipsis; } input:-ms-input-placeholder { text-overflow: ellipsis; } ::-webkit-input-placeholder { color: #979797; } ::-moz-placeholder { color: #979797; } /* Firefox 19+ */ :-moz-placeholder { color: #979797; } /* Firefox 18- */ :-ms-input-placeholder { color: #979797; } /* HEADER-MAIN */ .header-main { height: 92px; line-height: 92px; background-color: #fff; position: relative; z-index: 25; } .header-logo, .header-phone { display: inline-block; vertical-align: middle; } .header-logo { width: 246px; margin-right: 90px; } .header-phone { font: 24px/1 'Circe-Bold', sans-serif; } .header-phone a { color: #292b33; display: block; margin-bottom: 10px; } .header-phone a:last-child { margin-bottom: 0; } .header-menu { float: right; padding: 0; margin: 0; list-style: none; } .header-menu li, .header-menu a { display: inline-block; vertical-align: middle; } .header-menu li:last-child a { margin-right: 0; } .header-menu a { min-width: 185px; box-sizing: border-box; text-align: center; padding: 0 20px; height: 38px; border-radius: 50px; background-color: #fa813f; color: #fff; text-transform: uppercase; font: 14px/40px 'Circe-Bold', sans-serif; margin: 0 5px; } .header-menu a:hover { background-color: #faac3d; } /* NAV-MAIN */ .nav-main-wrap { position: absolute; height: 100%; box-sizing: border-box; padding-top: 92px; z-index: 20; top: 0; left: 0; background-color: #292b33; overflow: hidden; max-width: 370px; display: flex; flex-direction: column; } .nav-main-wrap.fixed .nav-main { max-height: unset; } .nav-main-wrap ul { margin: 0; list-style: none; } .hamburger-icon { width: 67px; box-sizing: border-box; padding: 37px 22px 30px 22px; border: none; background-color: transparent; outline: none; flex-shrink: 0; } .hamburger-icon span, .hamburger-icon span:after, .hamburger-icon span:before { position: relative; background-color: #fff; width: 100%; height: 4px; display: block; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .hamburger-icon span:after, .hamburger-icon span:before { content: ''; } .hamburger-icon span:before { top: -8px; -webkit-transition: top 0.1s ease-in 0.34s, opacity 0.1s ease-in; transition: top 0.1s ease-in 0.34s, opacity 0.1s ease-in; } .hamburger-icon span:after { bottom: -4px; -webkit-transition: bottom 0.1s ease-in 0.34s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s ease-in 0.34s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s ease-in 0.34s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s ease-in 0.34s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .nav-main { flex-grow: 1; max-height: calc(100vh - 163px); padding: 0; overflow: hidden auto; } .nav-main a { display: block; color: #fff; position: relative; } .nav-main > li:hover { background-color: #fa813f; } .nav-main > li:hover.has-submenu span:after { border-top-color: #292b33; border-right-color: #292b33; } .nav-main > li:nth-last-child(-n+2) > a { color: #f87f3d; } .nav-main > li:nth-last-child(-n+2) > a:hover { background-color: #fff; } .nav-main > li:nth-last-child(2) { margin-top: 31px; } .nav-main > li > a { font-family: 'Circe-Bold', sans-serif; padding: 9px 3px 9px 18px; min-height: 48px; box-sizing: border-box; line-height: 30px; } .nav-main > li img { float: left; } .nav-main .title { padding: 0 55px 0 20px; display: none; position: relative; overflow: hidden; } .nav-main .aligner { line-height: 1.1; } .has-submenu.active { background-color: #fa813f; } .has-submenu.active .title:after { border-top-color: #292b33; border-right-color: #292b33; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; } .has-submenu .title:after { content: ''; position: absolute; right: 20px; top: 8px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all .3s; transition: all .3s; } .submenu { padding: 0 0 20px 64px; display: none; } .submenu a { padding: 3px 0; } .submenu a:hover { padding-left: 10px; font-family: 'Circe-Bold', sans-serif; } .submenu a:hover:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; } /* BREADCRUMBS */ .breadcrumbs { margin: 0 0 15px; padding: 0; list-style: none; } .breadcrumbs li { display: inline-block; vertical-align: middle; font-size: 14px; color: #969696; padding: 0 14px 0 0; position: relative; } .breadcrumbs li:first-child { padding-left: 0; } .breadcrumbs li:after { content: ''; position: absolute; top: 50%; margin-top: -4px; right: 0; background: url(/assets/style/../images/icons.png) no-repeat -20px -119px; width: 9px; height: 8px; } .breadcrumbs li:last-child:after { display: none; } .breadcrumbs a { display: block; color: #292b33; } .breadcrumbs a:hover { text-decoration: underline; } /* NEWS__BOX */ .news-box-wrap { margin: 0 -6px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news__box { width: 25%; padding: 0 6px; margin-bottom: 16px; box-sizing: border-box; } .news__box-img { text-align: center; } .news__box-inner { background-color: #fff; height: 100%; } .news__box-info { padding: 18px 26px; } .news__box time { display: block; margin-bottom: 6px; } .news__box .title { font-size: 18px; color: #292b33; } .news__box .title a { color: inherit; } .news__box .title a:hover { color: #fa813f; } /* SECTION-LINE-TOP */ .section-line-top { max-width: 1920px; margin: auto; } .slider-main-wrap { width: 71%; float: left; height: 550px; overflow: hidden; } .slider-main .slide { background-repeat: no-repeat; background-position: 100% 0; background-size: cover; height: 550px; position: relative; } .slider-main .text { position: absolute; right: 0; bottom: 75px; text-transform: uppercase; font-size: 48px; width: 404px; margin-left: auto; margin-bottom: 75px; line-height: 1.1; } .nav_slider { width: 90%; float: right; position: relative; } .slick-dots { padding: 0; margin: 0; list-style: none; position: absolute; top: -73px; } .slick-dots li { display: inline-block; width: 11px; height: 11px; border-radius: 50%; overflow: hidden; margin-right: 10px; background-color: #292d2d; } .slick-dots button { border: none; width: 100%; height: 100%; padding: 0; outline: none; background: transparent; text-indent: -9999px; } li.slick-active { background-color: #fff; } .slick-arrow { width: 22px; height: 22px; border: none; border-top: 2px solid #3d4c50; border-right: 2px solid #3d4c50; background-color: transparent; text-indent: -9999px; overflow: hidden; position: absolute; bottom: 130px; z-index: 10; outline: none; } .slick-arrow:hover { border-top-color: #fff; border-right-color: #fff; } .slick-prev { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 0; } .slick-next { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 25px; } .delivery-links { width: 29%; float: left; } .delivery-links a { display: block; height: 275px; width: 100%; font: 24px/1.2 'Circe-Bold', sans-serif; color: #fff; text-align: center; box-sizing: border-box; padding-top: 170px; position: relative; } .delivery-links a:before { content: ''; position: absolute; top: 50px; left: 50%; background: url(/assets/style/../images/link-icons.png) no-repeat; } .delivery-links .item-1 { background-color: #faac3d; } .delivery-links .item-1:hover { background-color: #ffbf63; } .delivery-links .item-1:before { background-position: -1px -97px; width: 92px; height: 98px; margin-left: -55px; } .delivery-links .item-2 { background-color: #fa813f; float: left; width: 50%; } .delivery-links .item-2:hover { background-color: rgba(250,129,63,.8); } .delivery-links .item-2:before { background-position: -1px 0px; width: 108px; height: 96px; margin-left: -54px; } .delivery-links .item-3 { background-color: #ff8e50; float: left; width: 50%; } .delivery-links .item-3:hover { background-color: rgba(255,142,80,.8); } .delivery-links .item-3:before { background-position: 0 -633px; width: 110px; height: 96px; margin-left: -55px; } /* LINKS-BOX */ .links-box .item { float: left; width: 16.666%; box-sizing: border-box; padding: 0 15px; text-align: center; font: 18px/1.335 'Circe-Bold', sans-serif; } .links-box a { color: #292b33; display: block; } .links-box a:hover { color: #fa813f; } .links-box .img { display: block; height: 110px; overflow: hidden; } .links-box .img img { max-height: 100%; } /* SECTION-INFO */ .section-info { background-color: #fff; } .section-info .box { width: 50%; float: left; padding: 50px 0 26px; box-sizing: border-box; } .section-info-block { width: 740px; box-sizing: border-box; padding-right: 63px; float: right; } .section-info-header { margin-bottom: 8px; padding-left: 60px; max-width: 740px; box-sizing: border-box; } .section-info-header .heading-1 { margin-bottom: 0; } .news-link { display: block; padding: 21px 15px 21px 60px; } .news-link:hover { background-color: #ff8f52; } .news-link:hover time { color: #fff; } .news-link time { display: block; color: #fa813f; -webkit-transition: all .3s; transition: all .3s; } .news-link .text { display: block; font-size: 18px; max-width: 680px; color: #292b33; } /* HAS-INPUT */ .has-input { position: relative; line-height: 27px; margin-bottom: 3px; font-size: 14px; } .has-input input { position: absolute; width: 1px !important; height: 1px !important; opacity: 0; } .has-input input:checked + label:before { background-position: -1px -119px; } .has-input label { cursor: pointer; padding-left: 28px; position: relative; display: block; min-height: 18px; } .has-input label:before { content: ''; position: absolute; background: url(/assets/style/../images/buttons.png) no-repeat; top: 5px; left: 0; background-position: -1px -100px; width: 18px; height: 18px; } .has-input.checkbox-1 input:not(checked) + label { padding-left: 32px; min-height: 27px; } .has-input.checkbox-1 input:not(checked) + label:before { top: 0; width: 26px; height: 27px; background-position: -1px -28px; } .has-input.checkbox-1 input:checked + label:before { background-position: -1px 0px; } .has-input.radio-1 input:not(checked) + label { padding-left: 30px; min-height: 21px; } .has-input.radio-1 input:not(checked) + label:before { background-position: -1px -56px; width: 21px; height: 21px; top: 2px; } .has-input.radio-1 input:checked + label:before { background-position: -1px -78px; } .has-input .text { display: inline-block; vertical-align: middle; line-height: 1.3; } .has-input .see-more { display: block; } /* CONTENT-HEADER */ .content-header { margin-bottom: 30px; } .content-header h1, .content-header h2, .content-header .heading-1 { margin: 0; } .note { color: #fa813f; } .note .aligner { line-height: 1.1; } .note .item { color: #fff; background-color: #fa813f; border-radius: 50%; text-align: center; width: 16px; height: 16px; line-height: 16px; font-size: 14px; margin-right: 5px; } /* SECTION-LINE */ .section-line-1 { background-color: #f7f7f7; padding: 55px 0 26px; } .section-line-2 { background-color: #fa813f; padding: 50px 0 40px; color: #fff; } .section-line-2 a { color: inherit; text-decoration: underline; } .section-line-2 a:hover { text-decoration: none; } .section-line-2 input, .section-line-2 textarea { border: none; } .section-line-2 .submit { width: 186px; height: 50px; background-color: #fff; padding: 0; text-align: center; color: #fa813f; font-size: 18px; border: 2px solid #fff; } .section-line-2 .submit:hover { background-color: transparent; color: #fff; } .section-line-2 .has-input { font-size: 16px; } .col { width: 50%; float: left; } .section-line-info { width: 73%; } .section-line-info p { font-size: 18px; } /* FORM-CONTACTS */ .form-contacts { margin-top: 6px; } .form-contacts input, .form-contacts textarea { width: 100%; display: block; color: #292b33; } .form-contacts .row { margin: 0 -20px; } .form-contacts .size-1 { width: 50%; float: left; padding: 0 20px; box-sizing: border-box; } .form-contacts .submit { display: inline-block; } .form-group { margin-bottom: 20px; } .form-group-1 { margin-bottom: 10px; } .form-group:last-child, .form-group-1:last-child { margin-bottom: 0; } .right-block { text-align: right; } .right-block .btn { text-align: center; } /* FORM-PASSWORD */ .form-password { width: 350px; } .form-password input:not([type="submit"]) { width: 100%; display: block; } .form-password .block { margin-bottom: 25px; } .form-password .block:last-child { margin-bottom: 0; } .form-password .table { font-size: 14px; margin-top: 8px; } .form-password .submit-btn.left { font-size: 14px; } .login-btn { font: 14px/1 'Circe-Bold', sans-serif; line-height: 53px; } /* FORM-SETUP */ .form-setup { width: 600px; font-size: 18px; } .form-setup .table-cell { width: 50%; padding-bottom: 18px; line-height: 1; } .form-setup input { width: 100%; font: 16px 'Circe-Bold', sans-serif; } .form-setup input.disabled { background-color: transparent; border: none; color: #969696; } .form-setup .title { color: #fa813f; text-transform: uppercase; font: 18px/1.2 'Circe-Bold', sans-serif; margin-bottom: 22px; } .form-setup .submit { font-size: 14px; } /* GRID-COL */ .grid-col-wrap .row { margin: 0 -12px; } .grid-col { width: 50%; float: left; box-sizing: border-box; padding: 0 12px; margin-bottom: 20px; } /* FORM-ADVICE */ .form-advice { background-color: #fff; padding: 20px 23px; } .form-advice .title { text-transform: uppercase; font: 18px/1.2 'Circe-Bold', sans-serif; color: #fa813f; margin-bottom: 12px; } .form-advice input, .form-advice textarea { width: 100%; display: block; } .form-advice .row { margin: 0 -15px; } .form-advice .size-1 { width: 33.333%; float: left; box-sizing: border-box; padding: 0 15px; } .label { font-size: 18px; margin-bottom: 7px; line-height: 1.2; } .label span { color: #969696; } /* FILTER-BLOCK */ .filter-block { margin-bottom: 30px; } .filter-block:last-child { margin-bottom: 0; } .filter-block .aligner { margin: 0 18px 10px 0; } .filter-block .aligner:last-child { margin-right: 0; } .filter-block input:not([type="submit"]) { width: 100%; } .filter-block .add-btn { line-height: 38px; } .title-text { text-transform: uppercase; font: 18px/1 'Circe-Bold', sans-serif; } .form-search input.search { width: 390px; margin-right: 20px; box-sizing: border-box; } .form-search .submit { padding: 0 32px; } .filter-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-search .subtitle { font: 18px/1 'Circe-Bold', sans-serif; } .filter-number { width: 300px; } .filter-number-lk-im { width: 200px; } .filter-date { width: 140px; } .datepicker, .datepicker-import { background: #fff url(/assets/style/../images/date.png) no-repeat 95% center; } .sort-wrap { margin-bottom: 10px; } .sort { color: #969696; } .sort .aligner { margin: 0 0 0 13px; } .sort select { min-width: 182px; } /* ADDRESS-BLOCK */ .address-block .item { width: 50%; box-sizing: border-box; padding: 0 12px; float: left; } .address { height: 53px; line-height: 53px; background-color: #fff; overflow: hidden; padding: 0 75px 0 19px; position: relative; margin-bottom: 10px; font-size: 18px; } .address .aligner { line-height: 1; } .address-btn { position: absolute; background: url(/assets/style/../images/icons.png) no-repeat; top: 50%; } .address-btn:hover { opacity: .75; } .address .button-change { margin-top: -9px; right: 49px; } .address .button-remove { margin-top: -8px; right: 17px; } .button-change { background-position: -1px -119px; width: 18px; height: 18px; } .button-remove { background-position: -1px -172px; width: 16px; height: 16px; } /* PRINT */ .print { margin-bottom: 30px; } .print:last-child { margin-bottom: 0; } .print .icon { color: #292b33; font-family: 'Circe-Bold', sans-serif; padding-left: 40px; height: 32px; line-height: 32px; display: inline-block; } .print .icon:hover { color: #fa813f; } .print .icon:before { background-position: -1px 0px; width: 30px; height: 32px; top: 0; left: 0; } /* CALCULATE-TABLE */ .calculate-table { line-height: 1; width: 800px; margin-bottom: 16px; } .calculate-table:last-child { margin-bottom: 0; } .calculate-table .uppercase { text-align: right; font-family: 'Circe-Bold', sans-serif; } .calculate-table .table-cell { padding: 0 20px 25px 0; } .carculate-formula .aligner { margin-right: 5px; } .formula-top { border-bottom: 1px solid #292b33; } .formula-bottom { text-align: center; } .calculate-img { max-width: 280px; } /* CONTACTS-MENU */ .contacts-menu a { display: inline-block; vertical-align: middle; width: 184px; height: 38px; box-sizing: border-box; text-align: center; border: 2px solid #969696; border-radius: 50px; text-transform: uppercase; color: #969696; font: 14px/36px 'Circe-Bold', sans-serif; margin: 0 12px 5px 0; } .contacts-menu a:last-child { margin-right: 0; } .contacts-menu .active, .contacts-menu a:hover { color: #fff; background-color: #fa813f; border-color: #fa813f; } /* CONTACTS-INFO */ .contacts-info .icon { margin-bottom: 15px; padding-left: 30px; } .contacts-info .icon:last-child { margin-bottom: 0; } .contacts-info .icon:before { top: 0; left: 3px; } .contacts-info .item-1:before { background-position: -1px -189px; width: 16px; height: 20px; } .contacts-info .item-2:before { background-position: -1px -56px; width: 20px; height: 20px; } .contacts-info .item-3:before { background-position: -1px -77px; width: 20px; height: 20px; } .contacts-info .item-4:before { background-position: -1px -138px; width: 18px; height: 18px; } .map-container { height: 505px; } .map-container > div { height: 100%; } /* ACCOUNT-HEADER */ .account-header { margin-bottom: 35px; } .account-header .table { margin-bottom: 20px; } .account-header .title { font: 24px/1.1 'Circe-Bold', sans-serif; } .account-header .title span { font-family: 'Circe-Regular', sans-serif; } .tuning, .exit { display: inline-block; vertical-align: middle; } .tuning:before, .exit:before { top: 2px; left: 0; } .tuning { padding-left: 22px; } .tuning:before { background-position: -1px -210px; width: 16px; height: 16px; } .exit { margin-left: 11px; padding-left: 22px; } .exit:before { background-position: -1px -157px; width: 16px; height: 14px; } /* ACCOUNT-MENU */ .account-menu ul { display: table; width: 100%; padding: 0; margin: 0; list-style: none; } .account-menu li { display: table-cell; vertical-align: middle; text-align: center; } .account-menu .active a, .account-menu a:hover { color: #292b33; } .account-menu .active a:after, .account-menu a:hover:after { width: 100%; margin-left: 0; } .account-menu a { font: 17px/58px 'Circe-Bold', sans-serif; display: block; color: #969696; height: 58px; padding: 0 10px; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; position: relative; } .account-menu a:after { content: ''; position: absolute; height: 3px; width: 0; bottom: 0; left: 0; margin: 0 15px 0 50%; -webkit-transition: all .3s; transition: all .3s; background-color: #fa813f; } .account-menu a span { display: inline-block; vertical-align: middle; line-height: 1.1; } .date-header { margin-bottom: 35px; } .date-header .aligner { margin-right: 10px; font: 21px/1 'Circe-Bold', sans-serif; } .date-header .date { color: #fa813f; width: 140px; } .date-header .date input { font-size: 20px; height: 28px; width: 100%; padding-left: 10px; cursor: pointer; background-position: 100% 3px; background-position: right 3px top 50%; } .hamburger-wrap { display: none; } .hamburger { margin: 10px auto 0; } .hamburger, .hamburger:after, .hamburger:before { position: relative; background-color: #fff; width: 40px; height: 4px; display: block; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .hamburger:after, .hamburger:before { content: ''; } .hamburger:before { top: -8px; -webkit-transition: top 0.1s ease-in 0.34s, opacity 0.1s ease-in; transition: top 0.1s ease-in 0.34s, opacity 0.1s ease-in; } .hamburger:after { bottom: -4px; -webkit-transition: bottom 0.1s ease-in 0.34s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s ease-in 0.34s, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s ease-in 0.34s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s ease-in 0.34s, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } /* FOMR-CALL */ .form-header { color: #fa813f; margin-bottom: 17px; } .add-btn { padding-left: 28px; display: inline-block; min-height: 22px; } .add-btn:hover:before { opacity: .8; } .add-btn:before { background-position: -1px -33px; width: 22px; height: 22px; top: 50%; margin-top: -11px; left: 0; } .col-flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -12px; } .col-flex { padding: 0 12px; box-sizing: border-box; width: 50%; float: left; margin-bottom: 20px; } .col-flex-1 .col-flex:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .form-call-block .product-column .row { margin: 0 -20px; } .form-call-inner { padding: 19px 20px; background-color: #fff; height: 100%; box-sizing: border-box; } .form-call-inner .title { text-transform: uppercase; font: 18px/1 'Circe-Bold', sans-serif; } .form-call-inner .form-text { margin-right: 18px; font-size: 18px; line-height: 1; white-space: nowrap; } .form-call-inner .form-text.margin-not { margin-right: 0; } .form-call-inner input:not([type="submit"]), .form-call-inner textarea, .form-call-inner select { width: 100%; } .form-call-inner .size-1 { width: 100%; } .form-call-inner .size-2 { width: 50%; } .form-call-inner .size-3 { width: 155px; } .form-call-content.form-group .form-text { margin-right: 0; } .form-call-content .table-cell { padding-bottom: 14px; } /*.form-call-inner .table-row:last-of-type .table-cell { padding-bottom: 0px !important; }*/ .form-call-content .table-cell:last-child { width: 100%; } .required { color: #fa813f; } .form-note { color: #969696; margin-top: 9px; } input.submit-btn { width: 186px; height: 53px; padding: 0; font-size: 18px; } input.add-delivery, input.reset-delivery, input.print-requests { width: 186px !important; height: 53px !important; color: #969696; background-color: #e6e6e6; text-transform: uppercase; font-family: 'Circe-Bold', sans-serif; border-radius: 50px; border: 2px solid #969696; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; } input.print-requests { width: 350px !important; } input.add-delivery:hover, input.reset-delivery:hover, input.print-requests:hover { color: #fff; background-color: #fa813f; border-color: #fa813f; } .packing-wrap .has-input { display: inline-block; width: 25%; margin-bottom: 7px; } .packing-wrap .has-input .text { line-height: 1.1; } input.result-volume { text-transform: uppercase; border: 1px solid #fa813f; font-family: 'Circe-Bold', sans-serif; color: #fa813f; text-align: center; } .call-block { width: 125px; } .form-title { font-size: 18px; font-family: 'Circe-Bold', sans-serif; margin-bottom: 15px; } /* PRODUCT-COLUMN */ .product-column-wrap, .product-column { margin-bottom: 20px; } .product-column-wrap:last-child, .product-column:last-child { margin-bottom: 0; } .product-column-clone { position: relative; } .product-column-clone .product-input:last-child .input { padding-right: 25px; } .product-delete { background: url(/assets/style/../images/icons.png) no-repeat -1px -172px; width: 16px; height: 16px; position: absolute; bottom: 11px; right: 0; cursor: pointer; } .product-input { width: 50%; padding: 0 20px; box-sizing: border-box; float: left; } .product-input-wide { width: 95%; } .product-add-btn { text-align: center; margin-bottom: 25px; } .product-add-btn:last-child { margin-bottom: 0; } .product-add-btn .icon { display: inline-block; min-height: 22px; padding-right: 28px; } .product-add-btn .icon:before { background-position: -1px -33px; width: 22px; height: 22px; top: 0; right: 0; } .tooltip { color: #fa813f; width: 15px; height: 15px; font-size: 14px; border: 1px solid #fa813f; border-radius: 50%; text-align: center; line-height: 17px; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; margin-left: 5px; } .tooltip-inner { color: #fff; font-size: 13px; background: #34363e; position: absolute; z-index: 100; padding: 5px 10px; } .tooltip-inner:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #34363e; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } .tooltip-inner.top:after { border-top-color: transparent; border-bottom: 10px solid #34363e; top: -20px; bottom: auto; } .tooltip-inner.left:after { left: 10px; margin: 0; } .tooltip-inner.right:after { right: 10px; left: auto; margin: 0; } /* FORM-CONTENT */ .form-content { width: 800px; margin-bottom: 35px; } .form-content:last-child { margin-bottom: 0; } .form-content input:not([type="submit"]), .form-content select { width: 100%; } .form-content-row { margin-bottom: 25px; } .form-content-row:last-child { margin-bottom: 0; } .form-content-block { width: 50%; box-sizing: border-box; padding-right: 50px; float: left; } .form-content .size-1 { width: 150px; } .form-content .size-2 { width: 50%; padding: 0 7px; box-sizing: border-box; float: left; } .form-content .row { margin: 0 -7px; } .form-content-info { padding-top: 15px; font-size: 14px; } .form-content .text-tooltip { display: block; } .link { font: 14px/1 'Circe-Bold', sans-serif; } .title-toggle { text-transform: uppercase; font: 18px/1 'Circe-Bold', sans-serif; margin-bottom: 25px; cursor: pointer; color: #fa813f; } .title-toggle span { display: inline-block; position: relative; padding-right: 28px; } .title-toggle span:before, .title-toggle span:after { content: ''; position: absolute; -webkit-transition: all .3s; transition: all .3s; top: 50%; } .title-toggle span:before { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid #fa813f; border-radius: 50%; margin-top: -10px; right: 0; } .title-toggle span:after { width: 5px; height: 5px; border-top: 2px solid #fa813f; border-right: 2px solid #fa813f; -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -5px; right: 6px; } .title-toggle.active { color: #292b33; } .title-toggle.active span:before { border-color: #292b33; } .title-toggle.active span:after { border-top-color: #292b33; border-right-color: #292b33; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -2px; } .calculate-box { background-color: #fff; padding: 38px; margin-bottom: 40px; display: none; } .calculate-tabs { float: left; margin-right: 88px; } .tabs-list { list-style: none; padding: 23px 0 0; margin: 0; float: right; } .tabs-list li { margin-bottom: 10px; } .tabs-list li:last-child { margin-bottom: 0; } .tabs-list .has-input { font-size: 16px; } .tabs-content { overflow: hidden; width: 233px; } .tabs-content .box { display: none; } .tabs-content .box.box-visible { display: block; } .calculate-value { overflow: hidden; padding-top: 7px; } .calculate-value-row { margin-bottom: 0; } .calculate-value-row .row { margin: 0 -20px; } .calculate-value-row .item { width: 33.333%; padding: 0 20px; box-sizing: border-box; float: left; } .calculate-value-row input { width: 100%; } .insurance-table { width: 600px; } .insurance-table.width-2 { width: 1000px; } .insurance-table .label { margin-bottom: 0; text-align: right; } .insurance-table .table-cell { padding: 0 10px 15px 0; } .remark { font-family: 'Circe-Bold', sans-serif; line-height: 1.1; } .remark span { color: #969696; } /* SERVICE-BOX */ .service-box-item { width: 50%; padding-right: 10px; box-sizing: border-box; float: left; } .service-box .has-input { margin-bottom: 5px; } /* GRID-FLEX-WRAP */ .grid-flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .grid-flex-wrap .size-5 { width: 125px; } .grid-flex > div { display: inline-block; vertical-align: middle; } .grid-flex-text { font-size: 18px; margin-right: 5px; } .grid-flex-input { width: 73px; } /* FEEDBACK-BOX */ .feedback-box { width: 685px; } .feedback-box textarea { width: 100%; } .feedback-box select { min-width: 350px; } .file-upload--accadres { display: flex; flex-direction: column; } .file-upload { position: relative; overflow: hidden; margin-bottom: 5px; font-size: 18px; } .file-upload input[type="file"] { display: none; } .file-upload label { display: block; cursor: pointer; overflow: hidden; } .file-upload .aligner { margin-right: 13px; line-height: 1; } .file-upload .button { width: 106px; height: 38px; background-color: #e6e6e6; border-radius: 50px; text-align: center; color: #969696; font: 14px/38px 'Circe-Bold', sans-serif; text-transform: uppercase; display: block; } input.filename { height: 0; background-color: transparent; border: none; } /* FOOTER-MAIN */ .footer-main { background-color: #34363e; color: #fff; } .footer-main .title { margin-bottom: 34px; } .footer-content { padding: 72px 0 30px; } .footer-content-box { padding-right: 20px; float: left; width: 23%; box-sizing: border-box; } .footer-content-box .inner { margin-bottom: 20px; } .footer-logo { width: 190px; padding-bottom: 23px; display: block; } .footer-phone { color: #fff; font: 24px/1 'Circe-Bold', sans-serif; } .footer-phone a { display: block; color: inherit; margin-bottom: 10px; } .footer-phone a:last-child { margin-bottom: 0; } .footer-btn .btn { width: 188px; padding: 0; text-align: center; display: block; margin-bottom: 15px; } .footer-btn .btn:last-child { margin-bottom: 0; } .footer-menu-wrap { float: right; padding-right: 152px; width: 77%; box-sizing: border-box; } .footer-menu { width: 33.333%; float: left; box-sizing: border-box; padding-right: 10px; } .footer-menu ul { list-style: none; padding: 0; margin: 0; color: #969696; font-size: 14px; } .footer-menu li { margin-bottom: 15px; } .footer-menu a { color: inherit; } .footer-menu a:hover { color: #fff; } .footer-menu-1 ul { font-size: 16px; color: #fff; } .footer-menu-1 a:hover { color: #fa813f; } .footer-bottom { align-items: center; display: flex; flex-wrap: wrap; gap: 16px; padding: 27px 0; font-size: 14px; color: #787878; } .policy { margin-right: auto; } /* POPUP */ .popup { width: 600px; /* position: absolute; */ /* top: 100px; */ position: fixed; top: 50% !important; left: 50%; margin-left: -300px; z-index: 50; background-color: #fff; display: none; transform: translateY(-50%); max-height: 80%; overflow: auto; } .popup-big { width: 1224px; /* left: 33%; */ margin-left: -612px; } .ok-cancel { width: 600px; position: absolute; top: 100px; left: 50%; margin-left: -300px; z-index: 50; background-color: #fff; display: none; } .popup .btn-action { margin-top: 11px; } .btn-action .aligner { margin-right: 15px; } .cancel-btn, input.cancel-btn { height: 38px; line-height: 40px; width: 184px; text-align: center; display: inline-block; text-transform: uppercase; background-color: #e6e6e6; font: 14px/36px 'Circe-Bold', sans-serif; color: #969696; border-radius: 50px; border: 2px solid #e6e6e6; box-sizing: border-box; } .cancel-btn:hover, input.cancel-btn:hover { background-color: transparent; border-color: #969696; color: inherit; } .close { background: url(/assets/style/../images/icons.png) no-repeat -1px -172px; width: 16px; height: 16px; cursor: pointer; top: 8px; right: 10px; position: absolute; } .box-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 45; display: none; } /* WARNINGS */ #noScriptWarning, #outdatedBrowserWarning { color: white; padding: 12px; text-align: center; } #noScriptWarning a, #outdatedBrowserWarning a { color: white; text-decoration: underline; } #noScriptWarning a:hover, #outdatedBrowserWarning a:hover { text-decoration: none; } #noScriptWarning { background: red; } #noScriptWarning, #outdatedBrowserWarning { background: orangered; } @media screen and (min-width: 601px) { .nav-main-wrap:hover .nav-main .title { display: block; } } @media screen and (max-width: 1640px) { .container-main { padding-left: 85px; } .section-info-block { width: 100%; padding: 0 15px 0 85px; } .section-info-header { padding-left: 30px; padding-right: 20px; } .news-link { padding-left: 30px; } } @media screen and (max-width: 1600px) { .footer-menu-wrap { padding-right: 0; } } @media screen and (max-width: 1500px) { .slider-main-wrap { height: 450px; } .slider-main .slide { height: 450px; } .slider-main .text { margin-bottom: 0; bottom: 60px; } .delivery-links a { font-size: 20px; height: 225px; padding-top: 145px; } .delivery-links a:before { top: 30px; } } @media screen and (max-width: 1380px) { .slider-main-wrap { height: 350px; } .slider-main .slide { height: 350px; } .slider-main .text { bottom: 20px; font-size: 40px; margin-bottom: 0; width: 340px; } .slick-dots { top: -40px; } .slick-arrow { bottom: 60px; } .delivery-links a { height: 175px; padding-top: 110px; font-size: 18px; line-height: 1.1; } .delivery-links a:before { top: 10px; transform: scale(.8); } .links-box .img { height: 100px; } .section-line-1 { padding: 35px 0 20px; } } @media screen and (max-width: 1300px) { .header-logo { margin-right: 30px; } } @media screen and (max-width: 1250px) { .filter-search .aligner { margin-right: 5px; } } @media screen and (max-width: 1245px) { .form-call-inner { padding: 15px 10px; } } @media screen and (max-width: 1230px) { .header-menu a { min-width: 120px; font-size: 13px; } } @media screen and (max-width: 1200px) { .links-box .item { padding: 0 5px; font-size: 16px; } .section-line-info { width: 100%; padding-right: 10px; box-sizing: border-box; } .form-advice .row { margin: 0 -5px; } .form-advice .size-1 { padding: 0 5px; } .filter-number { width: 200px; } .filter-number-lk-im { width: 180px; } } @media screen and (max-width: 1190px) { .col-flex-wrap { display: block; margin: 0; } .col-flex { width: 100%; padding: 0; float: none; } .form-call-block .row { margin: 0; } } @media screen and (max-width: 1110px) { .insurance-table.width-2 { width: 100%; } } @media screen and (max-width: 1100px) { .title-text { font-size: 16px; } .calculate-box { padding: 30px 20px; } .calculate-tabs { margin-right: 40px; } .calculate-value-row .row { margin: 0 -10px; } .calculate-value-row .item { padding: 0 10px; } } @media screen and (max-width: 1080px) { .filter-search { display: block; } } @media screen and (max-width: 1024px) { .form-contacts .row { margin: 0 -10px; } .form-contacts .size-1 { padding: 0 10px; } } @media screen and (max-width: 1020px) { .wrapper { min-height: 0; } .header-logo { float: left; margin-right: 0; } .header-phone { float: right; padding-top: 18px; } .header-menu { display: none; } .news__box { width: 33.333%; } .links-box .item { width: 33.333%; margin-bottom: 20px; } .links-box .img { height: 80px; } .section-line-1 { padding: 25px 0 10px; } .footer-main .title { margin-bottom: 20px; } .footer-content { padding: 30px 0 10px; } .footer-content-box .inner { width: 33.333%; float: left; } .footer-btn .btn { width: 100%; } .footer-content-box, .footer-menu-wrap { width: 100%; float: none; padding: 0; } .footer-bottom { padding: 15px 0; } .popup { top: 50px; } } @media screen and (max-width: 1000px) { .slider-main-wrap { display: none; } .delivery-links { box-sizing: border-box; float: none; width: 100%; } .delivery-links .item-1 { width: 100%; } .section-info .box { width: 100%; float: none; padding: 20px 10px 10px 80px; } .section-info-block { float: none; padding: 0; } .section-info-header { padding: 0; } .news-link { padding: 10px 5px 10px 5px; } .content-header .table, .content-header .table-cell { display: block; } .content-header .right-block { text-align: left; } .section-line-2 { padding: 20px 0; } .col { width: 100%; float: none; } .section-line-info { padding-right: 0; margin-bottom: 20px; } } @media screen and (max-width: 980px) { .calculate-value { padding-top: 0; } .calculate-value-row .item { width: 100%; margin-bottom: 10px; } .calculate-value-row .item:last-child { margin-bottom: 0; } } @media screen and (max-width: 950px) { .calculate-table { width: 100%; } .calculate-table .table-cell { padding-right: 5px; } .account-header .table, .account-header .table-cell { display: block; } .account-header .table-cell { margin-bottom: 10px; } .account-header .table-cell:last-child { margin-bottom: 0; } .account-header .right-block { text-align: left; } } @media screen and (max-width: 905px) { .form-content-block { padding-right: 10px; } .form-content-block:last-child { padding-right: 0; } .form-content, .insurance-table { width: 100%; } } @media screen and (max-width: 900px) { .account-menu ul { border-top: 1px solid #f7f7f7; display: none; } .account-menu li { display: block; } .account-menu a { height: auto; line-height: 1.1; padding: 13px 0; } .hamburger-wrap { display: block; height: 24px; background-color: #34363e; text-align: center; cursor: pointer; padding: 10px 0; } .hamburger-wrap.active .hamburger { -webkit-transition-delay: .14s; transition-delay: .14s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .hamburger-wrap.active .hamburger:before { top: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.14s; transition: top 0.1s ease-out, opacity 0.1s ease-out 0.14s; opacity: 0; } .hamburger-wrap.active .hamburger:after { bottom: 4px; -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; transition: bottom 0.1s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; transition: bottom 0.1s ease-out, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; transition: bottom 0.1s ease-out, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } } @media screen and (max-width: 850px) { .calculate-table .table-row { display: block; margin-bottom: 30px; } .calculate-table .table-row:last-child { margin-bottom: 0; } .calculate-table .table-cell { display: block; text-align: center; padding-right: 0; } .calculate-img { margin: auto; } .account-header { margin-bottom: 20px; } .form-content .label { font-size: 16px; } } @media screen and (max-width: 800px) { .grid-col-wrap .row { margin: 0; } .grid-col { width: 100%; float: none; padding: 0; } .address-block .row { margin: 0; } .address-block .item { width: 100%; padding: 0; } .address { height: auto; line-height: 1.1; padding-top: 17px; padding-bottom: 17px; } .print { display: none; } .feedback-box { width: 100%; } } @media screen and (max-width: 760px) { .footer-content { padding-bottom: 0; } .footer-content-box .inner, .footer-menu, .copy, .create, .policy { width: 100%; float: none; text-align: center; } .footer-logo { margin: auto; padding-bottom: 0; } .policy { margin-right: 0; } } @media screen and (max-width: 750px) { .delivery-links a { font-size: 20px; } .form-setup { width: 100%; } .form-content-block { width: 100%; float: none; padding: 0; margin-bottom: 10px; } .form-content .size-1 { width: 100%; margin-bottom: 10px; } .form-content .size-1:last-child { margin-bottom: 0; } .form-content .left, .form-content .right { float: none; } .form-content-info { padding-top: 0; } .tabs-content { width: 180px; } } @media screen and (max-width: 700px) { .container-main, .container { padding: 0 10px 0 75px; } .news__box { width: 50%; } .form-advice .size-1 { width: 100%; float: none; margin-bottom: 15px; } .form-advice .size-1:last-child { margin-bottom: 0; } .map-container { height: 405px; } .form-call-inner .form-text { font-size: 16px; margin-right: 5px; } .form-call-inner .label { font-size: 16px; } .form-call-content .btn { font-size: 12px; } .insurance-table .label { text-align: left; } .insurance-table .table-cell { display: block; padding: 0 0 10px; } .insurance-table .table-cell input { width: 100%; } .grid-flex-text { font-size: 16px; margin-right: 0; } .feedback-box select { width: 100%; min-width: 0; } } @media screen and (max-width: 655px) { .filter-block-inner .aligner { display: block; } .form-search input.search, .form-search .submit { width: 100%; display: block; margin: 0 0 10px; } } @media screen and (max-width: 650px) { .call-block { width: 110px; } } @media screen and (max-width: 630px) { .form-call-block .product-column .row { margin: 0 -5px; } .product-input { padding: 0 5px; } .popup { top: 0; width: 100%; margin-left: 0; left: 0; } } @media screen and (max-width: 600px) { body.menu { overflow: hidden; } h1, .heading-1 { font-size: 30px; margin-bottom: 15px; line-height: 1; } .container-main, .container { padding: 0 10px; } .header-main { height: 70px; line-height: 70px; padding-left: 70px; } .header-logo { width: 200px; } .header-phone { font-size: 20px; padding-top: 15px; } .header-phone a { margin-bottom: 5px; } .nav-main-wrap { width: 67px; height: 70px; padding-top: 0; z-index: 30; } .hamburger-icon { z-index: 30; position: relative; cursor: pointer; padding-top: 32px; } .hamburger-icon.active span { -webkit-transition-delay: .14s; transition-delay: .14s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .hamburger-icon.active span:before { top: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s ease-out 0.14s; transition: top 0.1s ease-out, opacity 0.1s ease-out 0.14s; opacity: 0; } .hamburger-icon.active span:after { bottom: 4px; -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; transition: bottom 0.1s ease-out, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; transition: bottom 0.1s ease-out, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; transition: bottom 0.1s ease-out, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .nav-main { position: fixed; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #292b33; padding-top: 65px; left: -100%; -webkit-transition: all .3s; transition: all .3s; z-index: 25; font-size: 18px; box-sizing: border-box; max-height: unset; } .nav-main.show { left: 0; margin-top: 0; } .nav-main .title { display: block; } .section-info .box { padding-left: 10px; } .content-header { margin-bottom: 15px; } .form-password { width: 100%; } .date-header { margin-bottom: 20px; } } @media screen and (max-width: 590px) { .links-box .item { width: 50%; } .links-box .item:nth-child(2n+3) { clear: both; } } @media screen and (max-width: 550px) { .delivery-links a { font-size: 18px; } .sort-wrap { float: none; } .sort-wrap:last-child { margin-bottom: 0; } .sort .aligner { margin: 0; } .form-header .table-cell { display: block; margin-bottom: 10px; } .form-header .table-cell:last-child { margin-bottom: 0; } .form-header .right-block { text-align: left; } .form-call-inner .size-2, .form-call-inner .size-3 { width: 100%; } .form-call-content .btn { display: block; text-align: center; padding: 0; } .form-call-content.table { display: block; } .form-call-content .table-row { display: block; margin-bottom: 20px; } .form-call-content .table-cell { display: block; padding-bottom: 5px; } .form-call-content .table-cell.hidden { display: none; } .form-call-content .left, .form-call-content .right { float: none; } .form-call-content .left { margin-bottom: 10px; } .call-block { width: 100%; } .calculate-box { padding: 15px 10px; } .calculate-tabs { margin-right: 15px; } .tabs-list { float: none; padding: 0; margin-bottom: 20px; } } @media screen and (max-width: 500px) { .news__box-info { padding: 10px; } .news__box .title { font-size: 16px; } .filter-block-inner-1 .aligner { display: block; margin-right: 0; } .filter-block-inner-1 .filter-date, .filter-block-inner-1 .submit { width: 100%; } .map-container { height: 305px; } .product-input { width: 100%; float: none; margin-bottom: 15px; } .product-input:last-child { margin-bottom: 0; } .service-box-item { width: 100%; float: none; } } @media screen and (max-width: 480px) { .form-setup .table-cell { width: 100%; padding-bottom: 13px; display: block; } .filter-search .aligner { display: block; margin-right: 0; } .filter-number, .filter-number-lk-im, .filter-date, .filter-search .submit { width: 100%; } .popup .btn-action { margin-top: 0; } .btn-action .aligner { display: block; margin: 0 0 10px; } .btn-action .submit, .cancel-btn, input.cancel-btn { width: 100%; } } @media screen and (max-width: 470px) { .header-main { height: auto; line-height: 1; padding-top: 5px; padding-bottom: 5px; } .header-logo, .header-phone { float: none; display: block; text-align: right; } .header-logo { margin-left: auto; width: 170px; } .header-phone { padding-top: 10px; font-size: 18px; } .nav-main-wrap { height: 101px; } .hamburger-icon:not(.active) { margin-top: 15px; } } @media screen and (max-width: 450px) { .form-contacts .size-1 { width: 100%; margin-bottom: 10px; } .form-contacts .size-1:last-child { margin-bottom: 0; } .form-contacts .submit { width: 100%; padding: 0 20px; font-size: 16px; height: 40px; } .form-group { margin-bottom: 10px; } .grid-flex-wrap { display: block; } .grid-flex-wrap .size-5 { width: 100%; } .grid-flex { margin-bottom: 10px; } .grid-flex:last-child { margin-bottom: 0; } .grid-flex > div { display: block; } .grid-flex-input { width: 100%; } } @media screen and (max-width: 430px) { .calculate-tabs { float: none; margin: 0 0 20px; } .tabs-content { width: 100%; text-align: center; } } @media screen and (max-width: 400px) { .form-password .left, .form-password .right { float: none; display: block; width: 100%; text-align: center; } .form-advice { padding: 15px 10px; } .form-content .size-2 { width: 100%; float: none; margin-bottom: 10px; } } @media screen and (min-width: 1021px) and (max-width: 1200px) { .header-logo { width: 200px; margin-right: 20px; } } @media screen and (min-width: 1021px) and (max-width: 1150px) { .header-phone { font-size: 20px; } } @media screen and (min-width: 601px) and (max-width: 1000px) { .delivery-links { padding-left: 67px; } } @media screen and (min-width: 591px) and (max-width: 1020px) { .links-box .item:nth-child(3n+4) { clear: both; } } @media screen and (min-width: 800px) and (max-width: 1150px) { .form-advice .size-1 { width: 100%; float: none; margin-bottom: 15px; } .form-advice .size-1:last-child { margin-bottom: 0; } } @media screen and (min-width: 1191px) and (max-width: 1230px) { .form-call-inner .form-text { font-size: 16px; } } @media print { body { max-width: 100%; } *, *:before, *:after, *:first-letter, p:first-line, div:first-line, blockquote:first-line, li:first-line { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } .header-main, .nav-main-wrap, .breadcrumbs, .print, .filter-block, .account-header, .footer-main { display: none; } .container { padding: 0 10px; } h1, .heading-1 { font-size: 25px; } } .webtu-smart-search-dropdown {color:#333; background:rgba(255,255,255,1); margin-top:1px; padding: 5px; width:340px;height: 80px;} .webtu-smart-search-option {padding:3px;} .webtu-smart-search-option:hover {padding:3px; color:#f87f3d; text-decoration:underline; cursor: pointer;} span.default-city {text-decoration:underline dotted; margin: 0px 5px 0px 0px;} .direction {padding: 0px; margin:0px 0 20px 0px; text-decoration: none;} .webtu-smart-search-dropdown {position: absolute; overflow:scroll; display: none; height:200px; background: #fff; opacity:1; z-index:99;} /*New Style*/ body p, body ul li { font-size: 18px; } .list li { padding: 5px; } .route-tab-content{visibility: hidden; height: 0; overflow: hidden;} .route-tab-content.active{visibility: visible; height: auto;} /* Соцсети в футере */ .social a { text-align: center; width: 25px; height: 25px; float: left; background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1); border-radius: 24px; margin: 10px 10px 10px 0; padding: 6px; color: #000; } .vk a:hover {background: #5d84ae; color: #fff;} .fa-2x { font-size: 24px!important; } /* new */ .toggle-block11 { text-transform: uppercase; color: #fff; font-size: 14px; text-align: center; border: 1px solid #fa813f; border-radius: 50px; cursor: pointer; display: block; background: #fa813f; width: 140px; transition: background-color 0.3s, color 0.3s; font-family: 'Circe-Bold', sans-serif; padding: 10px 20px; margin: 15px 0; } /*-----------------------------------------------------*/ /* COSTING IM FORM */ /*-----------------------------------------------------*/ .costing-im-form .form-content { width: auto; } .costing-im-form .calculate-tabs { float: none; margin: 0 0 30px; } .costing-im-form .calculate-tabs .tabs-content { float: left; width: 188px; } .costing-im-form .calculate-tabs .tabs-list { float: left; } .costing-im-form .calculate-value .item { margin: 0 0 20px; } .costing-im-form .label { font-size: 16px; } @media screen and (max-width: 750px) { .costing-im-form .label br { display: none; } } .costing-im-form .table-row { display: table; } .costing-im-form .text-tooltip { display: inline-block; line-height: 1.2; margin-top: 5px; } .btn { cursor: pointer; } /*----------------------------------------*/ /* PROFILE NEWS SLIDER */ /*----------------------------------------*/ .profile-news-slider { max-height: 0; overflow: hidden; transition: max-height .3s; width: 100%; } .profile-news-slider.is-active { max-height: 56px; } .profile-news-slider .tns-ovh { width: 100%; } .profile-news-slider__item { background: #FFF; border: 2px solid #F13030; padding: 14px 118px 14px 38px; position: relative; } .profile-news-slider__item::before { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMTNWMTUiIHN0cm9rZT0iI0YxMzAzMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTIgMTBDMTIuNTUyMyAxMCAxMyA5LjU1MjI4IDEzIDlDMTMgOC40NDc3MiAxMi41NTIzIDggMTIgOEMxMS40NDc3IDggMTEgOC40NDc3MiAxMSA5QzExIDkuNTUyMjggMTEuNDQ3NyAxMCAxMiAxMFoiIGZpbGw9IiNGMTMwMzAiLz48cGF0aCBkPSJNMTIgMTkuMjVDMTYuMDA0MSAxOS4yNSAxOS4yNSAxNi4wMDQxIDE5LjI1IDEyQzE5LjI1IDcuOTk1OTQgMTYuMDA0MSA0Ljc1IDEyIDQuNzVDNy45OTU5NCA0Ljc1IDQuNzUgNy45OTU5NCA0Ljc1IDEyQzQuNzUgMTYuMDA0MSA3Ljk5NTk0IDE5LjI1IDEyIDE5LjI1WiIgc3Ryb2tlPSIjRjEzMDMwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+Cg=='); content: ''; display: block; height: 24px; margin: -14px 0 0; left: 12px; position: absolute; top: 50%; width: 24px; } .profile-news-slider__text { color: #34363E; font-size: 15px; font-weight: bold; letter-spacing: 0.02em; line-height: 24px; max-width: 100%; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; } .profile-news-slider__text::before { background: linear-gradient(90deg, transparent, #FFF); content: ''; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 56px; } .profile-news-slider__text-prefix { color: #F13030; text-transform: uppercase; } .profile-news-slider__button { background: #F13030 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjc1IDYuNzVMMTkuMjUgMTJMMTMuNzUgMTcuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE5IDEySDQuNzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==') 50% 50% no-repeat; border-radius: 16px; display: block; height: 32px; margin: -16px 0 0; position: absolute; right: 16px; top: 50%; transition: background-color .3s, border-color .3s; width: 64px; } .profile-news-slider__button:hover, .profile-news-slider__button:active { background-color: #F00; border-color: #F00; } @media screen and (max-width: 767px) { .profile-news-slider__item { padding: 10px 52px 10px 10px; } .profile-news-slider__item::before { display: none; } .profile-news-slider__text { font-size: 12px; } .profile-news-slider__text::before { width: 20px; } .profile-news-slider__button { height: 24px; margin: -12px 0 0; right: 10px; width: 32px; } } /*----------------------------------------*/ /* PROFILE NEWS CONTROLS */ /*----------------------------------------*/ .profile-news-controls { align-items: center; /* border-top: 2px solid #DE643E; */ display: flex; height: 26px; justify-content: center; position: relative; width: 100%; } .profile-news-controls.is-active .profile-news-controls__toggle-text::before { transform: rotate3d(0, 0, 1, 180deg); } .profile-news-controls.is-active .profile-news-controls__dots { opacity: 1; visibility: visible; } .profile-news-controls__toggle { align-items: center; background: #FA813F; border-radius: 0px 0px 4px 4px; color: #FFF; display: flex; height: 26px; justify-content: center; left: 0; text-align: center; position: absolute; top: 0; width: 101px; } .profile-news-controls__toggle:hover, .profile-news-controls__toggle:active { color: #FFF; } .profile-news-controls__toggle-text { display: block; font: 600 13px 'Open Sans', sans-serif; letter-spacing: 0.02em; padding-right: 12px; position: relative; } .profile-news-controls__toggle-text::before { border-color: currentColor transparent transparent transparent; border-style: solid; border-width: 4px 3px 0 3px; content: ''; display: block; margin: -1px 0 0; position: absolute; right: 0; top: 50%; transition: transform .3s; } .profile-news-controls__dots { display: flex; list-style: none; margin: 0; opacity: 0; padding: 0; transition: opacity .3s, visibility .3s; visibility: hidden; } .profile-news-controls__dots-item { background: #E6E6E6; border: 1px solid #CBCBCB; border-radius: 3px; cursor: pointer; height: 6px; margin: 0 3px; transition: background-color .3s, border-color .3s; width: 72px; } .profile-news-controls__dots-item.tns-nav-active { background: #FA813F; border-color: #FA813F; } @media screen and (max-width: 1023px) { .profile-news-controls__dots-item { width: 36px; } } @media screen and (max-width: 767px) { .profile-news-controls { justify-content: flex-end; } .profile-news-controls__dots-item { width: 24px; } } /*----------------------------------------*/ /* PROFILE NEWS POPUP */ /*----------------------------------------*/ .profile-news-popup { align-items: center; background: rgba(41, 43, 51, 0.2); bottom: 0; display: flex; justify-content: center; left: 0; opacity: 0; overflow: auto; padding: 20px; position: fixed; right: 0; top: 0; transition: opacity .3s, visibility .3s; visibility: hidden; z-index: 900; } .profile-news-popup.is-active { opacity: 1; visibility: visible; } .profile-news-popup__close { background: #FA813F url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjI1IDYuNzVMNi43NSAxNy4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi43NSA2Ljc1TDE3LjI1IDE3LjI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=') 50% 50% no-repeat; border-radius: 100%; display: block; height: 32px; position: absolute; right: 8px; top: 8px; transition: background-color .3s; width: 32px; z-index: 9; } .profile-news-popup__close:hover, .profile-news-popup__close:active { background-color: #FAAC3D; } .profile-news-popup__window { background: #FFF; border-radius: 8px; max-width: 100%; position: relative; width: 900px; } .profile-news-popup__slider { overflow: hidden; } .profile-news-popup__section { border-top: 1px solid #E6E6E6; padding: 32px; } .profile-news-popup__section:first-child { border: none; } .profile-news-popup__section p { font-size: 16px; margin: 0 0 16px; } .profile-news-popup__section p:last-child { margin: 0; } .profile-news-popup__title { font-size: 24px; font-weight: normal; line-height: 26px; margin: 0; } .profile-news-popup__date { color: #969696; display: block; font-size: 16px; margin: 0 0 8px; } .profile-news-popup__controls { align-items: center; display: flex; justify-content: space-between; } .profile-news-popup__control { background: none; border: none; color: #FA813F; display: block; font-size: 16px; line-height: 1; position: relative; } .profile-news-popup__control:hover, .profile-news-popup__control:active { color: #FA813F; text-decoration: underline; } .profile-news-popup__control--prev { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI1IDYuNzVMNC43NSAxMkwxMC4yNSAxNy4yNSIgc3Ryb2tlPSIjRkE4MTNGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOS4yNSAxMkg1IiBzdHJva2U9IiNGQTgxM0YiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==') 0 calc(50% - 1px) no-repeat; padding: 0 0 0 28px; text-align: left; } .profile-news-popup__control--next { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjc1IDYuNzVMMTkuMjUgMTJMMTMuNzUgMTcuMjUiIHN0cm9rZT0iI0ZBODEzRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTkgMTJINC43NSIgc3Ryb2tlPSIjRkE4MTNGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=') 100% calc(50% - 1px) no-repeat; padding: 0 28px 0 0; text-align: right; } @media screen and (max-width: 767px) { .profile-news-popup__section { padding: 20px; } .profile-news-popup__control { font-size: 12px; } } /*----------------------------------------*/ /* SELECT2 */ /*----------------------------------------*/ .select2-container { display: block; width: auto !important; } .select2-container .select2-selection--single { cursor: text; } .select2-container.select2-container--default .select2-selection__rendered { padding: 0 24px 0 12px; } .select2-results__option { font-size: 16px; } .select2-results .loading-results, .select2-results__option.select2-results__message { font-size: 14px; } .select2-container.select2-container--default .select2-search { bottom: 100%; left: -1px; padding: 0; position: absolute; right: -1px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { right: 3px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fa813f transparent transparent transparent; } .select2-container.select2-container--default .select2-search__field { background: #fff; border: 1px solid #aaa; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 0 8px; } .select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder { color: inherit; } .select2-dropdown.select2-dropdown--above .select2-search { bottom: auto; top: 100%; } .select2-results__option { font-size: 16px; padding: 6px 12px; white-space: nowrap; } .js-location-select .select2-selection__arrow, .js-address-select .select2-selection__arrow { display: none; } .js-location-select .select2-container.select2-container--default .select2-selection__rendered, .js-address-select .select2-container.select2-container--default .select2-selection__rendered { padding-right: 12px; } /*----------------------------------------*/ /* FORM CALL FIXES */ /*----------------------------------------*/ .form-call-flex > * { box-sizing: border-box; } .form-call-flex .table { display: block; } .form-call-flex .table-row, .form-call-flex .form-header .table { align-items: center; display: flex; } .form-call-flex .table-cell:first-child { flex-shrink: 0; width: 140px; } .form-call-flex .table-cell:last-child { width: calc(100% - 140px); } .form-call-flex textarea { resize: vertical; } @media screen and (max-width: 550px) { .form-call-flex .table-row { display: block; } .form-call-flex .table-cell:nth-child { width: auto; } } /*----------------------------------------*/ /* TD ERRORS */ /*----------------------------------------*/ .td-errors ul { list-style: none; margin: 0; padding: 0; } .td-errors ul li { font-size: 12px; } /*----------------------------------------*/ /* UI AUTOCOMPLETE */ /*----------------------------------------*/ .ui-autocomplete { border: 1px solid #b6b6b6; border-radius: 4px; list-style: none; margin: 0; padding: 0; } .ui-autocomplete .ui-menu-item { cursor: pointer; font-size: 16px; padding: 6px 12px; } .ui-autocomplete .ui-menu-item:hover { background: #6998f9; } #load{ display: inline-block; } #load img{ width: 50px; height: 50px; } /*----------------------------------------*/ /* SPINNER */ /*----------------------------------------*/ .spinner { align-items: center; background: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; font-size: 20px; font-weight: bold; gap: 20px; height: 100%; justify-content: center; text-align: center; left: 0; opacity: 0; position: fixed; top: 0; transition: all 0.3s; visibility: hidden; width: 100%; z-index: 9999; } .spinner.is-active { opacity: 1; visibility: visible; } .spinner__text { margin: 0 0 -180px; position: relative; z-index: 9; } /*----------------------------------------*/ /* MSK NOTE */ /*----------------------------------------*/ .msk-selected + .msk-note { display: block; } .msk-note { background: #F7F7F7; display: none; margin: 0 0 15px; padding: 15px; } .msk-note__title { background: url('/assets/style/../images/info-circle.svg') 0 50% no-repeat; color: #292B33; font-size: 16px; font-weight: bold; line-height: 17.6px; margin: 0 0 8px; padding: 0 0 0 26px; } .msk-note__brief { color: #292B33; font-size: 14px; line-height: 16.8px; } /*----------------------------------------*/ /* COOKIE NOTICE */ /*----------------------------------------*/ .cookie-notice { bottom: 0; left: 0; position: fixed; width: 100%; z-index: 9999999999; } .cookie-notice.is-hidden { display: none; } .cookie-notice__content { background: #FFF; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1), 0px 0px 10px 0px rgba(0, 0, 0, 0.1); align-items: center; display: flex; gap: 12px 24px; padding: 16px 24px; } .cookie-notice__text { color: #777; margin-right: auto; max-width: 1110px; } @media screen and (max-width: 767px) { .cookie-notice__text { font-size: 12px; } } .cookie-notice__text a { color: #fa813f; font-weight: inherit; text-decoration: underline; } .cookie-notice__text a:hover { text-decoration: none; } .cookie-notice__button { border: 0; width: 160px; } /* .cookie-notice__button { background: #0E780E; border: 0; cursor: pointer; color: #FFF; display: block; font-size: 12px; font-weight: bold; height: 36px; margin-right: -12px; padding: 0 20px; text-transform: uppercase; transition: background-color 300ms; } .cookie-notice__button:hover { background: #0D780D; color: #FFF; } */ /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/breadcrumb/style.min.css?1591337116467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* /assets/style/slick.css?15913371111311 */ /* /assets/style/tiny-slider.css?16254935052178 */ /* /assets/style/normalize.min.css?15913371112002 */ /* /assets/style/jquery-ui.css?15913371118608 */ /* /assets/style/main.css?176951528181074 */ /* /local/templates/.default/components/bitrix/breadcrumb/breadcrumb/style.min.css?1591337116467 */