html, body {margin: 0; padding: 0; width: 100%; height: 100%;}
body {min-height: 100%; /* height: auto; */ height: 100%; position:relative; color:#000; font: 0.95em/1.45em Arial, Tahoma, sans-serif; background: url(/images/body_bg.gif) 0px 0px repeat; /*background:#08b9fc url(/images/art_bg.png) top center no-repeat;*/ max-width:2560px; min-width: 360px; margin:0px auto; -webkit-text-size-adjust: none;}
img, embed, object, video { max-width: 100%; border:0px; margin:0; padding:0; }
img { vertical-align: middle; }
div {margin:0px; padding:0px; }
input, textarea, select {outline:none; resize: none; }
button { outline:none; }
h1 { font-family: Arial, Tahoma, sans-serif; font-size:1.35em; font-weight: normal; color: #000; margin:0; padding:0; line-height: 20px;}
h2 { font-family: Arial, Tahoma, sans-serif; font-size:1.2em; font-weight: normal; color: #000; margin:0; padding:0; line-height: 18px;}
h3 { font-family: Arial, Tahoma, sans-serif; font-size:1.1em; font-weight: normal; color: #000; margin:0; padding:0; line-height: 16px;}
h4 { font-family: Arial, Tahoma, sans-serif; font-size:1.1em; font-weight: bold; color: #000; margin:0; padding:0; line-height: 16px;}
h5 { font-family: Arial, Tahoma, sans-serif; font-size:1.1em; font-weight: normal; font-style: italic; color: #000; margin:0; padding:0; line-height: 16px;}
h6 { font-family: Arial, Tahoma, sans-serif; font-size:1.1em; font-weight: bold; font-style: italic; color: #000; margin:0; padding:0; line-height: 16px;}
hr {color:#848484; height:1px; border:0px; background-color:#848484; }
p, ul, ol { margin: 0px 0 20px 0px; padding: 0 0 0 0px; }
ul, ol { margin-left: 20px; }
ul ul, ol ol, ul ol, ol ul { margin: 0 0 0 20px; }
ul { list-style:square; }
li li {margin: 0; }
.right_col table {border-collapse: collapse; font-size:1em; width: 100%; border: 1px solid #e1e1e1;}
.right_col td, .right_col th {padding: 10px; vertical-align:middle; border: 1px solid #e1e1e1; text-align: left; color:#000; background: #fff; }
.right_col thead th, .right_col thead td { background: #fff; border-bottom-width: 1px; text-align: left; font-weight: normal; padding:10px; color:#000;}
.right_col thead td { text-align: left; }
.right_col tfoot th, .right_col tfoot td { background: #e1e1e1; text-align: left; border: none; font-family: Arial, Tahoma, sans-serif; font-size: 18px; font-weight: normal; }
a {color:#0073b9; text-decoration:none; }
a:hover, a:active {color:#0073b9; text-decoration:underline; }
.fr {float:right; }
.fl {float:left}
.cl{clear:both; }
span.ruble { text-transform:uppercase; }
span.hyphen:after { content: '\2013'; }
span.hyphen { position:absolute; margin:.3ex 0 0; behavior: expression(this.innerHTML = '–'); }
.otherLinks { display: flex; flex-wrap: wrap; padding: 0px 20px 0px 0px; }
.otherLinks a { display: block; text-align: center; width: 50%; margin-bottom: 20px; padding-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*----- Основной макет -----*/
.wrapper { background: url(/images/wrapper_bg.gif) 0px 0px repeat-y; max-width: 1304px; min-height: 100%; position: relative; margin:0 auto; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; display: flex; flex-wrap: wrap; flex-direction: column; }
.header { background:#fff; width:100%;}
.content {width:100%; padding-bottom: 0px; flex: 1; }
.footer { width: 100%; background: #f7f8f9; border-top: 1px solid #e1e1e1; padding: 25px 0;}
.footer .inner_block { background: #f7f8f9; padding: 0 20px; }
/*----- Основной макет -----*/
/*----- Header -----*/
/* .header .logo { width: 298px; height: 80px; line-height: 80px; float: left; border-right: 1px solid #e1e1e1; text-align: center; }
.header .feed_block { margin-left: 298px; }
.header .feed_block .feedback { width: 45%; float: left; font-size: 0.95em; padding: 20px 0 0 20px; }
.header .feedback .adres { background: url(/images/adres_icon.png) 0px 2px no-repeat; padding: 0 0 3px 23px; line-height: 1.3em; max-height: 33px; overflow: hidden; }
.header .feedback .email { background: url(/images/mail_icon.png) 0px 7px no-repeat; padding-left: 25px; }
.header .feed_block .phone { float: left; width: 22.5%; font-size: 1.3em; background: url(/images/phone_icon.png) 0px 22px no-repeat; padding: 20px 0 0 20px; }
.header .feed_block .social_networks { float: right; margin: 23px 20px 0 0; }
.header .social_networks a { display: block; width: 35px; height: 35px; float: left; margin-left: 9px; }
.header .social_networks a:first-child { margin-left:0; } */
.header__rows { display:flex; flex-wrap:nowrap; }
.header__row--logo { border-right: 1px solid #e1e1e1; display:flex; justify-content:center; align-items:center; flex:none; }
.header__logo { width: 298px; height: 80px; display:flex; justify-content:center; align-items:center; flex:none; }
.header__logo img { display:block; }
.header__row--content { padding:20px; width:100%; box-sizing:border-box; }
.header__cols {display:flex; flex-wrap:nowrap; justify-content:space-between;}
.header__col--right { display:flex; flex-wrap:nowrap; justify-content:space-between; flex:none; margin-left:20px;}
.header__location { background: url(/images/adres_icon.png) 0px 0px no-repeat; padding: 0 0 0px 25px; font-size:16px; line-height:16px; color:#000; }
.header__email { background: url(/images/mail_icon.png) 0px 0px no-repeat; padding: 0 0 0px 25px; font-size:16px; line-height:16px; color:#000; margin-top:10px; }
.header__email a { color: #0073B9; text-decoration:none; }
.header__phone { background: url(/images/phone_icon.png) 0px 0px no-repeat; padding: 0 0 0px 25px; font-size:18px; line-height:18px; color:#000; margin-top:15px; }
.header__phone a { color:#000; text-decoration:none; }
.header__blind { flex:none; margin-right:30px; }
.blind__title { font-size:16px; line-height:16px; color:#000; }
.blind__toggle { margin-top:10px; position:relative; font-size:22px; line-height:22px; font-weight:700; }
.blind__toggle a {display:block; position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; }
.blind__toggle span:hover { color:#0073b9; cursor:pointer; }
.blind__toggle span.active {color:#0073b9;}
.v1 { font-size:14px; line-height:14px; font-weight:700; }
.v2 { font-size:20px; line-height:20px; font-weight:700; padding-left:10px; }
.v3 { font-size:26px; line-height:26px; font-weight:700; padding-left:10px; }
.header__feed { flex:none; }
.header__social { display:flex; flex-wrap:nowrap; justify-content: end; }
.header__social a { display: block; width: 35px; height: 35px; margin-left: 10px; }
.header__social a:first-child { margin-left:0; }
.header__link { margin-top:20px; width:190px; height:40px; font-size: 16px; font-weight:700; }
.header__link a { display:block; width:100%; height:100%; line-height:40px; text-align:center; color:#fff; text-decoration:none; background: #0073B9; }
.header__link a:hover { background:#004b7a; }
/*----- Header -----*/
/*----- Footer -----*/
.footer .inner_block { }
.footer .developer_block { /* width: 280px; */ width: 30%; float: left; font-size: 0.95em; padding-right: 10px;}
.footer .developer_block .company { line-height: 1.3em; margin-bottom: 20px; }
.footer .developer_block .studio { width: 150px; line-height: 1.25em;}
.footer .developer_block .studio img { width: 19px; height: 33px; float: left; margin-right: 10px; }
.footer .feedback { /* width: 320px; */ width: 29%; float: left; }
.footer .feedback .head { font-size: 1.2em; color: #aab9c2; padding-bottom: 15px;}
.footer .feedback .adres { background: url(/images/adres_icon.png) 0px 2px no-repeat; padding: 0 0 3px 25px; line-height: 1.3em; max-height: 33px; overflow: hidden; }
.footer .feedback .email { background: url(/images/mail_icon.png) 0px 7px no-repeat; padding-left: 25px; line-height:30px; }
.footer .feedback .phone { font-size: 0.95em; background: url(/images/phone_icon.png) 0px 7px no-repeat; padding: 5px 0 0 20px; }
.footer .social_networks { float: left; width: 176px; }
.footer .social_networks .head { font-size: 1.2em; color: #aab9c2; padding-bottom: 15px;}
.footer .social_networks a { display: block; width: 35px; height: 35px; float: left; margin-right: 9px; }
.footer .counters { width: 200px; float: right; margin-right: 11px; }
.footer .counters img { float: left; margin: 0 10px 10px 0; }
/*----- Footer -----*/
/*----- Content -----*/
/* Основной макет контента */
.content .left_col { width: 299px; float: left; position: relative; padding-bottom: 30px; }
.content .right_col { margin-left: 299px; }
.content .right_col .inner_block { padding: 20px 20px 30px 20px; }
#index .content .right_col .inner_block { padding: 0 0 0px 0; }
/* Основной макет контента */
/* Верхнее меню */
.toogle_top_menu { display: none; }
.top_menu { background: #0073b9; padding: 0 20px 0 20px; position: relative; height: 60px; }
.menu { list-style-type: none; margin: 0; padding: 0; font-size: 1.2em; }
.js .menu {height: 1.5em; overflow: hidden;}
.menu > li { float: left; }
.menu a {color: #fff; text-decoration: none; display: block; padding: 19px 20px 19px 20px;}
.menu a span{padding-right:15px; background: url(/images/drop.png) 100% 50% no-repeat; display:block;}
.left_col .toogle_catalog, x:-moz-any-link, x:only-child { height: 22px;}
.top_menu , x:-moz-any-link, x:only-child { height: 61px;}
.menu a:hover { background: #0063a0; color: #fff;}
.flex-multi { float: left; width: 45%; margin-bottom: 100px;}
.flex-multi + .flex-multi { float: right;}
.flexMenu-viewMore > a { background: url(/images/more_icon.png) 50% 50% no-repeat; display: block; padding: 30px 40px 30px 40px;}
.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover { background: #0063a0 url(/images/more_icon.png) 50% 50% no-repeat; display: block; padding: 30px 40px 30px 40px;}
.flexMenu-popup { list-style-type: none; padding: 0; background:#0063a0; margin: 0; font-size: 0.9em; float: right; z-index:2; }
.flexMenu-popup a { padding:10px 16px 10px 20px; border-top: 1px solid #005487; display:block;}
.flexMenu-popup a:hover { background: #00588e; }
.lt-ie8 .flexMenu-popup {}
.drop > a { /*background: url(/images/drop.png) 94% 50% no-repeat;*/ }
.drop > a:hover { background:#0063a0; }
.sub { list-style: none; margin:0; padding: 0; position: absolute; font-size: 0.9em; background: #0063a0; display: none; z-index:2;}
.sub a{ padding:10px 28px 10px 25px; border-top: 1px solid #005487; display:block; max-width: 190px;}
.sub a:hover { background: #00588e; }
.drop.active .sub { display: block; }
.drop.active > a { background:#0063a0; }
/* Верхнее меню */
/* Вcплывающее окно */
.window_popup { display: none; }
.window_inner { max-width: 260px; margin:0 auto; padding: 40px; }
.window_title { font-size: 20px; font-weight: bold; line-height: 22px; text-align: center; padding-bottom: 30px; }
.windowItem { margin-top: 20px; position: relative; }
.windowItem:first-child { margin-top: 0px; }
.windowItem__title { font-size: 11px; line-height: 11px; margin-bottom: 5px; color:#737e81; }
.windowItem input { width: 100%; border: 1px solid #dfe3e4; height: 40px; line-height: 40px; font-size: 16px; color:#333333; padding: 0 40px 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.windowItem .checkbox { position:relative; padding-left: 25px; font-size: 13px; color:#000; line-height: 16px; }
.windowItem .checkbox input[type=checkbox] { display:none; }
.windowItem .checkbox label { cursor: pointer; }
.windowItem .checkbox label:after { content:''; display:inline-block; height:16px; width:16px; background: url(/images/check_sprite.jpg) 0px 0px repeat; position:absolute; top:0px; left:0; cursor:pointer;}
.windowItem .checkbox input[type=checkbox]:checked + label:after { background-position: 0px -16px;}
.windowItem .checkbox a { color:#0073b9; text-decoration: underline; }
.windowItem .checkbox a:hover { color:#0073b9; text-decoration: none; }
.windowBtn { text-align: center; margin-top: 25px; }
.windowBtn button { border: none; display: inline-block; background:#00a556; width: 215px; height: 45px; line-height: 45px; color:#fff; text-align: center; font-size: 16px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.windowItem .timeUp { position: absolute; z-index:2; right:3px; bottom: 21px; width: 30px; height: 16px; background: url(/images/time_up.jpg) 0px 0px repeat; cursor: pointer;}
.windowItem .timeDown { position: absolute; z-index:2; right:3px; bottom: 3px; width: 30px; height: 16px; background: url(/images/time_down.jpg) 0px 0px repeat; cursor: pointer; }
.windowItem.error .windowItem__title { color:red; }
.windowItem.error input { color:red; border: 1px solid red; }
.windowItem__errorText { font-size: 11px; line-height: 11px; margin-top: 5px; color:red; display: none; }
.windowItem.error .windowItem__errorText { display: block; }
.window .fancybox-close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 8040; background: url('/images/close_icon.png') 0px 0px no-repeat; width: 16px; height: 16px;}
.window .fancybox-skin { position: relative; padding:0px!important; -webkit-border-radius: 00px!important; -moz-border-radius: 0px!important; border-radius: 0px!important; background: #fff; }
.window .fancybox-inner {height: auto!important; overflow: visible!important; }
.window .fancybox-title-float-wrap .child {-webkit-border-radius: none!important; -moz-border-radius: none!important; border-radius: none!important; }
.callBtn { display: block; width: 218px; height: 63px; background: url(/images/call_btn.png) 0px 0px no-repeat; position: fixed; bottom: 50px; right: 50px; z-index:100; }
/* Вcплывающее окно */
/* Меню каталога */
.left_col .overlay { position: absolute; width: 299px; height: 60px; z-index:2; top:0; left:0;}
.left_col .toogle_catalog{ background: #004b7a url(/images/c_menu_active.jpg) 266px 50% no-repeat; color: #fff; font-size: 1.1em; padding: 19px 20px 19px 20px; }
.left_col .catalog_menu { position: relative; }
.left_col .catalog_menu .search { border: 2px solid #abc8d9; height: 48px; background: #f7f8f9;}
.left_col .catalog_menu .search input { width: 220px; border: none; background: none; font-size: 1em; padding: 15px 10px 16px 20px; }
.left_col .catalog_menu .search button { border: none; width: 41px; height: 42px; background: url(/images/search_icon.gif) 0px 0px no-repeat; position: absolute; right:5px; top:5px; cursor:pointer;}
.left_col .catalog_menu ul { list-style: none; margin:0; padding: 0; font-size: 1.2em; border-right: 1px solid #e1e1e1; }
.left_col .catalog_menu ul li a{ display: block; padding:19px 0px 19px 20px; text-decoration: none; border-bottom: 1px solid #e4edf3; line-height: 18px; background: #f0f5f8;}
.left_col .catalog_menu ul li a:hover { background:#cce8f8; }
.left_col .catalog_menu ul li a.drop_down{ background: #f0f5f8 url(/images/m_cat_li.gif) 277px 50% no-repeat;}
.left_col .catalog_menu ul li a.drop_down:hover { background:#cce8f8 url(/images/m_cat_li.gif) 277px 50% no-repeat; }
.left_col .catalog_menu ul li.active > ul { display:block; }
.left_col .catalog_menu ul li.active > a.drop_down { background: #f0f5f8 url(/images/m_cat_li_active.gif) 274px 50% no-repeat; }
.left_col .catalog_menu ul li ul { border-right: none; font-size: 0.95em; display: none;}
.left_col .catalog_menu ul li ul li {}
.left_col .catalog_menu ul li ul li a { padding:19px 0px 19px 30px; background: #f9fcfe; border-bottom: 1px solid #f0f5f8; }
.left_col .catalog_menu ul li ul li a.drop_down { background: #f9fcfe url(/images/m_cat_li.gif) 277px 50% no-repeat; }
.left_col .catalog_menu ul li ul li.active { display:block; }
.left_col .catalog_menu ul li ul li.active > a.drop_down { background: #f9fcfe url(/images/m_cat_li_active.gif) 274px 50% no-repeat; }
.left_col .catalog_menu ul li ul li ul { border-right: none; font-size: 0.95em; display: none;}
.left_col .catalog_menu ul li ul li ul li a {padding:19px 0px 19px 42px; background: #fff; border-bottom: 1px solid #f5f8fa; }
.left_col .catalog_menu ul li ul li ul li a:hover { background:#cce8f8; }
/* Меню каталога */
/* Блок с баннерами */
.left_col .banner_block { width: 240px; margin: 10px auto 0px auto; }
.left_col .banner_block img { max-width: 240px; margin-top: 20px; }
/* Блок с баннерами */
/* Хлебные крошки */
.content .right_col .inner_block .bread_crumbs{ margin-bottom: 20px; font-size: 0.95em; color: #aaaaaa; line-height: 16px; }
.content .right_col .inner_block .bread_crumbs a { color: #2494d8; text-decoration: none; }
.content .right_col .inner_block .bread_crumbs a:hover{ color: #2494d8; text-decoration: underline; }
.content .right_col .inner_block .bread_crumbs h1 { font-size: 1.4em; padding-top: 20px; }
/* Хлебные крошки */
/* Фотогалерея на текстовой */
.content .right_col .inner_block .galery { margin-top: 20px; }
.content .right_col .inner_block .galery img { border: 2px solid #96bad0; float: left; max-height: 200px; margin: 0 10px 10px 0px; vertical-align:bottom; }
/* Фотогалерея на текстовой */
/* Блок новостей */
.content .right_col .news_block {margin-bottom: 30px;}
.content .right_col .news_block .item { border-bottom: 1px solid #f4f5f6; padding-bottom:24px; margin-bottom:24px;}
.content .right_col .news_block .item:first-child {}
.content .right_col .news_block .item .head { font-size: 1.2em; padding-bottom: 10px; }
.content .right_col .news_block .item .data { font-weight: bold; color: #d8d8d9; padding-bottom: 22px; }
.content .right_col .news_block .item .photo { width: 78px; height: 78px; border: 1px solid #d8d8d9; float: left; margin-right: 15px; text-align: center; line-height: 76px;}
.content .right_col .news_block .item .photo img { width: 78px; }
.content .right_col .news_block .item .text { line-height: 21px; height: 83px; overflow: hidden; }
.data_news { font-weight: bold; color: #d8d8d9; padding-bottom: 22px; }
/* Блок новостей */
/* Пагинация */
.content .right_col .pagination a { display: block; font-family: Arial, Tahoma, sans-serif; font-size: 0.95em; color: #2494d8; border: 1px solid #e1e1e1; float: left; padding: 5px 10px 5px 10px; background: #fff; margin-left: -1px;}
.content .right_col .pagination a:hover { text-decoration: underline; }
.content .right_col .pagination a:first-child { margin-left:0; }
.content .right_col .pagination a.prev { background: #f7f8f9; text-align: center; }
.content .right_col .pagination a.next { background: #f7f8f9; text-align: center; }
.content .right_col .pagination a.active { color:#c3c3c3; cursor: default; }
.content .right_col .pagination a.active:hover { text-decoration: none; }
/* Пагинация */
/* Карта */
.map {height: 300px; width: 100%; margin-bottom: 20px; }
/* Карта */
/* Каталог */
.content .right_col .catalog_block { margin: 0px 0px 30px 0px; overflow: hidden; position: relative; left:-30px; }
.content .right_col .catalog_block .item { width: 128px; float: left; margin-left: 30px; margin-bottom: 15px; }
.content .right_col .catalog_block .item .photo { width: 128px; height: 128px; text-align: center; line-height: 126px; border: 2px solid #96bad0; margin-bottom: 10px; }
.content .right_col .catalog_block .item .photo img { max-width: 100%; max-height: 128px; }
.content .right_col .catalog_block .item .name { text-align: center; font-size: 0.95em; line-height: 18px; height: 55px; overflow: hidden;}
/* Каталог */
/* Блок товара с превью */
.content .right_col .product_block{ overflow: hidden; margin-bottom: 20px;}
.content .right_col .product_block .block_view { width: 200px; height: 200px; border: 2px solid #96bad0; text-align: center; line-height: 198px; float: left; }
.content .right_col .product_block .block_view .big_img{ max-height: 200px;}
.content .right_col .product_block .hide{display:none;}
.content .right_col .product_block .block_preview{ margin-left: 204px;}
.content .right_col .product_block .block_preview img {float: left; margin: 0px 0px 2px 2px; }
.content .right_col .product_block .block_preview .view1{border:2px solid #0073b9; cursor:pointer; padding:0px; height:50px; }
.content .right_col .product_block .block_preview .view2{border:2px solid #96bad0; cursor:pointer; padding:0px; height:50px; }
.content .right_col .product_block .price{ font-size: 1.35em; margin-top: 25px; }
/* Блок товара с превью */
/* Блок о компании + блок новостей на главной */
.content .right_col .about_company { width: 100%; float: none; padding: 30px 20px 0 20px; box-sizing:border-box; }
.content .right_col .about_company .head { font-size: 1.6em; float: left; padding-top:0px; }
.content .right_col .about_company .more { float: right; font-size: 0.75em; font-weight: bold; text-transform: uppercase; border: 1px solid #abc8d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 10px 5px 10px;}
.content .right_col .about_company .text { border-top: 1px solid #d8d8d9; margin-top: 12px; padding-top: 25px;}
.content .right_col .about_company .text img { margin-bottom: 25px; }
.content .right_col .news_preview { margin-left: 0; padding-top: 35px; padding-left:20px; padding-right:20px; box-sizing:border-box; }
.content .right_col .news_preview .head{ font-size: 1.6em; padding-bottom: 15px; }
.content .right_col .news_preview .news_block .item{ margin: 0px 0px 0px 0; padding: 0px 0 20px 0; }
.content .right_col .news_preview .news_block .item:first-child { }
.content .right_col .news_preview .head-pad { border-bottom: 1px solid #d8d8d9; padding-bottom:12px; margin-bottom:25px; }
.cards {
--elements: 2;
--cgap: 40px;
--rgap:24px;
display: flex;
flex-wrap: wrap;
column-gap: var(--cgap);
row-gap: var(--rgap);
}
.cards__item {
width: calc((100% - (var(--elements) - 1) * var(--cgap)) / (var(--elements)));
}
/* Блок о компании + блок новостей на главной */
.it-block {display:block; }
.it-block img {display:block; margin-bottom:20px; margin-right:20px; height:auto; float:left;}
/* Форма обратной связи */
.content .right_col .contact_form { background: #f0f5f8; width: 50%; padding-bottom: 18px;}
.content .right_col .contact_form .head{ background: #004B7A; color:#fff; text-align: center; font-size: 1.35em; padding: 9px 0 9px 0;}
.content .right_col .contact_form dl{ margin:0; padding:18px 18px 0 18px;}
.content .right_col .contact_form dl dt{ margin:0; padding:0px 0 0 0; color: #757575; font-size:14px;}
.content .right_col .contact_form dl dd{ margin:0 0 12px 0; padding:0 0 0px 0; overflow:hidden;}
.content .right_col .contact_form input { border: 1px solid #E4EDF3; background: #fff; width: 100%; padding: 13px 10px 12px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.content .right_col .contact_form textarea { border: 1px solid #E4EDF3; height:80px; background: #fff; width: 100%; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Arial, Tahoma, sans-serif; font-size: 1em; }
.content .right_col .contact_form dl dd .captcha { display:flex; flex-wrap:nowrap; align-items:center; }
.content .right_col .contact_form dl dd .captcha .refresh{ width: 24px; height: 24px; cursor: pointer; margin-right: 20px; flex:none; }
.content .right_col .contact_form dl dd .captcha .kod { width: auto; flex:none; margin-right: 15px; }
.content .right_col .contact_form dl dd .captcha input{ width: 100%!important; margin:0!important; }
.content .right_col .contact_form button { width: 280px; position: relative; left: 50%; margin-left: -140px; padding:10px 0 10px 0; margin-top: 10px; background: #0073b9; font-size: 1.2em; color: #fff; text-align: center; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.form__text { padding: 10px 18px; }
/* Форма обратной связи */
/* Страница поиска */
.content .right_col .search_result {margin-bottom: 30px;}
.content .right_col .search_result .item { border-top: 1px solid #f4f5f6; margin: 0 -20px 20px -20px; padding: 25px 20px 0 20px;}
.content .right_col .search_result .item:first-child { border-top: none; margin: 0 -20px 20px -20px; padding: 0px 20px 0 20px;}
.content .right_col .search_result .item .head { font-size: 1.2em; padding-bottom: 10px; }
/* Страница поиска */
/*----- Content -----*/
@media screen and (max-width: 1199px) {
.content .right_col .about_company { width: auto; float: none; padding: 30px 20px 0 20px; overflow: hidden; }
.content .right_col .news_preview { margin-left: 0px; padding: 30px 20px 0 20px; }
.content .right_col .news_preview .news_block .item:last-child { margin:0 0 0 0; }
}
@media screen and (max-width: 1023px) {
.header__cols { align-items:center; }
.header__col--left { flex:none; }
.header__location { display:none; }
.header__email { display:none; }
.header__blind { display:none; }
.header__social { display:none; }
.header__link { margin-top:0; }
.header__phone { margin-top:0; }
.content .right_col .contact_form { width: 100%; }
.header__logo {
padding: 30px;
box-sizing: border-box;
}
.footer .developer_block { width: 35%; }
.footer .feedback { width: 33%; }
.footer .counters { display: none;}
.footer .social_networks { float: right; margin-right: 11px; }
.cards {
--elements: 1;
--cgap: 40px;
--rgap:24px;
display: flex;
flex-wrap: wrap;
column-gap: var(--cgap);
row-gap: var(--rgap);
}
.it-block {display:block; }
.it-block img {display:block; width:100%; margin-bottom:20px; margin-right:0px; height:auto; float:none;}
.footer .inner_block {flex-wrap:wrap;}
}
@media screen and (max-width: 865px) {
.wrapper { background: #fff; }
.footer .social_networks { float: none; }
.footer { }
.content { }
.footer .developer_block { width: 40%; }
.footer .feedback { width: 57%; }
.content .left_col { width: 50%; float: left; }
.content .right_col {width: 50%; margin-left: 50%; }
.flexMenu-viewMore > a { background: url(/images/t_menu.jpg) 95% 50% no-repeat!important; display: block; padding: 30px 40px 30px 40px; }
.flexMenu-viewMore.active > a { background: url(/images/t_menu_active.jpg) 95% 50% no-repeat!important; display: block; padding: 30px 40px 29px 40px;}
.flexMenu-viewMore.active > a:hover { background: url(/images/t_menu_active.jpg) 95% 50% no-repeat!important;}
.toogle_top_menu { display: block; font-size: 1.2em; color: #fff; position: absolute; top:19px; left:20px; z-index:1;}
.menu > li { float: none; }
.menu a {margin: 0 -20px 0 -20px; /* border-top: 1px solid #005487; */background: #0073b9;}
.flexMenu-popup { list-style-type: none; padding: 0; background:#0063a0; margin: 0; font-size: 0.9em; float: right; z-index:100; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.flexMenu-popup a { padding: 19px 20px 19px 20px; border-top: 1px solid #005487; display:block; font-size: 1.1em;}
.flexMenu-popup a:hover { background: #00588e; }
.flexMenu-viewMore { position: relative; z-index: 20; }
.flexMenu-viewMore.active { position: relative; z-index: 20;}
.drop > a { background:#0073b9; }
.drop > a:hover { background:#0063a0t; }
.sub { position: relative; }
.sub a { max-width: 100%; background: #0063a0; padding: 19px 15px 19px 25px; }
.content .left_col { padding-bottom:0; }
.left_col .overlay { display: none; }
.left_col .toogle_catalog{ background: #004b7a url(/images/c_menu.jpg) 95% 50% no-repeat; cursor: pointer; }
.left_col.active .catalog_menu { display:block; position: absolute; z-index:2;}
.left_col.active .toogle_catalog{ background: #004b7a url(/images/c_menu_active.jpg) 95% 50% no-repeat; }
.left_col .catalog_menu { display: none; }
.left_col .catalog_menu .search input { width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.left_col .catalog_menu ul li a.drop_down{ background-position: 95% 50%;}
.left_col .catalog_menu ul li a.drop_down:hover { background-position: 95% 50%;}
.left_col .catalog_menu ul li.active > a.drop_down { background-position: 95% 50%; }
.left_col .catalog_menu ul li ul li a.drop_down { background-position: 95% 50%; }
.left_col .catalog_menu ul li ul li.active > a.drop_down { background-position: 95% 50%;}
.left_col .banner_block { display: none; }
.content .right_col .inner_block { margin-left: -100%; /* margin-top: 1px; */ }
.content .right_col .catalog_block { overflow: visible; }
.top_menu , x:-moz-any-link, x:only-child { height: 60px;}
}
@media screen and (max-width: 767px) {
.header__link { display:none; }
.header__rows { align-items:center; justify-content:space-between; }
.header__row--content { padding: 10px 0 10px 10px; width:auto; }
.header__row--content {
padding: 10px 0 10px 10px;
width: 100%;
text-align: center;
box-sizing: border-box;
}
.header__cols {justify-content:center; }
}
@media screen and (max-width: 740px) {
.footer .developer_block { width: 100%; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:20px; }
.footer .feedback { width: 100%; float: none; margin: 0px 0 0px 0; margin-bottom:20px;}
.footer { }
.content { }
}
@media screen and (max-width: 600px) {
.content .left_col { width: 100%; float: none; }
.content .right_col {width: 100%; margin-left: 0; }
.left_col.active .catalog_menu { display:block; position: relative; }
.content .right_col .inner_block { margin-left: 0%; margin-top:0; }
.carousel-indicators { display: none; }
.content .right_col .contact_form { width: 100%; }
.header__logo { width:200px; height:80px; padding: 10px; }
.header__phone { font-size:14px; }
}
@media screen and (max-width: 480px) {
.footer { }
.content { }
.header .logo { width: 145px; line-height: 80px;}
.header .feed_block .phone { font-size: 0.95em; width: 115px; }
.footer .inner_block {}
.content .right_col .product_block .block_view { float: none; margin: 0 auto 20px auto; }
.content .right_col .product_block .block_preview{ margin-left: 0px;}
.content .right_col .contact_form button { width: 220px; margin-left:-110px;}
.otherLinks { display: block; flex-wrap: wrap; padding: 0px 20px 0px 20px; }
.otherLinks a { display: block; text-align: center; width: 100%; margin-bottom: 20px; padding-left: 0px; }
.header__logo { width:180px; padding: 10px; }
.content .right_col .contact_form dl dd .captcha .refresh{ margin-right: 10px; }
.content .right_col .contact_form dl dd .captcha .kod { margin-right: 10px; }
.content .right_col .contact_form dl dd .captcha input{ width: 100%!important; margin:0!important; }
}
/* Категории врачей */
.doctor-category-items { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; }
.doctor-category-item { width:100%; margin: 0px 0 30px 0px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; }
.doctor-category-title { font-size: 20px; line-height: 23px; color: #61747F; }
.doctor-category-list ul { list-style:none; margin:0; padding:0; }
.doctor-category-list ul li { margin-top:10px; font-size: 17px; line-height: 26px; color: #000000;}
.doctor-category-list ul li a { color:#000; text-decoration:none; }
.doctor-category-list ul li a:hover { color:#0073b9;text-decoration:none; }
@media screen and (max-width: 600px) {
.doctor-category-items { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }
}
@media screen and (max-width: 480px) {
.doctor-category-title { font-size: 18px; line-height: 20px;}
.doctor-category-item { margin: 0 0 20px 0; }
.doctor-category-list ul li { font-size:15px; line-height:22px; }
}
/* Категории врачей */
/* Список врачей */
.doctor-items-block { padding:0 40px; }
.doctor-items { display:flex; flex-wrap:wrap; margin:-40px 0 0 -100px; }
.doctor-item { position:relative; width: -webkit-calc(33.33% - 100px); width: -o-calc(33.33% - 100px); width: calc(33.33% - 100px); margin:40px 0 0 100px; }
.doctor-item-img { position: relative; height: 0; overflow: hidden; padding-top: 100%; -webkit-border-radius: 270px; -moz-border-radius:270px; border-radius: 270px; }
.doctor-item-img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-border-radius: 270px; -moz-border-radius:270px; border-radius: 270px; object-fit:cover; }
.doctor-item-name { margin-top:10px; font-size: 18px; line-height: 21px; color: #282828; }
.doctor-item-post { margin-top:8px; font-size: 12px; line-height: 14px; color: #61747F; }
.doctor-item-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; }
.doctor-item-link a { display:block; width:100%; height:100%; }
.doctor-item:hover .doctor-item-name { color:#0073b9; }
@media screen and (max-width: 1023px) {
.doctor-item { width: -webkit-calc(50% - 100px); width: -o-calc(50% - 100px); width: calc(50% - 100px);}
}
@media screen and (max-width: 855px) {
.doctor-item { width: -webkit-calc(33.33% - 100px); width: -o-calc(33.33% - 100px); width: calc(33.33% - 100px);}
}
@media screen and (max-width: 740px) {
.doctor-items { margin:-30px 0 0 -30px; }
.doctor-item { width: -webkit-calc(50% - 30px); width: -o-calc(50% - 30px); width: calc(50% - 30px); margin:30px 0 0 30px; }
.doctor-item-name { font-size: 16px; line-height: 20px;}
}
@media screen and (max-width: 480px) {
.doctor-items-block { padding:0 0px; }
}
/* Список врачей */
/* Врач */
.doctor-block { }
.doctor-cols { display:flex; flex-wrap:nowrap; }
.doctor-img-col { width:340px; flex:none; flex:none;}
.doctor-info-col { width:100%; margin-left:30px; }
.doctor-img { position: relative; height: 0; overflow: hidden; padding-top: 100%; -webkit-border-radius: 270px; -moz-border-radius:270px; border-radius: 270px; }
.doctor-img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-border-radius: 270px; -moz-border-radius:270px; border-radius: 270px; object-fit:cover; }
.doctor-back-link { font-size: 14px; line-height: 16px; color: #2494D8; }
.doctor-title { margin-top:10px; }
.doctor-info-items { }
.doctor-info-item { margin-top:20px; }
.doctor-info-title { font-size: 14px; line-height: 16px; color: #617480; }
.doctor-info-text { font-size: 14px; line-height: 16px; color: #282828; margin-top:8px; }
.doctor-rating-block { margin-top:8px; display:flex; flex-wrap:nowrap; align-items:center; }
.doctor-rating-img { flex:none; width:84px; height:16px; }
.doctor-rating-text { margin-left:10px; font-size: 14px; line-height: 16px; color: #282828; margin-top:8px; }
.doctor-record-block { margin-top:25px; }
.doctor-record-block a { display:inline-block; font-weight: bold; font-size: 15px;line-height: 17px; color: #FFFFFF; text-decoration:none; padding:15px 20px; background: #0073B9; border-radius: 3px;}
.doctor-record-block a:hover { background: #0063a0; }
.doctor-skill-block { margin-top:30px; }
.doctor-skill-items { }
.doctor-skill-item { margin-top:25px; }
.doctor-skill-item:first-child { margin-top:0px; }
.doctor-skill-title { font-size: 18px;line-height: 21px; color: #282828; }
.doctor-skill-text { margin-top:10px; font-size: 14px; line-height: 18px; color: #282828; }
.doctor-skill-text ul { list-style:disc; margin:0 0 0 17px; padding:0; }
.doctor-skill-text ul li { margin-top:10px; }
.doctor-skill-text ul li:first-child { margin-top:0px; }
.doctor-media-block { margin-top:30px; }
.media-slider-block { position:relative; padding:0 30px; }
.media-slider { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; z-index: 1; padding: 0px; margin: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.media-slider .swiper-slide { height:auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position:relative; }
.media-slider-prev { width:16px; height:100%; background: url(/images/media-slider-prev.png) 0% 50% no-repeat; cursor:pointer; outline:none; position:absolute; top:0; bottom:0; left:0; }
.media-slider-next { width:16px; height:100%; background: url(/images/media-slider-next.png) 0% 50% no-repeat; cursor:pointer; outline:none; position:absolute; top:0; bottom:0; right:0;}
.media-slider-pagination { position:relative; text-align:center; margin-top:20px; display:none; }
.media-slider-pagination span { margin-right:8px; width:8px; height:8px; background:#C4C4C4; border-radius: 270px; opacity:1; outline:none;}
.media-slider-pagination span.swiper-pagination-bullet-active { width:8px; height:8px; background:#282828; }
.media-slider-pagination span:last-child { margin-right:0px; }
.media-slider-item { width:100%; }
.media-slider-img { position: relative; height: 0; overflow: hidden; padding-top: 100%; }
.media-slider-img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit:cover; }
.swiper-button-disabled { opacity:0.5; }
@media screen and (max-width: 1199px) {
.doctor-img-col { width:264px; }
}
@media screen and (max-width: 1023px) {
.doctor-img-col { width:190px; }
}
@media screen and (max-width: 767px) {
.record-link span { display:none; }
}
@media screen and (max-width: 480px) {
.doctor-cols { flex-wrap:wrap; }
.doctor-img-col { max-width:320px; margin:0 auto; flex:none; flex:none;}
.doctor-info-col { width:100%; margin-left:0px; margin-top:30px; }
}
/* Врач */
.record-link { position:fixed; right:30px; bottom:180px; z-index:100; }
.record-link a { display:inline-block; font-weight: bold; font-size: 15px;line-height: 17px; color: #FFFFFF; text-decoration:none; padding:15px 20px; background: #0073B9; border-radius: 3px;}
.record-link a:hover { background: #0063a0; }
.banner_no_image { margin: 20px -15px 0 -15px; /*border: 1px solid #e4edf3;*/ padding: 10px; /*background: linear-gradient(#000, #f0f5f8);*/ color: #fff; font-size: 15px; /*border-radius: 5px;*/ border-left: 3px solid #0077bb; }
.banner_no_image a {color:#5a6a7a;}
.large .content .right_col .inner_block { font-size: 1.3em; line-height: 110%; }
.medium .content .right_col .inner_block { font-size: 1.1em; line-height: 110%; }
.normal .content .right_col .inner_block { font: 0.95em/1.45em Arial, Tahoma, sans-serif; }
.galery-items { display:flex; flex-wrap:wrap; margin:-5px 0 0 -5px; }
.galery-item { position:relative; width: -webkit-calc(50% - 5px); width: -o-calc(50% - 5px); width: calc(50% - 5px); margin:5px 0 0 5px; }
.galery-item-img { position: relative; height: 0; overflow: hidden; padding-top: 66.512%; }
.galery-item-img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position:top center; }
.galery-item-info { position:absolute; z-index:2; bottom:0; left:0; right:0; background: linear-gradient(180deg, rgba(34, 42, 48, 0) 0%, #222A30 100%); }
.galery-item-inner { padding:45px 25px 25px 25px; }
.galery-item-count { font-size: 12px; line-height: 12px; color: #FFFFFF; background: #99ABB8; padding: 6px 5px 2px 5px; display:inline-block;}
.galery-item-name { margin-top:10px; font-size: 17px; line-height: 21px; color: #FFFFFF; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: 0.3s color ease; }
.galery-item-link { position:absolute; z-index:3; top:0; left:0; right:0; bottom:0; }
.galery-item-link a { display:block; width:100%; height:100%; }
.galery-item:hover .galery-item-name {color: #fff; text-decoration:underline;}
.footer .inner_block { display:flex; flex-wrap:nowrap; justify-content:space-between; height:100%; }
.footer .bottom_menu { float: none; padding-top:0; }
.footer .bottom_menu ul li:first-child { padding:0; }
.footer .studio_block { float: none; margin-top:0; }
.footer-social { display:flex; flex-wrap:nowrap; flex:none; margin:0 0 0 -10px; }
.footer-social a { display:block; width:32px; height:32px; margin-left:10px; }
.info-slider-block { height:100%; position:relative; }
.index-slider { position:relative; height:100%;}
.index-slider-container { height:100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.index-slider-container .swiper-slide { width:100%; position:relative; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; flex-wrap: nowrap; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.index-slider-pagination {position:absolute; z-index:2; width:100%; margin-top:0px; bottom:-20px; text-align:center; }
.index-slider-pagination span { margin-right:10px; width:8px; height:8px; background: rgba(221, 221, 221, 1); opacity: 1; border-radius: 270px; outline:none;}
.index-slider-pagination span.swiper-pagination-bullet-active { background: rgba(156, 207, 247, 1); opacity: 1;}
.index-slider-pagination span:last-child { margin-right:0px; }
.index-slide-item { position:relative; width:100%; height:100%; }
.index-slide-img { width:100%; height:100%; }
.index-slide-img img { display:block; width:100%; height:100%; object-fit:cover;}
.index-slide-link { position:absolute; z-index:2; top:0; left:0; right:0; bottom:0; }
.index-slide-link a { display:block; width:100%; height:100%; }
@media screen and (max-width: 959px) {
.galery-items { margin:-5px 0 0 0px; }
.galery-item { position:relative; width: -webkit-calc(100% - 0px); width: -o-calc(100% - 0px); width: calc(100% - 0px); margin:5px 0 0 0px; }
.footer .inner_block { display:flex; flex-wrap:wrap; height:100%; }
}
@media screen and (max-width: 479px) {
.galery-item-inner { padding:25px 20px 20px 20px; }
.galery-item-name { margin-top:10px; font-size: 15px; line-height: 19px; color: #FFFFFF; -webkit-line-clamp: inherit; }
}
.galery_block { }
.galery_block .for_items { display:flex; flex-wrap:wrap; margin: -20px 0 0 -20px; }
.galery_block .for_items .item { position:relative; width: -webkit-calc(25% - 20px); width: -o-calc(25% - 20px); width: calc(25% - 20px); margin:20px 0 0 20px; }
.galery_block .galery-img { position: relative; height: 0; overflow: hidden; padding-top: 100%; }
.galery_block .galery-img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.docs__subitem {
position: relative;
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.docs__subitem:first-child {
margin-top: 0;
}
.docs__subitem:hover .docs__name {
color: #410074;
}
.docs__icon {
width: 30px;
height: 38px;
position: relative;
background: url(/images/doc-icon.svg) 0 0 no-repeat;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-right: 12px;
font-weight: 400;
font-size: 7px;
line-height: 7px;
letter-spacing: -0.02em;
text-align: center;
color: #410074;
text-transform: uppercase;
}
.docs__icon span {
display: block;
position: absolute;
left: 0;
right: 0;
top: 7.5px;
}
.docs__name {
font-weight: 200;
font-size: 16px;
line-height: 24px;
color: #252525;
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
}
.docs__link {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.docs__link a {
display: block;
width: 100%;
height: 100%;
}
.cookies {
position: fixed;
z-index: 500;
left: 0;
right: 0;
bottom: 0;
-webkit-box-shadow: 0 -5px 15px 0 rgba(6, 88, 175, 0.15);
box-shadow: 0 -5px 15px 0 rgba(6, 88, 175, 0.15);
background: #fff;
padding: 1.25rem 0;
}
.cookies .inner_block {position:relative;}
.cookies__inner {
max-width: 850px;
margin: 0 auto;
}
.cookies__text {
text-align: center;
padding: 0 5rem;
}
.cookies__text a {
text-decoration: none;
border-bottom: 1px solid #159adf;
color: #159adf;
}
.cookies__text a:hover {
border-bottom: 1px solid #fff;
}
.cookies__link {
width: 7.875rem;
height: 2.75rem;
margin: 1rem auto 0 auto;
}
.cookies__link a {
display: block;
width: 100%;
height: 100%;
border: 1px solid #159adf;
border-radius: 0.375rem;
line-height: 2.625rem;
background: #159adf;
letter-spacing: 0.02em;
color: #fff;
text-decoration: none;
text-align: center;
}
.cookies__link a:hover {
background: #fff;
color: #159adf;
}
.cookies__close {
position: absolute;
z-index: 2;
top: 0;
right: 1.875rem;
width: 2.5rem;
height: 2.5rem;
cursor: pointer;
background: url(/images/cookies-close.svg) 0px 0px no-repeat;
}
@media screen and (max-width: 1023px) {
.cookies__text {
text-align: center;
padding: 0 3.75rem;
}
.cookies__text a {
border-bottom: 1px solid #159adf;
}
.cookies__text a:hover {
border-bottom: 1px solid #159adf;
}
.cookies__link a:hover {
background: #159adf;
color: #fff;
}
.cookies__close {
width: 1.25rem;
height: 1.25rem;
cursor: pointer;
background-size: 1.25rem;
}
}
.popup__consent {
position: relative;
margin: 20px;
}
.popup__consent input[type="checkbox"] {
display: none;
-moz-user-select: -moz-none;
-o-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.popup__consent input[type="checkbox"] + label {
display: block;
position: relative;
margin: 0px 0 0px 25px;
cursor: pointer;
font-size: 14px;
line-height: 16px;
color: #434343;
cursor: pointer;
-moz-user-select: -moz-none;
-o-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.popup__consent a {
color: #00a5e7;
text-decoration: underline;
}
.popup__consent a:hover {
color: #00a5e7;
text-decoration: none;
}
.popup__consent input[type="checkbox"] + label:before {
position: absolute;
content: "";
width: 16px;
height: 16px;
line-height: 16px;
background: #fff;
border-radius: 2px;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: -25px;
border: 1px solid #cfe2f4;
}
.popup__consent input[type="checkbox"]:checked + label:before {
background: #fff url(/images/consent-icon.svg) 50% 50% no-repeat;
}
.popup__consent input[type="submit"] {
display: block;
width: 100%;
max-width: 100%;
margin-top: 20px;
cursor: pointer;
font-weight: 700;
font-size: 14px;
line-height: 42px;
color: #fff;
border: none;
border: none;
height: 42px;
background: #326cb5!important;
text-align: center;
-webkit-transition: 0.25s all ease;
transition: 0.25s all ease;
border-radius: 0px;
outline: none;
resize: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding:0px!important;
}
.popup__consent input[type="submit"].load {
pointer-events: none;
background: #326cb5;
background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, #477ac7 5px, #477ac7 10px);
background-size: 200% 200%;
-webkit-animation: gradient 5s linear infinite;
animation: gradient 5s linear infinite;
}
@-webkit-keyframes gradient {
100% {
background-position: 100% 100%;
}
}
@keyframes gradient {
100% {
background-position: 100% 100%;
}
}
.popup__consent input[type="submit"]:hover {
background: #477ac7!important;
}
.popup__consent input[disabled] {
background: rgba(50, 108, 181, 0.6)!important;
color: #fff;
cursor: not-allowed;
pointer-events: none;
}