/* Start:/bitrix/templates/empty/js/slick/slick.css?17004765571776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/empty/js/slick/slick-theme.css?17004765572796*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
   
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/bitrix/templates/empty/js/slick/./fonts/slick.eot');
    src: url('/bitrix/templates/empty/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/empty/js/slick/./fonts/slick.woff') format('woff'), url('/bitrix/templates/empty/js/slick/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/empty/js/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top:265px;

    display: block;
    z-index:99999;
      width: 32px;
    height: 32px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    opacity: 0.6
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
   
    outline: none;
   opacity: 1;
}
 

.slick-prev
{
    left: 25px;
    background:url(/bitrix/templates/medis/images/arrow_left.png) no-repeat center center
}
[dir='rtl'] .slick-prev
{
    right:0px;
    left: auto;
}
.slick-prev:before
{
   
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
background:url(/bitrix/templates/medis/images/arrow_right.png) no-repeat center center;
    right: 25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/bitrix/templates/empty/template_styles.css?170047655713625*/
html, body { font-family: 'Golos Text', sans-serif; font-size:14px;  margin:0; padding:0; height:100%; width:100%; }

h1 { font-size:34px;  color:#555555; font-weight:normal; padding:0px; margin:0px; }
h2 { font-size:34px;  color:#555555; font-weight:normal; padding:0px; margin:0px;   }
h3 { font-size:18px;  color:#333; font-weight:normal; padding:0px; margin:0px;  }
p { color:#333; font-size:14px; text-align:left; margin:0px; padding:0 }
img { border:none; outline:0 }
a { color:#333; outline:0 }
ul, ol, li { padding:0px; margin:0px; font-size:14px; color:#333;}
a:hover {text-decoration: none; cursor:pointer}
input {outline:0; font-family: 'Golos Text', sans-serif;}
input[type="submit"] {cursor:pointer; font-family: 'Golos Text', sans-serif; -webkit-appearance: none; }
 
header {background: url(/bitrix/templates/empty/images/banner.jpg) no-repeat top center; width: 100%; height: 888px;}
header .top_part {max-width: 1440px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom:1px solid rgba(255, 255, 255, 0.59);}
header .top_part div { display: flex; gap:80px}
header .top_part div p:first-of-type {background: url(/bitrix/templates/empty/images/phone_ico.svg) no-repeat left center; padding:0 0 0 40px}
header .top_part div p:last-of-type {background: url(/bitrix/templates/empty/images/chat_ico.svg) no-repeat left center; padding:0 0 0 40px}
header .top_part div p {color:#fff; font-size:12px}
header .top_part div a {display: block; font-size:19px; font-weight: 500; color:#fff; text-decoration: none;}
header .top_part ul { list-style:none}
header .top_part ul li {}
header .top_part ul li a { font-size:12px; text-transform: uppercase; color:#0C0C0C; background:#fff; font-weight: 600; text-decoration: none; width:48px; height:48px; display: flex; align-items: center; justify-content: center; border-radius: 50px;}
header .top_part .lang-menu{position: relative;}
header .top_part .lang-menu > a{text-transform: uppercase;}
header .top_part .dropdown{height: 0; opacity: 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 10; padding-top: 10px; transition: .3s ease;}
header .top_part .dropdown ul{width: auto;}
header .top_part .dropdown ul li:not(:last-child){margin-bottom: 5px;}
header .top_part .lang-menu.open .dropdown{ height: 164px; opacity: 1;}

@media screen and (hover: hover) {
	header .top_part .lang-menu:hover .dropdown{ height: 164px; opacity: 1;}
}


header .banner_block { display: flex; height: 651px; align-items: center;  margin: 0 auto; max-width: 1440px;}
header .banner_block .banner_text {width: 45%; }
header .banner_block .banner_text p { font-size:21px; color:#fff}
header .banner_block .banner_text h1 {font-size:44px; color:#fff; padding: 10px 0 50px;} 
header .banner_block .banner_text a { font-size:14px; color:#0c0c0c; background: url(/bitrix/templates/empty/images/right.svg) no-repeat right 25px center #fff; padding:25px 70px 25px 40px; text-decoration: none;}

main { max-width: 1440px; margin:0 auto;}
main h2 {font-size: 24px; color: #0C0C0C; padding: 40px 0; }
main .catalog {display: flex; flex-wrap: wrap; justify-content: center; gap:18px}
main .catalog .catalog_list {width:24%; padding: 0 0 40px 0;}
main .catalog .catalog_list img {width: 100%; height: 265px; object-fit: cover;}
main .catalog .catalog_list p {font-size: 18px; color: #0C0C0C; padding:15px 0}
main .catalog .catalog_list span {font-size: 14px; color: #555;}

.gray_part { background:#F8F8F8; padding: 80px 0; margin:50px 0 0 0 }
.gray_part .wrap { display:flex; margin: 0 auto; max-width: 1440px; align-items: center; gap:50px}
.gray_part .wrap img {}
.gray_part .wrap h2 { font-size: 24px; color: #0C0C0C; padding: 0 0 20px 0; width: 75%;}
.gray_part .wrap p {padding:0 0 50px 0; width: 80%; }
.gray_part .wrap a  { font-size:14px; color:#fff; background: url(/bitrix/templates/empty/images/arrow-circle-right.svg) no-repeat right 25px center #163183; padding:25px 70px 25px 40px; text-decoration: none;}

.about_part { display: flex;}
.about_part .left_part {background: #358EB8; width:40%; padding: 5% 5% 5% 10%;}
.about_part .left_part h2 {font-size: 24px; color:#fff; padding: 0 0 40px 0; }
.about_part .left_part p {font-size: 14px; color:#fff; padding: 0 0 15px 0; line-height: 22px;}
.about_part .left_part p:last-of-type { margin: 0 0 40px 0; }
.about_part .left_part a { font-size:14px; color:#0c0c0c; background: url(/bitrix/templates/empty/images/right.svg) no-repeat right 25px center #fff; padding:25px 70px 25px 40px; text-decoration: none; }
.about_part .right_part { display: flex; flex-wrap: wrap; gap:20px; padding: 5% 10% 5% 5%; width:60%; background: url(/bitrix/templates/empty/images/about_bg.jpg) no-repeat top center; background-size: cover;}
.about_part .right_part p:nth-of-type(1) { background: url(/bitrix/templates/empty/images/about_ico1.svg) no-repeat left 15px top; }
.about_part .right_part p:nth-of-type(2) { background: url(/bitrix/templates/empty/images/about_ico2.svg) no-repeat left 15px top; }
.about_part .right_part p:nth-of-type(3) { background: url(/bitrix/templates/empty/images/about_ico3.svg) no-repeat left top; padding-bottom: 0;}
.about_part .right_part p:nth-of-type(4) { background: url(/bitrix/templates/empty/images/about_ico4.svg) no-repeat left top; padding-bottom: 0;}
.about_part .right_part p {width:34%; font-size: 16px; font-weight: 500; color: #FFF; padding:0 0 40px 100px}
.about_part .right_part p span {font-size: 14px; line-height: 22px; color: #FFF; display: block; padding:15px 0 0 0}

.contacts { display: flex; max-width: 1440px; margin: 80px auto;}
.contacts div:first-of-type {width:60%}
.contacts div:last-of-type {width:30%}
.contacts div h2 {font-size: 24px; color: #0C0C0C; padding: 0 0 46px 0;}
.contacts div p { font-size: 14px; color: #0C0C0C; line-height: 22px; padding: 0 0 30px 40px;}
.contacts div p:first-of-type {background: url(/bitrix/templates/empty/images/map_ico.svg) no-repeat left top;}
.contacts div p:nth-of-type(2) {background: url(/bitrix/templates/empty/images/phone_ico_2.svg) no-repeat left top; }
.contacts div p:nth-of-type(3) {background: url(/bitrix/templates/empty/images/mail_ico.svg) no-repeat left top; }
.contacts div p a {text-decoration: none;}
.contacts div form {display: flex; flex-wrap: wrap; gap:15px}
.contacts div form input { width:39%; border: 1px solid rgba(112, 112, 112, 0.20); background: #F8F8F8; padding:20px}
.contacts div form input[type="submit"] { width: fit-content; font-size: 14px;  color: #fff;  background: url(/bitrix/templates/empty/images/arrow-circle-right.svg) no-repeat right 25px center #163183; padding: 25px 70px 25px 40px; text-decoration: none; border:none } 

footer img{ width: 100%;}

.partners_block {max-width: 1440px; margin: 80px auto; }
/* .partners_block .partners_block_car { display: flex; justify-content: space-between; align-items: center;} */
.partners_block .partners_block_car .partners_block_car_items {  display: flex; justify-content: center; align-items: center; height:150px}
.partners_block .partners_block_car .partners_block_car_items img {max-width: 100%; max-height:150px;}

checkbox-styled{display: flex; position: relative;}
.checkbox-styled input{width: 0; height: 0; opacity: 0; position: absolute;}
.checkbox-styled .checkbox-btn{flex: 0 0 18px; height: 18px; border-radius: 5px; border: 1px solid #E7E7E7; background: #FFF; position: relative;  transition: all 250ms cubic-bezier(.4,.0,.23,1);} 
.checkbox-styled input:checked + .checkbox-btn{background: #191B26; border-color: #191B26;}
.checkbox-styled input:checked + .checkbox-btn:before{ content: ""; position: absolute; top: 7px; left: 3px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;}
.checkbox-styled .checkbox-text{margin-left: 12px; color: rgba(0, 0, 0, 0.63); font-size: 14px;}
.checkbox-styled.disabled{pointer-events: none; opacity: 0.5;}
@keyframes checkbox-check{
    0%{width: 0; height: 0; border-color: #fff; transform: translate3d(0,0,0) rotate(45deg);}
    33%{width: 5px; height: 0; transform: translate3d(0,0,0) rotate(45deg);}
    100%{width: 5px; height: 10px; border-color: #fff; transform: translate3d(0,-.5em,0) rotate(45deg);}
}

.file-styled{display: flex; position: relative; flex-direction: column; cursor: pointer}
.file-styled input{position: absolute; opacity: 0; z-index: -1}
.file-styled span.btn{font-size: 14px; color: #191B26; display: inline-flex;}
.file-styled span.btn::before{content: ""; width: 27px; height: 20px; background: url(/bitrix/templates/empty/images/upload.svg) no-repeat center center / contain; margin-right: 12px;}
.file-styled span.text{font-size: 14px; line-height: 16px; color: #191B26;}

.alert {position: relative; padding: 0.75rem 1.25rem; border: 1px solid transparent; font-weight: normal;}
.alert-error {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
.alert-success {color: #155724; background-color: #d4edda; border-color: #c3e6cb;}
.alert-info {color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;}


.form-styled{width: 100%; position: relative}
.form-styled .form-row:not(.last){margin-bottom: 20px;}
.form-styled .form-row input,
.form-styled .form-row textarea{width: 100%; box-sizing: border-box; color: #555; font-family: inherit; outline: none; font-size: 14px; border: 1px solid rgba(112, 112, 112, 0.20); background: #F8F8F8; padding: 20px;}
.form-styled .form-row textarea{height: 140px; resize: none; padding: 20px;}
.form-styled .form-row input::placeholder,
.form-styled .form-row textarea::placeholder{color: rgba(51, 51, 51, 0.83);}
.form-styled .form-row button[type=submit]{font-size: 14px; color: #fff; background: url(/bitrix/templates/empty/images/arrow-circle-right.svg) no-repeat right 25px center #163183; padding: 25px 70px 25px 40px; text-decoration: none; border: none;}
.form-styled .alert{margin-top: 15px;}

.modal {position: fixed; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; transition: all 0.3s ease; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 9999; }
.modal.open {visibility: visible; opacity: 1; transition-delay: 0s;}
.modal-bg {position: absolute; background: rgba(0, 0, 0, .5); width: 100%; height: 100%;}
.modal-container {background: #fff; position: relative; padding: 40px 70px; max-width: 500px;}
.modal-container h1{ font-size: 40px; margin-bottom: 44px;}
.modal-container h3{text-align: center; }
.modal-close {position: absolute; right: 0; top: 0; outline: none; appearance: none; background: #163183 url(/bitrix/templates/empty/images/close-ico-w.svg) no-repeat center center; border: none; border-radius: 0; cursor: pointer; width: 46px; height: 46px; transition: all .3s ease; padding: 0;}
.modal-container .form-styled .alert{position: absolute; width: 100%; box-sizing: border-box; }
.modal-container .buttons{display: flex; gap: 20px; margin-top: 50px;}

footer iframe { filter:grayscale(100%) }
footer iframe:hover { filter:grayscale(0%)}
@media screen and (max-width:1440px)
{
	header .top_part {padding: 15px 2%;}
	header .banner_block {padding: 0 2%}
	main {padding: 0 2%}
	.about_part .right_part {padding: 5% 2% 5% 2%;}
	.partners_block {padding: 0 2%;}
	.contacts {padding: 0 2%}
}
@media screen and (max-width:1280px) 
{
	main .catalog {gap:10px}
	.about_part .left_part {padding: 5% 5% 5% 2%;}
	.about_part .right_part {justify-content: space-between;}
	.about_part .right_part p {width: 33%;}
}
@media screen and (max-width:1024px) 
{
    header {height: 680px}
    header .top_part {gap:10px}
    header .top_part div {gap:10px}
    header .top_part > a {width: 25%}
    header .top_part a img {width: 100%}
    header .banner_block {height: 580px}
    header .banner_block .banner_text {width: 70%}
    header .top_part div p:first-of-type {padding: 0 0 0 25px;}
    main .catalog .catalog_list {width: 32%;}
    .gray_part .wrap img {width: 50%}
    .about_part .right_part p {width: 100%; padding: 0 0 20px 100px;}
    .partners_block .partners_block_car .partners_block_car_items {justify-content: center;}
    .contacts div:last-of-type {width: 40%}
    .gray_part {padding: 50px 2%; margin: 20px 0 0 0;}
    .gray_part .wrap p {width: 100%}
    .gray_part .wrap h2 {width: 100%}
    .contacts {margin: 30px auto;}
    header .top_part div a {font-size: 16px}
    header .top_part div p:last-of-type {padding: 0 0 0 30px;}
    header .top_part div p {font-size: 11px}
    .contacts div form input {width: 80%}
}
@media screen and (max-width:768px) {
	
	header .top_part {flex-wrap: wrap;    gap: 10px 0;align-items: flex-end;}
	header .top_part > a {width: 100%}
	header .banner_block {height: 500px}
	header .top_part ul {width: 36px}
	header .top_part ul li a {width: 36px; height: 36px;}
	header .top_part div {flex-wrap: wrap; width: calc(100% - 36px);}
	header .top_part .dropdown{width: auto;}
	header .banner_block .banner_text h1 {font-size: 26px}
	header .banner_block .banner_text {width: 100%}
	.contacts {flex-direction: column; gap:20px}
	.contacts div:first-of-type {width: 100%}
	.contacts div:last-of-type {width: 100%}
	.contacts div form input {width: 100%}
	.about_part {flex-direction: column}
	.about_part .left_part {padding: 5% 0% 10% 0%;    width: 100%;}
	.about_part .right_part {padding: 10% 0% 10% 0%; width: 100%}
	.about_part .left_part h2 {padding:0 2% 40px}
	.about_part .left_part p {padding: 0 2% 15px 2%;}
	.about_part .left_part a {margin-left: 2%}
	.gray_part .wrap {flex-direction: column}
	.gray_part .wrap img {width: 100%}
	main .catalog .catalog_list {width: 48%}
	.about_part .right_part p:nth-of-type(3) {background-position-x: 10px;}
	.about_part .right_part p:nth-of-type(4) {background-position-x: 10px;}
	footer img {height: 300px; object-fit: cover;}
	
}

@media screen and (max-width:460px) {
	main .catalog .catalog_list {width:100%}
}
/* End */
/* /bitrix/templates/empty/js/slick/slick.css?17004765571776 */
/* /bitrix/templates/empty/js/slick/slick-theme.css?17004765572796 */
/* /bitrix/templates/empty/template_styles.css?170047655713625 */