/** * */ @font-face { font-family: "aglettericacondensedc"; font-display: swap; src: url("../fonts/aglettericacondensedc-webfont.eot"); src: url("../fonts/aglettericacondensedc-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aglettericacondensedc-webfont.woff") format("woff"), url("../fonts/aglettericacondensedc-webfont.ttf") format("truetype"); /* ,url('../fonts/aglettericacondensedc-webfont.svg#aglettericacondensedcregular') format('svg');*/ font-weight: normal; font-style: normal; } body { font-size: 16px; } #cad-layout { font-family: "aglettericacondensedc", Arial, Helvetica, sans-serif; } .visible-tablet { display: none; } .visible-small { display: none; } @media (min-width: 768px) { .visible-tablet { display: block; } } @media (min-width: 992px) { .visible-tablet { display: none; } .visible-small { display: block; } } @media (min-width: 1200px) { .visible-tablet { display: none; } .visible-small { display: none; } } .invisible-tablet { display: block; } .invisible-small { display: block; } @media (min-width: 768px) { .invisible-tablet { display: none; } .invisible-small { display: none; } } @media (min-width: 992px) { .invisible-tablet { display: block; } .invisible-small { display: none; } } @media (min-width: 1200px) { .invisible-small { display: block; } } a { color: #d0112b; line-height: normal; } a:active, a:hover { outline: 0; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "aglettericacondensedc", Arial, Helvetica, sans-serif; } h1, .h1 { font-family: "aglettericacondensedc", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 30px; margin-bottom: 20px; text-align: center; color: #77777b; } @media (min-width: 768px) { h1, .h1 { text-align: left; } } h2, .h2 { margin-bottom: 20px; margin-top: 0; } .cad-h2-main { color: #77777b; font-size: 20px; padding: 0; text-transform: uppercase; text-align: center; } @media (min-width: 768px) { .cad-h2-main { font-size: 26px; padding: 20px 0 0; } } @media (min-width: 992px) { .cad-h2-main { font-size: 30px; } } textarea { max-width: 100%; } button, button:active, button:focus { outline: none !important; } .text-block { padding-top: 20px; padding-bottom: 20px; } .text-block img { width: 100%; max-width: 100%; margin-bottom: 20px; } .block-rb { text-align: justify; border-right: 1px solid #ccc; } .block-lb { text-align: justify; border-left: 1px solid #ccc; } @media (min-width: 768px) { .text-block { padding-top: 0; padding-bottom: 0; } .block-rb { border-right: 1px solid #ccc; } .block-lb { border-left: 1px solid #ccc; } .text-block-b { padding-top: 30px; padding-bottom: 30px; } } #call_feedback input[type="checkbox"] { display: inline-block !important; } .popup-window-titlebar { height: 0 !important; } .popup-window-titlebar div { margin: 30px 0 0 !important; color: #77777b; text-transform: uppercase; text-align: center; margin-top: 14px; font-size: 14px; } #call_feedback { font-family: "aglettericacondensedc", Arial, Helvetica, sans-serif; } #call_feedback input.inputtext { font-size: 14px; width: 100%; padding: 0 10px; border: 1px solid #ccc; border-radius: 5px; height: 30px; margin: 0 0 10px; } #call_feedback textarea { font-size: 14px; padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px; } #call_feedback .e_btm { background-color: #f1f1f1; padding: 3px 15px; border: none; } #call_feedback .e_btm:hover { background-color: #d0112b; color: #fff; } ul.nav.navbar-nav.navbar-right li a:hover { background-color: #b9b7ba !important; } .chk_wrapper label { font-size: 12px !important; } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 20%; display: block; width: 60px; height: 60px; margin-top: -10px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .navbar-default .navbar-toggle { border-color: #ffffff; } .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; width: 15px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #d0112b; } .navbar-static-top { background-color: #d0112b; border-bottom: 4px #b9b7ba solid; z-index: 0; font-size: 14px; line-height: 1.428571429; margin-bottom: 0; } .header .navbar-brand { padding: 13px 15px; } .header .navbar-brand img { max-height: 25px; } .header .navbar-form { padding-left: 0; margin-left: 0; display: none; } #cad-header-call-small { background: #d0112b url(../gfx/icons/cad-header-call.png) no-repeat 8px 8px; background-size: 15px 16px; border: 1px #ffffff solid; position: relative; float: right; padding: 9px 16px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; border-radius: 4px; height: 34px; line-height: 20px; box-shadow: none; } @media (min-width: 768px) { #cad-header-call-small { display: none; } } #cad-header-search-small { background: #d0112b url(../gfx/icons/cad-header-searchico.png) no-repeat 8px 8px; background-size: 17px 16px; border: 1px #ffffff solid; position: relative; float: right; padding: 9px 16px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; border-radius: 4px; height: 34px; line-height: 20px; box-shadow: none; } @media (min-width: 768px) { #cad-header-search-small { display: none; } } #cad-header-call { display: none; } @media (min-width: 768px) { #cad-header-call { background: #d0112b url(/bitrix/templates/cmf/img/sv/cmf-header-call.png) no-repeat 13px 15px; background-size: 20px 21px; padding-left: 50px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; margin-right: 0px; font-size: 18px; line-height: 20px; display: block; } } @media (min-width: 992px) { #cad-header-call { background: #d0112b url(/bitrix/templates/cmf/img/sv/cmf-header-call.png) no-repeat 13px 15px; background-size: 20px 21px; padding-left: 50px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; margin-right: 0px; font-size: 20px; line-height: 20px; display: block; } } #cad-header-phone { display: none; } @media (min-width: 768px) { #cad-header-phone { background: #d0112b url(/bitrix/templates/cmf/img/sv/cmf-header-phone.png) no-repeat 10px 14px; background-size: 30px 31px; padding-left: 50px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; margin-right: 15px; font-size: 20px; line-height: 20px; color: #ffffff; position: relative; display: block; } } @media (min-width: 992px) { #cad-header-phone { background: #d0112b url(/bitrix/templates/cmf/img/sv/cmf-header-phone.png) no-repeat 10px 14px; background-size: 30px 31px; padding-left: 50px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; margin-right: 15px; font-size: 20px; line-height: 20px; color: #ffffff; position: relative; display: block; } } #xbase-nav li { border-bottom: 1px #ffffff dotted; } #xbase-nav li:last-child { border-bottom: none; } #xbase-nav li a { color: #ffffff; white-space: nowrap; } #xbase-nav li a:hover { color: #dedede; } #top-navbar { z-index: 10; box-shadow: 0 0 7px rgba(0, 0, 0, 1.2) !important; } @media (min-width: 768px) { #xbase-nav { display: none; } #top-navbar .navbar-brand { display: none; } #top-navbar.navbar-default .navbar-nav li a { color: #ffffff; background-color: transparent; } #cad-header-call:hover, #top-navbar.navbar-default .navbar-nav li a:hover, #top-navbar.navbar-default .navbar-nav li a:focus { color: #ffffff; background-color: #a30c20; } #cad-header-call { background: #d0112b url(../gfx/icons/cad-header-call.png) no-repeat 10px 14px; background-size: 30px 31px; padding-left: 50px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; margin-right: 0px; font-size: 18px; } #top-navbar .navbar-form { display: block; } #top-navbar .btn-default.btn-ico { margin-top: 4px; color: #333333; background-color: transparent; border: none; outline: none; padding-left: 10px; } #search-text, .search-text { margin-top: 3px; width: 150px; } } @media (min-width: 992px) { #top-navbar.navbar-static-top { height: 64px; max-height: 64px; margin-bottom: 0; } #top-navbar .btn-default.btn-ico { margin-top: 4px; color: #333333; background-color: transparent; border: none; outline: none; padding-left: 10px; } #search-text, .search-text { margin-top: 3px; width: 330px; } #cad-header-call { background: #d0112b url(../gfx/icons/cad-header-call.png) no-repeat 10px 14px; background-size: 30px 31px; padding-left: 50px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; margin-right: 0px; font-size: 18px; } #heading-line { display: block; } } @media (min-width: 1200px) { #search-text, .search-text { width: 400px !important; } } #top-navbar.navbar-default .navbar-nav li a:hover { color: #ffffff; background-color: #77777b; } #heading-line { padding-top: 55px; } #heading-line div { display: none; } @media (min-width: 768px) { #heading-line { padding-top: 150px; } #heading-line div { display: block; } #heading-line .container .row div:first-child { text-align: center; padding-bottom: 20px; } #cad-main-nav .navbar-default { background-color: transparent; border: none; border-radius: 0; margin-bottom: 0; height: 40px; min-height: 40px; } #cad-main-nav .navbar-nav { float: none; margin: 0; background-color: #eaeaea; display: table-row; width: 100%; } #cad-main-nav .navbar-nav li { float: none; display: table-cell; width: 1%; } #cad-main-nav .navbar-nav li a { color: #000000; background-color: transparent; text-transform: uppercase; font-size: 11px; padding: 0 7px; line-height: 43px; height: 40px; text-align: center; } #cad-main-nav .navbar-nav li a:hover { color: #ffffff; background-color: #77777b; } #cad-main-nav .dropdown.open a { color: #ffffff; background-color: #77777b; } #cad-main-nav .dropdown-menu { right: auto; left: 0; } #cad-main-nav .dropdown-menu li a { padding: 5px 10px; } #cad-main-nav .dropdown-menu li a:focus, #cad-main-nav .dropdown-menu li a:hover { color: #ffffff; background-color: #77777b; text-decoration: none; } } @media (min-width: 992px) { #heading-line { padding-top: 90px; }#heading-line .container .row div:first-child { text-align: left; padding-bottom: 0; } #cad-header-logo { display: inline-block; max-width: 100%; } #cad-header-logo img { max-width: 100%; } #cad-main-nav { margin-top: 30px; } } @media (min-width: 1200px) { #cad-main-nav { margin-top: 35px; } #cad-main-nav .navbar-nav li a { font-size: 13px; } } #cad-main-slider { padding: 0 0 40px; } #cad-main-slider .container { padding: 0; margin: 0; position: relative; } #cad-main-slider .slick-slide { text-align: center; } #cad-main-slider img { width: 100%; max-width: 100%; margin: 0 auto; } #cad-main-slider .slick-prev { left: 0; top: 25%; z-index: 1; } #cad-main-slider .slick-next { right: 0; top: 25%; z-index: 1; } #cad-main-slider .slick-dots { bottom: -42px; left: 0; right: 0; text-align: center; position: absolute; display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } #cad-main-slider .slick-dots li { margin: 0 0.25rem; } #cad-main-slider .slick-dots button { display: block; width: 1.2rem; height: 1.2rem; padding: 0; border: 1px #77777b solid; border-radius: 100%; background-color: #ffffff; text-indent: -9999px; } #cad-main-slider .slick-dots li.slick-active button { background-color: #cd0e2f; } #cad-main-slider .slick-prev { margin-top: -16px; left: 15px; top: 50%; height: 32px; width: 32px; z-index: 1; } #cad-main-slider .slick-next { margin-top: -16px; right: 15px; top: 50%; height: 32px; width: 32px; z-index: 1; text-align: right; } #cad-main-slider .slick-prev svg, #cad-main-slider .slick-next svg { max-width: 80%; height: 32px; width: 32px; z-index: 1; fill: #d0112b; } @media (min-width: 768px) { #cad-main-slider { padding-top: 20px; } #cad-main-slider .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 750px; } #cad-main-slider .slick-prev { left: 30px; } #cad-main-slider .slick-next { right: 30px; } #cad-main-slider .slick-prev svg, #cad-main-slider .slick-next svg { max-width: 100%; height: 32px; width: 32px; z-index: 1; fill: #d0112b; } } @media (min-width: 992px) { #cad-main-slider .container { width: 970px; } #cad-main-slider .slick-dots { bottom: 15px; } #cad-main-slider .slick-dots button { border: none; } #cad-main-slider { padding-bottom: 0; } } @media (min-width: 1200px) { #cad-main-slider .container { width: 1170px; } } .row-red { padding-left: 3px; padding-right: 15px; } .row-red:first-child { padding-left: 15px; padding-right: 3px !important; } #cad-base-fpl-link { text-transform: uppercase; background-color: #d0112b; color: #ffffff; margin-bottom: 6px; line-height: 40px; border-radius: 0; background: #d0112b url(/bitrix/templates/cmf/img/cmf-mainnav-write.svg) no-repeat 20px 5px; background-size: 40px 40px; padding-left: 45px; } #cad-base-catalog-toggler { text-transform: uppercase; background-color: #d0112b; color: #ffffff; margin-bottom: 6px; line-height: 40px; border-radius: 0; } #cad-base-catalog { padding: 10px 0 20px; text-transform: uppercase; } #cad-base-catalog .col { display: none; text-align: right; padding-top: 1px; } #cad-base-catalog .col a { display: block; padding: 20px; background-color: #f1f1f1; color: #000000; margin-bottom: 6px; line-height: 20px; min-height: 80px; } #cad-catalog-school { background: 
#a4ada0 url(/bitrix/templates/cmf/img/cmf-catalog-table.png) no-repeat 8px center!important; background-size: 65px auto !important; }#cad-catalog-school:hover, #cad-catalog-school:focus { background: #676F66 url(/bitrix/templates/cmf/img/cmf-catalog-table-solid.png) no-repeat 8px center!important; background-size: 65px auto !important; }

#cad-catalog-aero { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-aero.png) no-repeat 15px center; background-size: 100px auto; } #cad-catalog-aero:hover, #cad-catalog-aero:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-aero-white.png) no-repeat 15px center; background-size: 100px auto; } #cad-catalog-aid { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-aid.png) no-repeat 15px center; background-size: 70px auto; } #cad-catalog-aid:hover, #cad-catalog-aid:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-aid-white.png) no-repeat 15px center; background-size: 70px auto; } #cad-catalog-key { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-key.png) no-repeat 15px center; background-size: 90px auto; } #cad-catalog-key:hover, #cad-catalog-key:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-key-white.png) no-repeat 15px center; background-size: 90px auto; } #cad-catalog-clock { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-clock.png) no-repeat 15px center; background-size: 120px auto; } #cad-catalog-clock:hover, #cad-catalog-clock:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-clock-white.png) no-repeat 15px center; background-size: 120px auto; } #cad-catalog-adm { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-adm.png) no-repeat 15px center; background-size: 50px auto; } #cad-catalog-adm:hover, #cad-catalog-adm:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-adm-white.png) no-repeat 15px center; background-size: 50px auto; } #cad-catalog-sport { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-sport.png) no-repeat 28px center; background-size: 30px auto; } #cad-catalog-sport:hover, #cad-catalog-sport:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-sport-white.png) no-repeat 28px center; background-size: 30px auto; } #cad-catalog-act { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-act.png) no-repeat 15px center; background-size: 60px auto; } #cad-catalog-act:hover, #cad-catalog-act:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-act-white.png) no-repeat 15px center; background-size: 60px auto; } #cad-catalog-sofa { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-sofa.png) no-repeat 0px center; background-size: 80px auto; } #cad-catalog-sofa:hover, #cad-catalog-sofa:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-sofa-white.png) no-repeat 0px center; background-size: 80px auto; } #cad-catalog-buisiness { background: #f1f1f1 url(/bitrix/templates/cmf/img/cmf-catalog-buisiness.png) no-repeat 15px center; background-size: 50px auto; } #cad-catalog-buisiness:hover, #cad-catalog-buisiness:focus { background: #d0112b url(/bitrix/templates/cmf/img/cmf-catalog-buisiness-white.png) no-repeat 15px center; background-size: 50px auto; } #cad-base-catalog .col a:hover, #cad-base-catalog .col a:focus { display: block; padding: 20px; background-color: #d0112b; color: #ffffff; line-height: 20px; min-height: 80px; text-decoration: none; } #cad-base-catalog .new { padding-right: 3px; padding-left: 15px; } #cad-base-catalog .new a { background: #ffa200 url(/bitrix/templates/cmf/./img/new-shield-nav.png) no-repeat center 10px; display: block; font-size: 16px; padding: 55px 0 5px; color: #ffffff; margin-bottom: 5px; line-height: 20px; font-size: 13px; min-height: 80px; text-align: center; } #cad-base-catalog .hits { padding-right: 3px; padding-left: 3px; } #cad-base-catalog .hits a { background: #018659 url(/bitrix/templates/cmf/./img/hit-shield-nav.png) no-repeat center 10px; display: block; font-size: 16px; padding: 55px 0 5px; color: #ffffff; margin-bottom: 5px; line-height: 20px; font-size: 13px; min-height: 80px; text-align: center; } #cad-base-catalog .discount { padding-right: 15px; padding-left: 3px; } #cad-base-catalog .discount a { background: #fe0000 url(/bitrix/templates/cmf/./img/act-shield-nav.png) no-repeat center 10px; display: block; font-size: 16px; padding: 55px 0 5px; color: #ffffff; margin-bottom: 5px; line-height: 20px; font-size: 13px; min-height: 80px; text-align: center; } @media (min-width: 768px) { #cad-base-catalog .col { padding-right: 15px; padding-left: 3px; } #cad-base-catalog .col:nth-child(2n) { padding-right: 3px; padding-left: 15px; } #cad-main-nav .dropdown-menu { width: 300px; /* display: flex; */ flex-direction: column; padding: 0; margin: 0; } #cad-main-nav .dropdown-menu li { display: block; width: 100%; } #cad-main-nav .dropdown-menu li a { text-align: left; white-space: normal; font-size: 12px; line-height: 1.5; padding: 7px 15px; height: auto; } #cad-main-nav .dropdown-menu li a span { } #cad-main-nav .dropdown-menu li a span br { display: none; } } @media (min-width: 992px) { #cad-base-catalog .col { display: block; /* padding-right: 15px; */ padding-right: 3px; padding-left: 3px; } #cad-base-catalog .col:nth-child(2n) { padding-right: 3px; /* padding-left: 15px; */ padding-left: 3px; } } @media (min-width: 992px) and (max-width: 1199px) { #cad-base-catalog .col:nth-child(2n + 1) { padding-left: 15px; } #cad-base-catalog .col:nth-child(2n) { padding-left: 3px; padding-right: 15px; } } @media (min-width: 1200px) { #cad-base-catalog .col { padding-right: 15px; padding-left: 15px; } #cad-base-catalog .col, #cad-base-catalog .col:nth-child(2n) { padding-right: 3px; padding-left: 3px; } #cad-base-catalog .col:nth-child(3n + 1) { padding-right: 3px; /* padding-left: 15px; */ } #cad-base-catalog .col:nth-child(3n + 3) { /* padding-right: 15px; */ padding-left: 3px; } #cad-base-catalog .col:nth-child(5), #cad-base-catalog .col:nth-child(8), #cad-base-catalog .col:nth-child(11) { padding-left: 15px; } #cad-base-catalog .new { padding-right: 15px; padding-left: 3px; min-height: 87px; } #cad-base-catalog .hits { padding-right: 15px; padding-left: 3px; min-height: 87px; } #cad-base-catalog .discount { padding-right: 15px; padding-left: 3px; min-height: 87px; } #cad-base-catalog .container .row div:first-child { /* padding-right: 3px; */ } } #breadcrumbs { margin: 0; padding: 0; list-style: none; } #breadcrumbs { overflow: hidden; width: 100%; } #breadcrumbs li { float: left; margin: 0 0.5em 0 1em; position: relative; } #breadcrumbs li:first-child { margin-left: 0; } #breadcrumbs a, #breadcrumbs li:last-child > span { background: #f1f1f1; float: left; text-decoration: none; color: #000000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); position: relative; padding: 0.6em 0.7em; line-height: normal; } #breadcrumbs a:hover, #breadcrumbs li:last-child > span, #breadcrumbs li:last-child > a { background: #d0112b; color: #ffffff; } #breadcrumbs li:last-child > a span{ padding: 0; } #breadcrumbs li:last-child > a span:before, #breadcrumbs li:last-child > a span:after{ padding: 0; display: none; } #breadcrumbs a::before, #breadcrumbs li:last-child > span::before, #breadcrumbs li:last-child > a::before { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-width: 1.5em 0 1.5em 1em; border-style: solid; border-color: #f1f1f1 #f1f1f1 #f1f1f1 transparent; left: -1em; } #breadcrumbs li:last-child > span:before, #breadcrumbs li:last-child > a:before { border-color: #d0112b #d0112b #d0112b transparent; } #breadcrumbs li:first-child a::before { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-width: 0; border-style: solid; border-color: #f1f1f1 #f1f1f1 #f1f1f1 #ffffff; left: -1em; } #breadcrumbs a:hover::before, #breadcrumbs span::before { border-color: #d0112b #d0112b #d0112b transparent; } #breadcrumbs a::after, #breadcrumbs span::after { content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid #ffffff; border-bottom: 1.5em solid #ffffff; border-left: 1em solid #f1f1f1; right: -1em; } #breadcrumbs a:hover::after, #breadcrumbs span::after, #breadcrumbs li:last-child > a:after{ border-left-color: #d0112b; } #breadcrumbs span.current::after {display: none;} #breadcrumbs a::after, #breadcrumbs span::after { right: -8px; width: 8px; height: 14px; top: 2px;}@media (min-width: 768px) { #breadcrumbs li { margin: 0 0.5em 0 1em; font-size: 14px; } #breadcrumbs a, #breadcrumbs li:last-child > span { padding: 0.6em 0.7em; line-height: normal; } } @media (min-width: 992px) { #breadcrumbs li { margin: 0 0.5em 0 1em; font-size: 14px; } #breadcrumbs a, #breadcrumbs li:last-child > span { padding: 0.7em 0.8em; line-height: normal; } } @media (min-width: 1200px) { #breadcrumbs li { margin: 0 0.5em 0 1em; font-size: 16px; } #breadcrumbs a, #breadcrumbs li:last-child > span { padding: 0.9em 1em; line-height: normal; } } #cad-main-perfect { } #cad-perfect-slider { padding: 0 40px; position: relative; } #cad-perfect-slider .slick-slide { text-align: center; } #cad-perfect-slider .slick-slide div { text-align: center; margin: 0 5px; font-size: 9px; color: #d0112b; font-weight: bold; text-transform: uppercase; } #cad-perfect-slider .slick-slide div span { display: block; } #cad-perfect-slider .slick-slide div div { padding: 15px 0 0; } #cad-perfect-slider img { width: 100%; max-width: 80%; margin: 0 auto; } #cad-perfect-slider .slick-prev { margin-top: -16px; left: 0; top: 50%; height: 32px; width: 32px; z-index: 1; } #cad-perfect-slider .slick-next { margin-top: -16px; right: 0; top: 50%; height: 32px; width: 32px; z-index: 1; text-align: right; } #cad-perfect-slider .slick-prev svg, #cad-perfect-slider .slick-next svg { max-width: 80%; height: 32px; width: 32px; z-index: 1; fill: #d0112b; } @media (min-width: 768px) { #cad-perfect-slider .slick-slide div { font-size: 12px; margin: 20px 5px; } #cad-perfect-slider .slick-prev svg, #cad-perfect-slider .slick-next svg { max-width: 100%; fill: #d0112b; } } @media (min-width: 992px) { #cad-perfect-slider .slick-slide div div { padding: 20px 0 0; } } #cad-tender { padding: 20px 0 45px; color: #ffffff; } #cad-tender .container { padding: 0; } #cad-tender-block { padding: 0 20px; min-height: 240px; background: #d0112b url(/bitrix/templates/cmf/img/cmf-index-tenderbg.png) no-repeat top left; background-size: cover; text-align: center; } #cad-tender-block .col { padding: 20px; } #cad-tender-block .col:first-child { padding: 20px 0 0; } #cad-tender-block img { height: 50px; } #tndr-link { margin: 30px auto 10px; } #tndr-link a { font-size: 14px; text-transform: uppercase; color: #ffffff; background: #fff; color: #d0112b; border: none; padding: 5px 10px; font-family: "aglettericacondensedc", Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #tndr-link a:hover { background: #e9e9e9; color: #000; border: none; padding: 5px 10px; font-family: "aglettericacondensedc", Arial, Helvetica, sans-serif; } @media (min-width: 768px) { #cad-tender .container { padding: 0 15px; } #cad-tender-block .col { padding: 20px 0; } #cad-tender-block .col:first-child { padding: 100px 0 0; font-size: 16px; } #cad-tender-block .col:last-child { padding: 70px 0 0; font-size: 14px; } } @media (min-width: 992px) { #cad-tender-block .col:first-child { padding: 20px 0; font-size: 18px; } #cad-tender-block .col:first-child p { text-align: left; position: absolute; top: 150px; left: 35px; line-height: normal; } #cad-tender-block .col:last-child { padding: 50px 0 40px; font-size: 14px; } #tndr-link { margin: 50px auto 10px; } #cad-tender-block img { height: 70px; } #tndr-link a { font-size: 30px; text-transform: uppercase; color: #ffffff; background: #fff; color: #d0112b; border: none; padding: 5px 10px; font-family: "aglettericacondensedc", Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #tndr-link a:hover { background: #e9e9e9; color: #000; border: none; padding: 5px 10px; font-family: "aglettericacondensedc", Arial, Helvetica, sans-serif; } } #cad-clients { } #cad-clients-slider { padding: 0 40px; position: relative; } #cad-clients-slider .slick-slider { padding: 0 40px; } #cad-clients-slider .slick-slide { text-align: center; } #cad-clients-slider img { width: 100%; max-width: 80%; margin: 0 auto; } #cad-clients-slider .slick-prev { margin-top: -16px; left: 0px; top: 50%; height: 32px; width: 32px; z-index: 1; } #cad-clients-slider .slick-next { margin-top: -16px; right: 0px; top: 50%; height: 32px; width: 32px; z-index: 1; text-align: right; } #cad-clients-slider .slick-prev svg, #cad-clients-slider .slick-next svg { max-width: 80%; height: 32px; width: 32px; z-index: 1; fill: #d0112b; } #cad-clients-slider #back-button { fill: red; } @media (min-width: 768px) { #cad-clients-slider { padding: 20px 0; } #cad-clients-slider img { width: 100%; max-width: 80%; margin: 0 auto; } } #cad-forum { padding: 20px 0; } #cad-forum .container { padding: 0; } #cad-forum-block { padding: 0 20px; min-height: 200px; background: #77777b url(/bitrix/templates/cmf/img/cmf-index-forumbg.png) no-repeat center center; background-size: cover; text-align: center; } #cad-forum-block .col { padding: 20px 0; } #cad-forum-block img { height: 70px; } #cad-forum-block .cad-h2 { font-size: 20px; padding: 20px 0; text-transform: uppercase; text-align: center; color: #ffffff; margin-bottom: 0; } #cad-forum-block .button a { font-size: 14px; display: inline-block; padding: 5px 15px; border-radius: 5px; color: #ffffff; background: #d0112b; } #cad-forum-block .button a:hover { background: #a30c20; text-decoration: none; } @media (min-width: 768px) { #cad-forum .container { padding: 0 15px; } } @media (min-width: 992px) { #cad-forum-block img { height: 90px; } #cad-forum-block .cad-h2 { font-size: 30px; } #cad-forum-block .button a { font-size: 16px; } } #cad-diplom { } #cad-diplom-slider { padding: 40px; position: relative; } #cad-diplom-slider .slick-slider { padding: 0 40px; } #cad-diplom-slider .slick-slide { text-align: center; } #cad-diplom-slider img { width: 100%; max-width: 50%; margin: 0 auto; } #cad-diplom-slider .slick-prev { margin-top: -16px; left: 0px; top: 50%; height: 32px; width: 32px; z-index: 1; } #cad-diplom-slider .slick-next { margin-top: -16px; right: 0px; top: 50%; height: 32px; width: 32px; z-index: 1; text-align: right; } #cad-diplom-slider .slick-prev svg, #cad-diplom-slider .slick-next svg { max-width: 80%; height: 32px; width: 32px; z-index: 1; fill: #d0112b; } #cad-diplom-slider #back-button { fill: red; } @media (min-width: 768px) { #cad-diplom-slider { padding: 20px 0; } #cad-diplom-slider img { width: 100%; max-width: 80%; margin: 0 auto; } } #cad-catalog-items .cad-catalog-item { margin-bottom: 30px; } #cad-catalog-items .name { font-size: 13px; font-weight: normal; margin-bottom: 10px; text-align: center; } #cad-catalog-items .name .title { font-weight: bold; text-transform: uppercase; font-size: 20px; color: #000000; } #cad-catalog-items .name .title span { font-weight: normal; text-transform: uppercese; color: #000000; } #cad-catalog-items .label { color: #333; position: absolute; top: 0; right: 5px; width: 70px; height: 100px; } #cad-catalog-items .label:empty { display: block; } #cad-catalog-items .label.new { background: transparent url("/images/orange-flag.png") no-repeat center -15px; background-size: 100% 100%; } #cad-catalog-items .label.sale { background: transparent url("/images/red-flag.png") no-repeat center -15px; background-size: 100% 100%; } #cad-catalog-items .label.hit { background: transparent url("/images/green-flag.png") no-repeat center -15px; background-size: 100% 100%; } @media (min-width: 768px) { #cad-catalog-items .name { text-align: left; } } @media (min-width: 1200px) { #cad-catalog-items .name .title { font-size: 25px; } } #cad-notfound { padding: 20px 0 0; } #cad-footer { } @media (min-width: 768px) { } #cad-footer-navbar { padding: 0; } #cad-footer-navbar .navbar-default { background: #d6d8da; border: none; border-radius: 0; } #cad-footer-navbar .navbar-default .navbar-brand { float: left; padding: 10px; font-size: 18px; } #cad-footer-navbar .navbar-default .navbar-collapse, #cad-footer-navbar .navbar-default .navbar-form { border: none; } #cad-footer-finder { padding: 0; margin-top: 7px; margin-bottom: 7px; padding-right: 10px; } #cad-footer-navbar .navbar-default .navbar-form .btn { padding: 0; height: 15px; } @media (min-width: 768px) { #cad-footer-navbar .navbar-default .navbar-collapse, #cad-footer-navbar .navbar-default .navbar-form { border-color: #e7e7e7; } #search-text-footer { width: 300px; } } #cad-footer-contacts .col { text-align: center; font-size: 14px; } @media (min-width: 768px) { .col-sm-4.col-ft4 { width: 25%; } #cad-footer-contacts .col { font-size: 16px; } } @media (min-width: 992px) { #cad-footer-contacts .col { font-size: 20px; } } #cad-footer-eula { padding: 20px 0; text-align: center; font-size: 12px; } #cad-footer-eula p { line-height: 1; } #cad-footer-eula p:lsat-child { margin-bottom: 0; } @media (min-width: 768px) { #cad-footer-eula { font-size: 14px; } } @media (min-width: 992px) { #cad-footer-eula { font-size: 16px; } } .lightbox { box-sizing: border-box; padding: 20px !important; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); z-index: 15000 !important; } .lightbox img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-width: 80%; max-height: 80%; } .lightbox-title { display: block; position: absolute; overflow: hidden; text-overflow: ellipsis; height: 10%; left: 10%; right: 10%; bottom: 0px; font-size: 14px; line-height: 1.4; color: white; text-align: center; } .lightbox-close { display: block; position: absolute; overflow: hidden; height: 50px; width: 50px; right: 10px; top: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); outline: none !important; } .lightbox-close:before { content: ""; display: block; position: absolute; height: 36px; width: 2px; left: 24px; top: 7px; background: white; border-radius: 1px; } .lightbox-close:after { content: ""; display: block; position: absolute; width: 36px; height: 2px; top: 24px; left: 7px; background: white; border-radius: 1px; } .lightbox-prev, .lightbox-next { display: block; position: absolute; overflow: hidden; width: 30%; top: 70px; bottom: 70px; outline: none !important; } .lightbox-prev.lightbox-inactive, .lightbox-next.lightbox-inactive { opacity: 0.2; } .lightbox-prev { left: 0px; } .lightbox-next { right: 0px; } .lightbox-prev:before, .lightbox-prev:after, .lightbox-next:before, .lightbox-next:after { content: ""; display: block; position: absolute; width: 32px; height: 2px; top: 50%; background: white; border-radius: 1px; } .lightbox-prev:before, .lightbox-prev:after { left: 16.6%; margin-left: -16px; } .lightbox-next:before, .lightbox-next:after { right: 16.6%; margin-right: -16px; } .lightbox-prev:before, .lightbox-next:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .lightbox-prev:after, .lightbox-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .lightbox-prev:before, .lightbox-next:after { margin-top: -11px; } .lightbox-prev:after, .lightbox-next:before { margin-top: 11px; } .popup-window, .popup-window-overlay { position: fixed !important; } .popup-window { top: 0 !important; } .popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content { background-color: transparent !important; } .tags { display: flex; flex-wrap: wrap; padding-left: 10px; margin: 10px 0px 30px 0px; } .tags li { list-style: none; padding: 5px 13px; background: #eaeaea; margin: 5px 5px; } .tags li:hover a { color: #fff; text-decoration: none; } .tags li:hover { background: #d0112b; } #cad-main-sliderz { padding: 0 0 40px; margin-bottom: 40px; } #cad-main-sliderz .container { padding: 0; margin: 0; position: relative; } #cad-main-sliderz .slick-slide { text-align: center; } #cad-main-sliderz img { width: 100%; max-width: 100%; margin: 0 auto; } #cad-main-sliderz .slick-prev { left: 0; top: 25%; z-index: 1; } #cad-main-sliderz .slick-next { right: 0; top: 25%; z-index: 1; } #cad-main-sliderz .slick-dots { bottom: -42px; left: 0; right: 0; text-align: center; position: absolute; display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; } #cad-main-sliderz .slick-dots li { margin: 0 0.25rem; } #cad-main-sliderz .slick-dots button { display: block; width: 1.2rem; height: 1.2rem; padding: 0; border: 1px #77777b solid; border-radius: 100%; background-color: #ffffff; text-indent: -9999px; } #cad-main-sliderz .slick-dots li.slick-active button { background-color: #cd0e2f; } #cad-main-sliderz .slick-prev { margin-top: -16px; left: 15px; top: 50%; height: 32px; width: 32px; z-index: 1; } #cad-main-sliderz .slick-next { margin-top: -16px; right: 15px; top: 50%; height: 32px; width: 32px; z-index: 1; text-align: right; } #cad-main-sliderz .slick-prev svg, #cad-main-sliderz .slick-next svg { max-width: 80%; height: 32px; width: 32px; z-index: 1; fill: #d0112b; } #heading-line .logo_desc { color: #77777b; text-transform: uppercase; text-align: center; margin-top: 14px; font-size: 14px; } #cad-header-call { color: #fff; } .header-phone-btn { text-transform: uppercase; background-color: #018659; color: #ffffff; margin-bottom: 6px; line-height: 40px; border-radius: 0; font-size: 16px; } .footer { padding: 30px 0 50px; } .footer-logo { margin-bottom: 25px; } .footer-logo img { max-width: 100%; width: 238px; } .footer-logo .logo_desc { color: #77777b; text-transform: uppercase; text-align: left; margin-top: 14px; font-size: 14px; } .footer-item { display: flex; flex-direction: column; color: #333333; } .footer-item.-contacts a { display: block; color: #333333; font-weight: 700; padding: 2px 0 2px 40px; margin-bottom: 12px; } .footer-item.-contacts a:hover { color: #337ab7 !important; text-decoration: none; } .footer-item__title { display: block; margin-bottom: 15px; font-size: 16px; text-transform: uppercase; } .navbar-footer ul { margin: 0; padding: 0; list-style: none; column-count: 2; } .navbar-footer li { margin-bottom: 10px; } .navbar-footer li a { font-size: 16px; font-weight: 700; } .navbar-footer li a:hover { text-decoration: none; } .footer-item__callback { color: #d0112b !important; } .footer-item__phone { font-size: 18px; } @media (max-width: 1200px) { .footer-content { display: flex; flex-wrap: wrap; } .footer-content .-left { order: 1; } .footer-content .-center { order: 3; } .footer-content .-right { order: 2; } .footer-item.-menu { margin-top: 20px; } } @media (min-width: 768px) { #cad-main-sliderz { padding-top: 20px; } #cad-main-sliderz .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: 750px; } #cad-main-sliderz .slick-prev { left: 30px; } #cad-main-sliderz .slick-next { right: 30px; } #cad-main-sliderz .slick-prev svg, #cad-main-sliderz .slick-next svg { max-width: 100%; height: 32px; width: 32px; z-index: 1; fill: #d0112b; } } @media (min-width: 992px) { #cad-main-sliderz .container { width: 970px; } #cad-main-sliderz .slick-dots { bottom: 15px; } #cad-main-sliderz .slick-dots button { border: none; } #cad-main-sliderz { padding-bottom: 0; } } @media (min-width: 1200px) { #cad-main-sliderz .container { width: 1170px; } } @media (max-width: 767px) { .navbar { min-height: 55px !important; } .logo_desc { color: #fff; font-size: 9px; margin-top: -5px; } .search_xs .form-control { width: 88%; height: 25px; float: left; } .search_xs .btn-default { background-color: transparent; height: 25px; margin-left: 8px; border: 1px #ffffff solid; width: 25px; padding: 5px; } .search_xs { margin-bottom: 0; border-bottom: 0; margin-left: -15px !important; padding-top: 0px; border-top: 3px solid #fff; padding-bottom: 5px; } .navbar-form .form-group { margin-left: 15px; } .search_xs_active { border: 2px solid #fff !important; background: #d0112b url(../gfx/icons/close_icon.png) no-repeat 8px 8px !important; background-size: 17px 16px !important; } .footer-item.-contacts { margin-top: 20px; } } @media (max-width: 400px) { .col-sm-4.col-ft4 { width: 95%; margin-top: 15px; float: left; } .navbar-footer ul { column-count: 1; } } @media (max-width: 767px) { .row-red, .row-red:first-child { padding-left: 15px !important; padding-right: 15px !important; } }


 .starter {
    display: none;
}
.container >p > img,
.container > img{
    max-width: 100%;
    height: auto !important;
    margin: 20px 0;
}
.container img{
    max-width: 100% !important;
    height: auto !important;
}
#announceModal .modal-dialog {
    background-color: #eaeaea;
    width: 920px;
    max-width: 95%;
}
#announceModal .modal-content {
    background: url(../gfx/announce-dec.png) left -1px top repeat-y;
    position: relative;
    min-height: 320px;
    border-radius: 0
}
#announceModal .modal-content__inner {
    margin: 55px auto 50px 180px;
    max-width: calc(100% - 270px);
    height: 70%;
    color: #333;
}
#announceModal h2 {
    font-size: 30px;
    margin: 0 0 15px;
    font-weight: 700;
}
#announceModal p {
    font-size: 19px;
    line-height: 160%;
    margin: 0 0;
}
#announceModal p span {
    font-weight: 700
}
#announceModal p span.red {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    background-color: #d43147;
    position: relative;
    font-weight: bold;
    left: -10px;
}
#announceModal .close {
    opacity: 1;
    position: absolute;
    top: 25px;
    right: 30px;
	display: block;
	width: 23px;
	height: 23px;
	cursor: pointer;
}
#announceModal .close span {
    display: block;
    height: 25px;
    width: 2px;
    background-color: #333;
    transform: rotate(45deg);
    position: relative;
	left: 10px;
}
#announceModal .close span::before {
    content: '';
    display: block;
    height: 25px;
    width: 2px;
    top: 0;
    left: 0;
    background-color: #333;
    transform: rotate(-90deg);
    position: absolute
}
@media (max-width: 767px) {
	#announceModal .modal-content {
	min-height: auto;
		}
    #announceModal .modal-content__inner {
        margin: 55px 30px 30px 130px;
		max-width: 100%;
    }
    #announceModal p {
        font-size: 16px;
        line-height: 150%
    }
    #announceModal h2 {
        font-size: 24px
    }
}
@media (max-width: 520px) {
	#announceModal .modal-content {
	background-position: left -50px top;
		}
#announceModal .modal-content__inner {
        margin: 55px 30px 30px 80px;
		max-width: 100%;
    }
	}
@media (max-width: 414px) {
    #announceModal p {
        font-size: 14px
    }
    #announceModal h2 {
        font-size: 20px;
    }
}
/************************************/

#cad-main-slider .slick-slider{
    max-height: 332px;
    overflow: hidden;
}

@media (min-width: 768px) {
    #tender-link {
        background: #d0112b url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='490' height='490'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M418.3,418.3c95.7-95.7,95.7-250.8,0-346.5c-95.7-95.7-250.8-95.7-346.5,0s-95.7,250.8,0,346.5 C167.5,514,322.7,514,418.3,418.3 M157.2,207.6l55.1,55.1L333,142.1l42.7,42.7L255.1,305.4l-42.8,42.7l-42.7-42.7l-55.1-55.1 L157.2,207.6z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 10px center;
         background-size: 26px 26px;
        padding-left: 50px;
        padding-top: 20px;
        padding-right: 10px;
        padding-bottom: 20px;
        margin-right: 0px;
        font-size: 18px;
    }
}
@media (min-width: 992px) {
    #tender-link {
        background: #d0112b url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='490' height='490'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M418.3,418.3c95.7-95.7,95.7-250.8,0-346.5c-95.7-95.7-250.8-95.7-346.5,0s-95.7,250.8,0,346.5 C167.5,514,322.7,514,418.3,418.3 M157.2,207.6l55.1,55.1L333,142.1l42.7,42.7L255.1,305.4l-42.8,42.7l-42.7-42.7l-55.1-55.1 L157.2,207.6z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 10px center;
        background-size: 26px 26px;
        padding-left: 50px;
        padding-top: 20px;
        padding-right: 10px;
        padding-bottom: 20px;
        margin-right: 0px;
        font-size: 18px;
        line-height: 20px;
        display: block;
    }
}
.homepage-text-main {
    padding-bottom: 50px;
}
.homepage-text-main h1 {
    text-align: center;
}
.homepage-text-main__more {
    position: relative;
    display: block;
    margin: 0 auto;
    vertical-align: top;
    height: 40px;
    max-width: 100%;
    padding: 0 40px;
    border: none;
    background: #f30928;
    font: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 200px;
}
.homepage-text-main__more:hover {
    text-decoration: none;
    color: #fff;
    background-color: #b9b7ba;
}
#cad-production {
    padding: 50px 0 30px;
}
.cad-production__slider {
    position: relative;
}

#cad-production-slider {
    padding: 0 40px;
    position: relative;
}

#cad-production-slider .slick-slider {
    padding: 0 25px;
}

#cad-production-slider .slick-slide {
    text-align: center;
    margin: 0 20px;
}

#cad-production-slider img {
    width: 100%;
    margin: 0 auto;
}

#cad-production-slider .slick-prev {
    margin-top: -16px;
    left: 0px;
    top: 50%;
    height: 32px;
    width: 32px;
    z-index: 1;
}

#cad-production-slider .slick-next {
    margin-top: -16px;
    right: 0px;
    top: 50%;
    height: 32px;
    width: 32px;
    z-index: 1;
    text-align: right;
}

#cad-production-slider .slick-prev svg,
#cad-production-slider .slick-next svg {
    height: 32px;
    width: 32px;
    z-index: 1;
    fill: #d0112b;
}

#cad-production-slider #back-button {
    fill: red;
}

@media (min-width: 768px) {
    #cad-production-slider {
        padding: 20px 0;
    }

    #cad-production-slider img {
        width: 100%;
        margin: 0 auto;
    }
}

.popup-window-titlebar{
    display: none !important;
}

.popup-window-with-titlebar .popup-window-content{
    padding: 20px;
}

.feedback-form__row{
    display: flex;
    margin: 0 -10px;
}
.feedback-form__col{
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 10px;
}
.feedback-form__col.-fullwidth {
    width: 100%;
}
.feedback-form__col .feedback-form__field{
    width: 100%;
    margin: 0;
}
.feedback-form__col textarea {
    height: 110px;
}
.feedback-form__field.-file{
    margin-top: 15px;
}
#call_feedback .feedback-form__col [type="submit"] {
    height: 40px;
    background: #d0112b;
    text-transform: uppercase;
    border: none;
    text-align: center;
    color: #ffffff;
    width: 200px;
}
.feedback-form__field-label{
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #757575;
}
.feedback-form__input-container.file{
    position: relative;
    display: flex;
    width: calc(50% - 10px);
    align-items: center;
    justify-content: center;
    height: 60px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    margin-bottom: 20px;
}
.feedback-form__input-container.file input[type="file"] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.feedback-form__input-container.file:after{
    content:'';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #cccccc;
    color: #cccccc;
    font-size: 20px;
    font-weight: 300;
    background: url('/images/plus.png') no-repeat center center;

}

.custom-file{
    display: flex;
}
.custom-file__previews {
    display: flex;
    align-items: center;
    margin: 0 0 20px 15px;
    width: calc(50% - 10px);
}
.custom-file__previews-item{
    padding: 0 5px;
}
.custom-file__previews-item img{
    height: 60px;
    width: auto;
    border-radius: 5px;
}
@media(max-width: 650px){
    .feedback-form__row {
        flex-direction: column;
    }
    .feedback-form__col {
        width: 100%;
    }
    #call_feedback .feedback-form__col [type="submit"] {
        width: 100%;
    }

    #call_feedback {
        left: 15px !important;
        width: calc(100vw - 30px) !important;
        box-sizing: border-box;
        max-height: 100vh;
        overflow: auto;
    }
    #popup-window-content-call_feedback{
        width: 100% !important;
        box-sizing: border-box;
    }
    .popup-window-with-titlebar .popup-window-content{
        padding: 20px 0 0;
    }
    .custom-file{
        flex-direction: column;
    }
    .feedback-form__input-container.file{
        width: 100%;
    }
    .custom-file__previews{
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }
}
.feedback-footer {
    padding: 50px 0 10px;
}
.feedback-footer__form {
    border: 1px solid #cdcdcd;
    background: #fff;
    padding: 40px 125px 35px;
}

.feedback-footer__form-title,
.feedback-form__title {
    color: #77777b;
    font-size: 20px;
    padding: 0;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 22px;
}
.feedback-footer__form input:not([type="submit"]),
.feedback-footer__form textarea {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
}
.feedback-footer__form input:not([type="submit"]) {
    height: 50px;
}
.feedback-footer__form textarea {
    height: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    resize: none;
}
.feedback-form__fields-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}
.feedback-form__field {
    width: calc(33.33% - 10px);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.feedback-form__field.-fullwidth {
    width: calc(100% - 10px);
}
.feedback-form__submit-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}
.feedback-form__submit-container input[type='submit'] {
    position: relative;
    display: block;
    vertical-align: top;
    height: 40px;
    max-width: 100%;
    padding: 0 40px;
    border: none;
    background: #f30928;
    font: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 200px;
}
.feedback-form__submit-container input[type='submit']:hover {
    text-decoration: none;
    color: #fff;
    background-color: #b9b7ba;
}
.feedback-form__policy {
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
    background: url('/images/policy.jpg') left top 2px no-repeat;
    padding-left: 17px;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .feedback-footer__form-title {
       font-size: 30px;
    }
}

@media (max-width: 992px) {
    .feedback-form__submit-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .feedback-form__field {
        width: calc(100% - 10px);
    }
    .feedback-form__policy {
        margin: 10px 0;
    }
}
@media (max-width: 768px) {
    .feedback-footer__form {
        padding: 40px 25px 35px;
    }
}