/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
/* End of Eric Meyer's CSS Reset */

/* general */
body {font-size:14px; font-family: Arial, Tahoma, 'Times New Roman', sans-serif;color: #000000; width: 100%;}
input {outline:none;font-size: 14px;}
h1 {font-size: 26px; line-height: 34px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 20px;}
h6 {font-size: 20px;}
h2, h3, h4 {padding: 0 0 15px 0; text-align: left; font-weight: normal; text-transform: uppercase; line-height: 1.4;}
h5, h6 {padding: 0 0 4px 0; text-transform: uppercase;}
strong {font-weight: bold;}
a {font-size: 14px;}
a:link {color: #1b5d97; text-decoration: none;}
a:visited {color: #1b5d97; text-decoration: none;}
a:hover {color: #237bc9; text-decoration: none;}
a:active {color: #237bc9; text-decoration: none;}
.clr{clear: both;}
.container {margin: 0 0 50px 0; padding: 0; position: relative;}
.container-gray {padding: 50px 0; background-color: #f0f0f0;}
.container-inner {width: 1170px; margin: 0 auto; padding: 0; position: relative;}
.modal-agreement {max-width: 700px;}
.modal-agreement p {line-height: 1.5;}
.message-default {margin: 0; padding: 15px 10px; text-align: center; position: absolute; top: 122px; left: 50%; transform: translateX(-50%); margin-bottom: 15px; width: 90%; max-width: 1140px; background-color: #72d372; border-radius: 4px; z-index: 70;}
.form-no {margin: 2px 0 2px 0; color: #bd3c37; line-height: 12px; font-size: 12px;}
.form-yes {margin: 2px 0 2px 0; color: #1b5d97; line-height: 12px; font-size: 12px;}
.disabled {opacity: 0.8;}
.but {display: inline-block; cursor: pointer; padding: 0 35px; height: 48px; white-space: nowrap; font-size: 16px; font-weight: bold; text-transform: uppercase; border-radius: 50px; color: #ffffff; background-color: #e70505; text-decoration: none; text-align: center; line-height: 48px;}
.but:hover {background-color: #e72525;}
a.but {text-decoration: none; color: #ffffff; font-size: 15px;}
a.but:hover {background-color: #e72525;}
.default-text table{border-radius: 4px; margin: 0 0 10px 0; width: 100%; min-width: 560px;}
.default-text table tr td{padding: 10px 20px; border: 1px solid #e0e0e0;line-height: 1.3;}
.default-text table tr th{padding: 10px 20px; border: 1px solid #e0e0e0;line-height: 1.3; background-color: #1b5d97; color: #fff;}
.default-text ul {margin: -5px 0 15px 30px; list-style: none;}
.default-text ul li {position: relative; line-height: 30px;}
.default-text ul li:before {position: absolute; background-image: url(../images/arrow-icon-blue.svg); background-size: cover; width: 9px; height: 15px; content: ""; top: 2px; left: -25px;}
.default-text ol {margin: -5px 0 15px 30px;list-style: decimal;}
.default-text ol li {line-height: 1.7;}
.default-text div {line-height: 1.5;}
.default-text p{padding: 0 0 15px 0;line-height: 1.5; font-size: 14px;text-align: left;}
.default-text img {margin: 15px; max-width: 100%; border-radius: 5px;}
a.but-disabled {background-color: #98969a; border: 1px solid #98969a; pointer-events: none; opacity: 0.8;}
.but-disabled {background-color: #98969a; border: 1px solid #98969a; pointer-events: none; opacity: 0.8;}
.table-box h1 .table-box h2, .table-box h3, .table-box h4, .table-box h5 {font-size: 16px;}
.table-box table tr td {padding: 10px 20px;}
.table-box {margin: 0 0 20px 0;}
.fa {width: 30px; height: 30px; font-size: 30px;}
.default-title {margin: 0 0 25px 0; font-size: 40px; line-height: 46px; font-weight: bold; text-transform: uppercase;}
.default-pretitle {margin: 0 0 5px 0; font-size: 22px; color: #1b5d97; line-height: 26px; font-weight: bold; text-transform: uppercase;}
.default-subtitle {margin: 0 0 20px 0; font-size: 26px; line-height: 32; font-weight: bold; text-transform: uppercase;}
.page-childs {margin: 0 0 30px 0;}
.page-childs p {margin: 0 0 15px 0;}
.page-childs a {font-size: 16px;}
.title-center {text-align: center;}
.default-box {margin: 0 0 40px 0;}
/* /general */

/* form */
.form-box {background-color: #F5F5F5; margin: 20px 0 0 0; padding: 30px; border-radius: 5px; text-align: center;}
.form-box {line-height: 1.5;}
.form-box-inner {width: 370px; margin: 0 auto;}
.form-title {font-size: 26px; margin: 0 0 20px 0; text-transform: uppercase;}
.form-input-box {margin: 0 0 20px 0; text-align: left;}
.form-center {text-align: center;}
.form-box p {line-height: 1.5;}
input[type="text"] {position:relative; outline: none; width: 100%; font-size: 16px; color: #35363F; padding: 0 20px; height: 48px; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 20px;}
input[type="text"]:focus {border: 1px solid #1b5d97; }
textarea {position:relative; outline: none; font-size: 16px; color: #35363F; padding: 15px 20px; height: 100px; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 20px;}
textarea:focus {border: 1px solid #1b5d97;}
select {position:relative; outline: none; width: 100%; font-size: 16px; color: #35363F; padding: 0 20px; height: 48px; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 20px;}
select:focus {border: 1px solid #1b5d97; }
.c-box {display: flex; align-items: center; justify-content: center;}
.c-box img {margin: 0 15px 0 0; display: block; border-radius: 10px;}
.form-modal-box {width: 500px; padding: 30px 30px 10px 30px; text-align: center;}
.form-modal-box p {margin: 0 0 20px 0; line-height: 1.5;}
/* /form */

/* header */
header {margin: 0; position: relative;}
.head-box {position: fixed; margin: 0; padding: 0; width: 100%; top: 41px; background-color: #252525; z-index: 100;}
.head-inner {width: 1170px; margin: 0 auto; padding: 5px 0 5px 0; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.head-logo {margin: 0; flex-shrink: 0; flex-grow: 0; text-align: center;}
.head-logo img {height: 60px;}

a.head-but-callback {display: inline-block; width: 140px; cursor: pointer; margin: 0; padding: 0; height: 46px; font-size: 15px; text-decoration: none; text-transform: uppercase; font-weight: bold; border-radius: 50px; color: #ffffff; background-color: #e70505; text-align: center; line-height: 46px;}
a.head-but-callback:hover {background-color: #e72525;}

.mob-head-box {display: none; flex-wrap: wrap; justify-content: space-between;}
.mob-open-menu-but {width: 28px; height: 26px; margin: 6px 0 0 0; background: no-repeat url(../images/mob-open-menu-icon.png);}
.mob-close-menu-but {display: none; width: 28px; height: 28px; margin: 6px 0 0 0; background: no-repeat url(../images/mob-close-menu-icon.svg); background-size: 28px 28px;}
.mob-phone-icon {width: 38px; height: 38px; margin: 0 8px 0 0; display: block; background: no-repeat url(../images/phone-icon.svg); background-size: 38px 38px;}
.mob-whatsapp-icon {width: 38px; height: 38px; margin: 0 8px 0 0; display: block; background: no-repeat url(../images/whatsapp-icon.svg); background-size: 38px 38px;}
.mob-vk-icon {width: 38px; height: 38px; margin: 0 8px 0 0; display: block; background: no-repeat url(../images/vk-icon.svg); background-size: 38px 38px;}
a.mob-callback-but {display: block; margin: 0 8px 0 0; padding: 0 20px; height: 38px; font-size: 14px; line-height: 38px; border-radius: 50px; color: #ffffff; background-color: #e70505; text-decoration: none; text-align: center; text-transform: uppercase;}
a.mob-callback-but:hover {background-color: #e72525;}
/* head-top */
.head-top {position: fixed; margin: 0; padding: 0; width: 100%; top: 0; background-color: #1b5d97; z-index: 100;}
.head-top-inner {width: 1170px; margin: 0 auto; padding: 13px 0 11px 0; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative;}
.ht-item {margin: 0 10px 5px 0; padding: 0 0 0 24px; display: flex; justify-content: start; flex-wrap: nowrap; position: relative; text-align: center;}
.ht-item p {margin: 0; padding: 0; line-height: 12px;}
.ht-item a {color: #fff; font-size: 14px; margin: 0; padding: 0; line-height: 12px;}
.ht-phone-icon::before {width: 16px; height: 16px; margin: 0; position: absolute; content: ""; background: no-repeat url(../images/ht-phone-icon.svg); top: -2px; left: 0; background-size: 16px 16px;}
.ht-mail-icon::before {width: 16px; height: 16px; margin: 0; position: absolute; content: ""; background: no-repeat url(../images/ht-mail-icon.svg); top: -2px; left: 0; background-size: 16px 16px;}
.ht-location-icon::before {width: 16px; height: 16px; margin: 0; position: absolute; content: ""; background: no-repeat url(../images/ht-location-icon.svg); top: -2px; left: 0; background-size: 16px 16px;}
.ht-vk-icon::before {width: 18px; height: 16px; margin: 0; position: absolute; content: ""; background: no-repeat url(../images/ht-vk-icon.svg); top: -2px; left: 0; background-size: 18px 16px;}
/* /head-top */
/* /header */

/* head-menu */
.head-menu-box {display: block; margin: 0; padding: 0;}
ul.head-menu {margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
ul.head-menu > li {position: relative; margin:0; display: block; vertical-align: top;line-height: 16px;}
ul.head-menu > li a {display:block; color: #CCCCCC; text-decoration: none; padding: 12px 15px 12px 10px; font-size: 14px; text-transform: uppercase; font-weight: 700;}
ul.head-menu > li:hover > a {color: #1b5d97;}
ul.head-menu > li > a.no-submenu:before {width: 26px; height: 4px; content: ""; position: absolute; left: 0; transform: translateX(-50%); bottom: 0; opacity: 0; background: url("/template/images/line-bottom.png") no-repeat; transition: all .3s ease;}
ul.head-menu > li:hover > a.no-submenu:before {left: 50%; opacity: 1;}
ul.head-menu > li.active > a {color: #1b5d97;}
ul.head-menu > li > a.has-submenu:before {content: ''; position: absolute; top: 14px; right: 2px; width: 9px; height: 15px; margin: 0 0 0 12px; background: no-repeat url(../images/arrow-icon-blue.svg); background-size: 7px 13px;}
ul.head-menu > li:hover > a.has-submenu:before {transform: rotate(90deg); right: 3px;}
ul.head-menu > li ul li a:hover {color: #fff; background-color: #1b5d97; border-radius: 0;}
ul.head-menu > li ul li a.active {color: #000; background-color: #1b5d97; border-radius: 0;}
ul.head-menu > li a.short-li {width: 140px; font-size: 11px;}
/* выпадающие пункты */
ul.submenu {display: none; position: absolute; left: 0; top: 100%; background-color: #ffffff; list-style: none; padding: 0; margin: 0; min-width: 290px; z-index: 99999; -webkit-box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.2); box-shadow: 0px 25px 25px 0px rgba(0,0,0,0.2);}
ul.submenu li a:first-child {margin: 1px 0 0 0;}
ul.submenu li a {padding: 10px 20px; text-decoration: none; color: #000000; text-transform: none;}
ul.submenu li a:hover {background-color: #1b5d97; color: #ffffff;}
ul.head-menu li:hover ul.submenu {display: block;}
/* /head-menu */

/* breads */
.breads{margin: 0 0 15px 0; z-index: 1000;}
.breads a {position:relative; display:inline-block; vertical-align:top; text-decoration:none; color:#76787E; line-height:17px; margin: 0 24px 0 0;}
.breads a:before {content: ''; position: absolute; top: 2px; left: 100%; width: 9px; height: 15px; margin: 0 0 0 12px; background: no-repeat url(../images/arrow-icon-blue.svg); background-size: 7px 13px;}
.breads span{color: #35363F;display:inline-block;vertical-align:top;line-height: 17px;}
.breads div a span:hover{color: #1b5d97;}
.breads div {display: inline; line-height: 1.5;}
/* /breads */

/* cats */
.cats-box {margin: 0 0 10px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.cb {width: 48%; position: relative; transition: 0.3s; padding: 20px; display: inline-block; vertical-align: top; margin: 0 2% 2% 0; background-color: #FFFFFF; box-shadow: 0 8px 51px -4px rgba(0,0,0,0.06); box-sizing: border-box; border: 1px solid #ffffff; text-align: left;}
.cb:hover {-webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);}
.cb-title {text-align: center; margin: 0 0 10px 0; font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 20px;}
.cb-title a {font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 20px;}
.cb-title a:hover {color: #237bc9;}
.cb-img { margin: 20px 0; display: flex; align-items: center; justify-content: center;}
.cb-img img {max-width: 100%; max-height: 100%;}
.cb-price {font-size: 30px; text-align: center; font-weight: bold;}
.cb-price span {font-size: 24px; text-align: center;}
.cb-price-after {margin: -10px 0 10px 0; font-size: 14px; text-align: center; font-weight: normal;}
.cb-but {text-align: center;}
.cb-rassrochka {text-align: center;}
p.cb-akciya-pakety {text-align: center; color: #ff0000; font-weight: bold;}

.cats-box-full {margin: 0 0 10px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.cats-box-full .cb {width: 100%;}
/* /cats */

/* footer */
.footer {color:#ffffff; background-color: #161616;}
.footer a {color:#ffffff;}
.footer p {margin: 0 0 5px 0; line-height: 18px;}
.foot-inner {width:1170px; margin: 0 auto; padding: 40px 0 40px 0; display: flex; flex-wrap: nowrap; justify-content: space-between;}
.foot-title {margin:0 0 15px 0; font-size:19px; line-height: 25px; font-weight: bold; text-transform: uppercase;}
.foot-left {margin: 0 20px 0 0; width: 220px; color: #CCCCCC;}
a.foot-logo {text-align: center;}
a.foot-logo img {margin: 0 0 10px 0;}
a.foot-logo p {text-transform: uppercase; color: #ffffff; font-weight: bold; font-size: 19px;}
.foot-center {margin: 0 20px 0 0;}
.foot-menu-box {display: flex; flex-wrap: wrap; justify-content: left; align-items: flex-start;}
ul.foot-menu {width: 230px;}
ul.foot-menu:first-child {margin: 0 40px 0 0;}
ul.foot-menu li {list-style-type: none; position: relative;}
ul.foot-menu li a {display: block; color: #ffffff; text-decoration: none; line-height: 1.5; padding: 0 0 8px 20px; margin: 0 0 8px 0; border-bottom: 1px dashed #949494;}
ul.foot-menu li a:before {position: absolute; background-image: url(../images/arrow-icon-blue.svg); background-size: 7px 13px; width: 7px; height: 13px; content: ""; top: 3px; left: 0;}
ul.foot-menu li:last-child a {border-bottom: none;}
ul.foot-menu li a:hover {color: #1b5d97;}
ul.foot-menu li a.active {color: #1b5d97;}
.foot-info {position: relative; width: 290px; text-align: left; margin: 0; flex-shrink: 0; flex-grow: 0;}
.foot-soc-box {display: flex; flex-wrap: wrap; justify-content: start;}
.foot-phone-icon {display:block; margin: 0 8px 8px 0; width: 38px; height: 38px; background: no-repeat url(../images/phone-icon.svg); background-size: 38px 38px;}
.foot-whatsapp-icon {display:block; margin: 0 8px 8px 0; width: 38px; height: 38px; background: no-repeat url(../images/whatsapp-icon.svg); background-size: 38px 38px;}
.foot-vk-icon {display:block; margin: 0 8px 8px 0; width: 38px; height: 38px; background: no-repeat url(../images/vk-icon.svg); background-size: 38px 38px;}
.foot-telegram-icon {display:block; margin: 0 8px 8px 0; width: 38px; height: 38px; background: no-repeat url(../images/telegram-icon.svg); background-size: 38px 38px;}
.foot-copyright {padding: 0 5px 30px 5px; text-align: center;}
.foot-copyright a {color: #1b5d97;}
.foot-copyright a:hover {color: #237bc9;}
.foot-copyright p {margin: 0; padding: 0; display: inline-block;}
.foot-box {position: relative; padding: 0 0 0 24px;}
.foot-item {margin: 0 0 15px 0;}
.foot-item a:hover {color: #1b5d97;}
.foot-adress {position: relative;}
.foot-adress a:before {position: absolute; background-image: url(../images/ht-location-icon.svg); background-size: cover; width: 16px; height: 16px; content: ""; top: 2px; left: -24px;}
.foot-phone {position: relative;}
.foot-phone a:before {position: absolute; background-image: url(../images/ht-phone-icon.svg); background-size: cover; width: 16px; height: 16px; content: ""; top: 2px; left: -24px;}
.foot-mail {position: relative;}
.foot-mail a:before {position: absolute; background-image: url(../images/ht-mail-icon.svg); background-size: cover; width: 16px; height: 16px; content: ""; top: 2px; left: -24px;}

.to-top {display: none; height: 50px; width: 50px; border-radius: 50px; z-index: 50; background: no-repeat center url(../images/arrow-icon.svg) #1b5d97; background-size: 8px 13px; transform: rotate(-90deg);  position: fixed; bottom: 30px; left: 30px;}
.to-top:hover {background-color: #237bc9;}

.agreed-modal {display: none; width: 370px; padding: 15px; position: fixed; right: 20px; bottom: 20px; background: #fff; box-shadow:0 0 0px 1px rgba(97, 105, 116, 0.4); z-index: 4000;}
.am-title {margin: 0 0 8px 0; font-size: 16px; font-weight: bold;}
.am-text {margin: 0 0 13px 0; font-size: 14px; line-height: 20px;}
.am-but {margin: 0; padding: 7px 10px; width: 100px; font-size: 14px; text-align: center; color: #fff; background-color: #000000; border: 0; outline: none; cursor: pointer;}
.am-but:hover {background-color: #696969;}

.sf-box{display: none; padding: 0; box-sizing: border-box; z-index: 60; position: fixed; bottom: 0; width: 100%; height: 50px; background-color: #fff; align-items: center;}
.sf-box a {color: #000000;}
.sf-box-inner{position: relative;display: flex;justify-content: space-between;align-items: center; width: 100%;}
.sf-box-inner div{width: 49%;display: flex;justify-content: center;align-items: center;}
.sf-box-inner::before{position: absolute;content: "";top: 50%;left: 50%;transform: translateY(-50%);width: 2px;height: 100%;background-color: #eaeaea;}
.sf-phones {display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column;}
.sf-phone{position: relative; margin: 0; padding: 0 0 0 30px; color: #000; line-height: 24px;}
.sf-phone::before{position: absolute;content: "";top: 50%;left: 0;transform: translateY(-50%);width: 20px;height: 20px;background-image: url(../images/phone-icon.svg);background-size: contain;background-position: center;background-repeat: no-repeat;}
.sf-whatsapp {position: relative; margin: 0; padding: 0 0 0 30px; color: #000; line-height: 24px;}
.sf-whatsapp::before {position: absolute;content: "";top: 50%;left: 0;transform: translateY(-50%);width: 20px;height: 20px;background-image: url(../images/whatsapp-icon.svg);background-size: contain;background-position: center;background-repeat: no-repeat;}
a.sf-but {width: auto; height: 32px; margin: -4px 0 0 0; box-sizing: border-box; padding: 0 15px; font-size: 14px; color: #FFFFFF; background-color: #1b5d97; border-radius: 50px; display: flex; justify-content: center; align-items: center;}
a.sf-but:hover {background-color: #237bc9;}
/* /footer */

/* soc-widget */
.phone-icon {display:block; margin: 0 auto; width: 38px; height: 38px; background-image: url(../images/phone-icon.svg); z-index: 50; background-size: 100%;}
.whatsapp-icon {display:block; margin: 0 auto; width: 38px; height: 38px; background-image: url(../images/whatsapp-icon.svg); z-index: 50; background-size: 100%;}
.vk-icon {display:block; margin: 0 auto; width: 38px; height: 38px; background-image: url(../images/vk-icon.svg); z-index: 50; background-size: 100%;}
.telegram-icon {display:block; margin: 0 auto; width: 38px; height: 38px; background-image: url(../images/telegram-icon.svg); z-index: 50; background-size: 100%;}
.ok-icon {display:block; margin: 0 auto; width: 44px; height: 44px; background-image: url(../images/s-ok-icon.svg); background-repeat: no-repeat; z-index: 50; background-size: 100%;}
.chat-icon-box {position: fixed; height: 50px; width: 50px; right: 30px; bottom: 30px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #1b5d97; box-shadow: 0 0 20px 0 rgba(0,0,0,.3); cursor: pointer; z-index: 1000;}
.chat-icon-box-white {background-color: #FFFFFF;}
.chat-icon {width: 30px; height: 30px; background: url(../images/s-chat-icon.svg) center no-repeat; background-size: 30px 30px; z-index: 50;}
.chat-icon-close {width: 60px; height: 60px; background: url(../images/s-chat-icon-close.svg) center no-repeat; z-index: 50;}
.chat-question {position: absolute; right: 70px; white-space: nowrap; padding: 9px 13px; font-size: 15px; border-radius: 3px; transform: translateX(0%) translateY(-50%); top: 50%; background: #292929; color: #fff; opacity: .85; transition: all 0.1s linear; line-height: 1.35; font-weight: 600;}
.chat-question:after {content: ''; position: absolute; width: 0; height: 0; border: solid transparent; border-width: 10px; top: 50%; right: -20px; transform: translateY(-50%); border-left-color: #292929;}
.s-box {display: none; position: fixed; width: 320px; bottom: 95px; right: 30px; padding: 30px 20px; background-color: #efefef; border-radius: 10px; text-align: center; box-shadow: 0 0 20px 0 rgba(0,0,0,.4); z-index: 70;}
.s-head {text-align: center; font-size: 20px; margin: 0 0 15px 0; font-weight: bold;}
.s-line {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; margin: 0 0 5px 0;}
.s-el {width: 68px; margin: 0 0 10px 0; text-align: center;}
.s-el p {font-size: 12px; margin: 5px 0 0 0; text-align: center;}
.s-foot {margin: 0; line-height: 20px; text-align: center;}
/* /soc-widget */

/* modal-window*/
.modal-window {display: none;}
/* /modal-window */

/* Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch */
/* Owl Carousel - Core */
.owl-carousel {width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.owl-carousel .owl-item > a {margin: 0; padding: 4px;}
.owl-carousel .owl-item img {display: block; width: 100%;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {background: none; color: inherit; border: none; padding: 0 !important; font: inherit;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel.owl-drag .owl-item {text-align: center; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
/* No Js */
.no-js .owl-carousel {display: block;}
/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
/* Owl Carousel - Auto Height Plugin */
.owl-height {transition: height 500ms ease-in-out;}
/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item {/* This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {max-height: 0;}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d;}

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000;}
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease;}
.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}
.owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%;}
/* Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch */
/* Default theme - Owl Carousel CSS File */
.owl-theme .owl-nav {margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-nav [class*='owl-'] {color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px;}
.owl-theme .owl-nav .disabled {opacity: 0.5; cursor: default;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 10px;}
.owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline;}
.owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791;}
.owl-carousel .owl-nav button.owl-prev {margin: 0 20px 0 0; padding: 0; width: 38px; height: 38px; background: url(../images/prev-icon.svg) center no-repeat; z-index: 1000;}
.owl-carousel .owl-nav button.owl-next {margin: 0; padding: 0; width: 38px; height: 38px; background: url(../images/next-icon.svg) center no-repeat; z-index: 1000;}
/* /Owl Carousel */

.owl-carousel-banner {margin: 123px 0 60px 0;}
.owl-carousel.owl-carousel-banner .item {position: relative; height: 75vh; background-size: cover; background-position: center; display: flex; justify-content: left; align-items: center; z-index: 1;}
.owl-carousel.owl-carousel-banner .item::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 0;}
.item-inner {margin: 0 0 0 20%; text-align: left; max-width: 700px; color: #fff; position: relative; z-index: 1;}
.owl-carousel .owl-item .mb-img-box {margin: 15px 20px 0 0;}
.owl-carousel .owl-item .mb-img-box img { max-width: 100%; max-height: 100%; margin: 0; padding: 0; width: auto; border-radius: 5px; display: inline-block;}

/* page */
.page-container {margin: 20px 0 20px 0;}
.page-box {display: flex; flex-wrap: nowrap; justify-content: space-between;}
.page-left {margin: 0 20px 20px 0; width: 100%;}
.page-right {width: 330px; margin: 0 0 20px 0; padding: 30px; flex-shrink: 0; flex-grow: 0; background-color: #F5F5F5;}

.head-special{background:#1b5d97; font-size: 15px; color:#fff; padding: 13px 8px; margin-bottom: 12px; text-transform: uppercase; font-weight: bold;}
.pl-actions{position:absolute;top:0;left:0;width:48px;height:55px;background:no-repeat url(../images/akciya-timer-icon.png);}
.block-stl {padding: 0 0 10px 0; margin: 0 0 20px 0; position:relative;text-align:center;background:rgba(255,255,255,1);border:1px solid #fff;}
.block-stl p {padding: 0 5px; font-size: 14px;line-height: 1;color: #1e1d1c;}
.block-stl a {color: #1e1d1c; line-height: 20px; margin: 0 0 10px 0; display: block;}
.block-stl a:hover {color: #1b5d97;}
.block-stl a .at-cat {display: block; text-decoration: underline;}
.block-stl a .at-price {font-size: 18px; color: red; font-weight: bold; display: inline-block;}
.block-stl a:hover .at-price {color: #ff4141;}
.block-stl a .at-oldprice {font-size: 18px; color: #606060; font-weight: bold; display: inline-block; text-decoration: line-through;}
.block-stl a:hover .at-oldprice {color: #606060;}
.block-special p{font-size:9pt;line-height:11pt;font-weight:500;color:#606060;margin:0;}
.head-timer{color:#5b5b5b; display:block; margin: 10px 0 5px 0;}
.akciya-timer {height:50px; display: block;}
.tbox {height: 50px; width:195px; margin: 0 auto; display: block;}
.tblock {margin:0; float: left; text-align: center; color: #fff;border-radius: 3px; display: block;}
.tnum {font-size: 21px;margin: 0 4px 0 0;font-weight: bold; display: block; line-height: 30px;}
.tnum span {background-color: #1b5d97;padding: 2px 5px;}
.ttext {font-size: 10px;color: #3E3E3E;padding: 0 4px 0 0;}
.tnum span:first-child {border-radius:5px 0 0 5px;border-right: 1px solid #c29519;}
.tnum span:last-child{border-radius:0 5px 5px 0;}

.page-right-but-box {margin: 0 0 20px 0; text-align: center;}

.right-menu-box {margin: 0 0 20px 0;}
ul.right-menu {}
ul.right-menu > li a {display:block; color: #000; text-decoration: none; padding: 8px 0; font-size: 18px; text-transform: uppercase; font-weight: bold; line-height: 24px;}
ul.right-menu > li > ul > li {position: relative; margin: 0 0 0 18px;}
ul.right-menu > li > ul > li a {font-size: 12px;}
ul.right-menu > li > ul > li:before {position: absolute; background-image: url(../images/arrow-icon-blue.svg); background-size: cover; width: 9px; height: 15px; content: ""; top: 10px; left: -15px;}
ul.right-menu li a:hover {color: #1b5d97;}
ul.right-menu li a.active {color: #1b5d97;}

.progress-title {background:#1b5d97; font-size: 15px; color:#fff; padding: 13px 8px; text-transform: uppercase; font-weight: bold; text-align: center;}
.progress-bar-box {}
.progressItems {margin: 0; background-color: #ffffff; padding: 20px 20px 1px 20px;}
.progressBar {margin: 0 0 40px;}
.progressBar .value, .progressBar .header {font-weight: bold; margin-bottom: 4px; font-size: 16px;}
.progressBar .header {padding-left: 2px;}
.progressBar .value {float: right; font-weight: bold; font-size: 16px; margin-top: -20px;}
.progressBar .bar {width: 100%; height: 6px; -webkit-border-radius: 8px; -webkit-background-clip: padding-box; -moz-border-radius: 8px; -moz-background-clip: padding; border-radius: 8px; background-clip: padding-box; background-color: #F5F5F5;}
.progressBar .bar div {height: 100%; width: 0; background-color: #1b5d97; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box;}

.page-top-bg {margin: 123px 0 0 0; background: no-repeat url(/template/images/page-top-bg.jpg); z-index: 1;}
.page-top-bg:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(51, 51, 51, 0.59) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMjNkYTEyYy1jOGMyLTcwNDItODg2Ny0xZmZhZWI3MmViOTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFGM0ExREExQTA3MTFFN0E4OEU4RkY3Q0VEQzAyRTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFGM0ExRDkxQTA3MTFFN0E4OEU4RkY3Q0VEQzAyRTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzJkM2FhYWItMDUyZi05NDQ4LTlhM2UtMjk1OTkzMDQyOGI2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTA5ZDg5ZmQtMDA2NS0xMWU3LThiMWMtZTE0MmJhNWM4NzA3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vyDTwQAAABlJREFUeNpiYkCA/0wwBhAzMsEYIBGAAAMANqADBoMGgUwAAAAASUVORK5CYII=);}
.page-top {position: relative; margin: 0 auto; padding: 40px 0; text-align: center;  z-index: 5;}
.page-top h1 {margin: 0; background-color: #1b5d97; color: #fff; display: inline; padding: 0 20px;}
.page-top .breads a {color: #ffffff;}
.page-top .breads a:before {content: ''; position: absolute; top: 2px; left: 100%; width: 9px; height: 15px; margin: 0 0 0 12px; background: no-repeat url(../images/arrow-icon.svg); background-size: 7px 13px;}
.page-top .breads span{color: #ffffff;}

.otzyvy-page-box {margin: 0 0 10px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.otzyvy-page-box a {width: 29%; margin: 0 3% 3% 0; border: 1px solid #eeeeee; border-radius: 5px;}
.otzyvy-page-box a:nth-child(4n) {margin: 0 3% 3% 0;}
.otzyvy-page-box a:nth-child(3n) {margin-right: 0;}
.otzyvy-page-box a:last-child {margin-right: 0;}
.otzyvy-page-box img {margin: 0; max-width: 100%;}
/* /page */

/* everywhere */
.pr-top-box {margin: 0 0 20px 0; padding: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; background-color: #FFFFFF; box-shadow: 0 8px 51px -4px rgba(0,0,0,0.06); box-sizing: border-box;}
.pr-top-box:hover {-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);}
.pr-top-left {margin-right: 20px; font-size: 20px; line-height: 26px; font-weight: bold;}
.pr-top-right {width: 200px; flex-shrink: 0; flex-grow: 0; text-align: center;}
.pr-box {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0;}
.pr {position: relative; width: 32%; margin: 0; padding: 30px 30px 100px 30px; background-color: #FFFFFF; box-shadow: 0 8px 51px -4px rgba(0,0,0,0.06); box-sizing: border-box;}
.pr:hover {-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.15);}
.pr:last-child {margin-right: 0;}
.pr-img {text-align: center; margin: 0 0 20px 0;}
.pr-img img {width: 105px;}
.pr-name {margin: 0 0 20px 0; text-align: center; font-size: 15px; line-height: 22px; text-transform: uppercase; font-weight: bold;}
.pr-descr p {font-size: 14px; line-height: 20px; margin: 0;}
.pr-but {text-align: center; margin: 15px 0 0 0; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);}

.akciya-item {margin: 0 0 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #ffffff; border: 1px solid #e0e0e0; border-radius: 5px;}
.akciya-left {padding: 30px; width: 60%; text-align: center;}
.akciya-left p {text-align: center;}
.akciya-right {width: 40%;}
.akciya-right img {max-width: 100%; max-height: 100%; margin: 0 auto; display: block;}

.table {display: table; width: 100%; border-collapse: collapse; margin: 20px 0; border-radius: 5px;}
.table-row {display: table-row;}
.table-cell {display: table-cell; padding: 10px; border: 1px solid #ccc; text-align: center; vertical-align: middle;}
.table-header {display: table-row; background-color: #f2f2f2; font-weight: bold;}
.table-cell:hover {background-color: #f9f9f9;}
.redprice {color: #e70505;}
.greenbg {color: #2ca84f;}

.il-container {margin: 0 0 50px 0; padding: 0; background: linear-gradient(90deg, #1b5d97, #237bc9); color: #FFFFFF;}
.il-inner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.il-item {position: relative; padding: 0 0 0 60px; margin: 30px 15px 30px 0;}
.il-item a {color: #ffffff; font-weight: bold; font-size: 18px; line-height: 24px;}
.il-item a:hover {color: #000000;}
.il-phone-icon::before {width: 48px; height: 48px; margin: 0; position: absolute; content: ""; background: no-repeat url(../images/il-phone-icon.svg) #ffffff center; top: -13px; left: 0; background-size: 24px 24px; border-radius: 50px;}
.il-vk-icon::before {width: 48px; height: 48px; margin: 0; position: absolute; content: ""; background: no-repeat url(../images/il-vk-icon.svg) #ffffff center; top: -13px; left: 0; background-size: 24px 24px; border-radius: 50px;}
.il-mail-icon::before {width: 48px; height: 48px; margin: 0; position: absolute; content: ""; background: no-repeat url(../images/il-mail-icon.svg) #ffffff center; top: -13px; left: 0; background-size: 24px 24px; border-radius: 50px;}
a.il-but {margin: 20px 0; padding: 0 35px; height: 60px; line-height: 60px; display: block; white-space: nowrap; font-size: 16px; font-weight: bold; text-transform: uppercase; border-radius: 50px; color: #ffffff; border: 2px solid #ffffff; text-decoration: none; text-align: center;}
a.il-but:hover {background-color: #202020; color: #ffffff;}

.default-gallery {margin: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.default-gallery a {display: block; width: 23%; margin: 0 2% 2% 0; text-align: center;}
.default-gallery a:nth-child(4n) {margin-right: 0;}
.default-gallery a img {max-width: 100%; max-height: 100%;}

.gallery a {height: 165px; overflow: hidden;}
.gallery a img {max-width: 100%; max-height: none;}

.ap-box {margin: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.ap {width: 31%; margin: 0 3% 3% 0; text-align: center; background-color: #FFFFFF;}
.ap:nth-child(3n) {margin-right: 0;}
.ap-img {display: flex; align-items: center; justify-content: center;}
.ap-img img {max-width: 100%; max-height: 100%; border-radius: 15px;}
.ap-name {text-align: center; font-size: 20px; line-height: 24px; color: #35363F; margin: 16px 0 10px;}

.ins-box {margin: 20px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center;}
.ins {width: 23%; margin: 0 2% 2% 0; padding: 0; box-sizing: border-box; border: 1px solid #ffffff; text-align: center;}
.ins:nth-child(4n) {margin-right: 0;}
.ins:last-child {margin-right: 0;}
.ins-img {margin: 0 0 15px 0;}
.ins-img img {max-width: 100%; border-radius: 5px; margin: 0;}
.ins p {line-height: 1.5; font-style: italic;}
.ins span {font-weight: bold;}
.ins-box-marg-top {margin-top: 25px;}

.revs-box {margin: 0; padding: 0;}
.revs-box a img {border-radius: 10px;}
.revs-img-center {text-align: center;}
.revs-img-center img {max-width: 100%; max-height: 100%;}
.revs-box .owl-theme .owl-nav .owl-prev {position: absolute; left: 0; top: 50%;}
.revs-box .owl-theme .owl-nav .owl-next {position: absolute; right: 0; top: 50%;}

.map-box {margin: 30px 0 0 0; height: 400px;}

.quiz-box {max-width: 810px;}
/* /everywhere */

/* main */
.w-inner {display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.w-img {width: 33.5%; padding: 0 35px 0 0; border-right: 1px dotted gray; margin: 0 30px 0 0; flex-shrink: 0; flex-grow: 0; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; }
.w-img img {max-width: 100%; max-height: 100%;}
.w-title {font-size: 20px; line-height: 26px; font-weight: bold;}
.w-but-box {text-align: left;}

.pr3-box {padding: 20px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center;}
.pr3 {width: 33%; text-align: center;}
.pr3:nth-child(1) {padding: 0 3% 1% 0;}
.pr3:nth-child(2) {padding: 0 3% 1% 3%; border-left: 1px dotted gray; border-right: 1px dotted gray;}
.pr3:nth-child(3) {padding: 0 0 1% 3%;}
.pr3-img {margin: 0 0 20px 0; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.pr3-img img {max-width: 100%; max-height: 100%; border-radius: 10px;}
.pr3-name {margin: 0; font-size: 18px; line-height: 24px; font-weight: bold; text-transform: uppercase; color: #35363F;}

.main-top img { max-width: 100%; max-height: 100%;}
.form-main-box {padding: 30px; background-color: #F5F5F5; box-sizing: border-box;}
.form-main-inner p {margin: 0 0 20px 0; line-height: 1.5;}
.form-main-inner {width: 400px; margin: 0 auto;}

.sert-bg {max-width: 100%; max-height: 100%;}

.mc-info p {text-align: center;}

.pr2-bg {padding: 120px 0 80px 0; color: #ffffff; background: repeat center url(/template/images/pr-bg.jpg);}
.pr2-bg:after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.73);}
.pr2-inner {z-index: 5;}
.pr2-box {margin: 0; display: flex; flex-wrap: wrap; justify-content: center;}
.pr2 {width: 30%; margin: 0 3% 4% 0; display: flex; flex-wrap: nowrap; justify-content: left;}
.pr2:nth-child(4n) {margin: 0 3% 4% 0;}
.pr2:nth-child(3n) {margin-right: 0;}
.pr2:last-child {margin-right: 0;}
.pr2-number {width: 40px; height: 40px; margin: 0 20px 0 0; flex-shrink: 0; flex-grow: 0; line-height: 40px; font-size: 18px; font-weight: bold; text-align: center; background: #1b5d97; border-radius: 50%;}
.default-text .pr2-number {line-height: 40px;}
.pr2-descr {}
.pr2-name {font-size: 18px; line-height: 24px; color: #1b5d97; text-transform: uppercase; font-weight: bold;}
.pr2-text {}
/* /main */

.but-block {display: flex; justify-content: center;}

@media (max-width: 1200px) {
  .head-inner {width: 100%; box-sizing: border-box; padding-left: 15px; padding-right: 15px;}
  .head-top-inner {width: 100%; box-sizing: border-box; padding: 13px 20px 11px 15px;}
  .main-top {width: 100%; box-sizing: border-box;}
  .container {width: 100%; box-sizing: border-box;}
  .container-inner {width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px;}
  .container-inner-two-cols {width: 100%; box-sizing: border-box;}
  .foot-inner {width: 100%; box-sizing: border-box; padding-left: 20px; padding-right: 20px;}

  ul.foot-menu {width: 100%; margin: 0; padding: 0;}
  ul.foot-menu:first-child {width: 100%; margin: 0;}
}
@media (max-width: 1030px) {
  .head-soc-box {display: none;}
  .head-soc {display: none;}

  .default-gallery a {width: 29%; margin: 0 3% 3% 0;}
  .default-gallery a:nth-child(4n) {margin: 0 3% 3% 0;}
  .default-gallery a:nth-child(3n) {margin-right: 0;}
}
@media (max-width: 950px) {
  ul.head-menu > li a {font-size: 13px; padding: 12px 8px 12px 8px;}
  ul.head-menu > li > a.has-submenu:before {display: none;}
  a.head-but-callback {width: 100px; }
  .il-inner {justify-content: center;}

  .item-inner {margin: 0 5%;}
}
@media (max-width: 900px) {
  .page-left {margin: 0;}
  .page-right {display: none;}

  .pr2 {width: 48%; margin: 0 3% 4% 0;}
  .pr2:nth-child(3n) {margin: 0 3% 4% 0;}
  .pr2:nth-child(2n) {margin-right: 0;}
  .pr2:last-child {margin-right: 0;}
}
@media (max-width: 800px) {
  .page-top-bg {margin: 80px 0 0 0;}

  .default-title {font-size: 30px; line-height: 36px;}
  .default-subtitle {font-size: 24px; line-height: 30px;}

  .head-inner {width: 100%; position: fixed; top: 0; padding: 10px 15px 10px 15px; background: rgba(31, 31, 31, 0.94); z-index: 8000;}
  ul.head-menu li {width: 100%; border-bottom: 1px solid #d3d3d3;}
  ul.head-menu li:last-child {border-bottom: none;}
  ul.head-menu li a {color: #ffffff;}
  ul.submenu {display: block; position: relative; top: 0; margin: 0 0 0 30px; background: none; box-shadow: none;}
  ul.submenu li a { padding: 15px 12px 15px 0;}
  ul.submenu li:first-child {border-top: 1px solid #ffffff;}
  ul.submenu li:last-child {border-bottom: none;}

  .head-top {display: none;}
  a.head-but-callback {display: none;}

  .head-menu-box {display: none; position: fixed; top: 80px; left: 0; right: 0; height: 100vh; z-index: 8000; overflow-y: auto; background-color: #1b5d97; padding-bottom: 100px;}
  .head-filials-box {display: none;}
  .head-phones-box {display: none;}
  .head-phones-box {display: none;}
  .head-soc-box {display: none;}

  .chat-question {display: none;}
  .container-left {display: none;}
  .container-inner-two-cols {display: block;}

  .s-box {bottom: 120px; right: 15px;}
  .chat-icon-box {bottom: 60px; right: 15px;}
  .totop {bottom: 15px; left: 15px;}

  .mob-head-box {display: flex;}
  .head-logo a {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
  .head-logo p {display: block;}
  .head-logo span {display: block;}

  .default-gallery a {width: 45%; margin: 0 3% 3% 0;}
  .default-gallery a:nth-child(3n) {margin: 0 3% 3% 0;}
  .default-gallery a:nth-child(2n) {margin-right: 0;}

  .ap {width: 45%;}
  .ap:nth-child(3n) {margin-right: 3%;}
  .ap:nth-child(2n) {margin-right: 0;}

  .foot-inner {flex-direction: column; flex-wrap: wrap; justify-content: center;}
  .foot-left {width: 100%; margin: 0 0 30px 0; justify-content: center; align-items: center; text-align: center;}
  .foot-center {margin: 0 0 30px 0;}
  ul.foot-menu li:last-child a {border-bottom: 1px dashed #949494;}
  .foot-info {width: auto; margin: 0;}
  .foot-title {text-align: center;}
  .foot-soc-box {justify-content: center;}
  .foot-line.default-text p {text-align: center;}
  .foot-line.default-text ul li {text-align: left;}
  .foot-line.default-text ul {width: 260px; margin: 0 auto;}

  .foot-copyright {padding: 0 0 100px 0;}

  .to-top {left: 15px; bottom: 60px; opacity: 0.8;}

  .sf-box {display: flex;}

  .owl-carousel-banner {margin-top: 80px;}

  .pr-box {justify-content: center;}
  .pr {width: 48%; margin: 0 2% 2% 0;}

  a.il-but {margin-top: 10px;}

  .pr2-bg {padding: 90px 0 50px 0;}
  .ins {width: 29%; margin: 0 3% 3% 0;}
  .ins:nth-child(4n) {margin: 0 3% 3% 0;}
  .ins:nth-child(3n) {margin-right: 0;}
  .ins:last-child {margin-right: 0;}

  .quiz-box {width: auto; height: auto;}
}
@media (max-width: 700px) {
  .w-inner {flex-wrap: wrap;}
  .w-img {width: 100%; margin: 0 0 20px 0; padding: 0; border: none;}
  .w-but-box {text-align: center;}

  .pr3-name {margin: 0; font-size: 16px; line-height: 22px;}

  .pr-top-box {flex-wrap: wrap;}
  .pr-top-left {width: 100%; margin: 0 0 20px 0;}
  .pr-top-right {width: 100%;}
  .cb {width: 100%; margin: 0 0 20px 0;}
  .pr {width: 100%;}

  .akciya-left {width: 100%;}
  .akciya-right {width: 100%;}

  .ins {width: 48%; margin: 0 3% 3% 0;}
  .ins:nth-child(3n) {margin: 0 3% 3% 0;}
  .ins:nth-child(2n) {margin-right: 0;}
  .ins:last-child {margin-right: 0;}

  .sert-bg {margin: 0 0 20px 0;}

  .otzyvy-page-box a {width: 47%; margin: 0 3% 3% 0;}
  .otzyvy-page-box a:nth-child(3n) {margin: 0 3% 3% 0;}
  .otzyvy-page-box a:nth-child(2n) {margin-right: 0;}
  .otzyvy-page-box a:last-child {margin-right: 0;}

  .form-modal-box {width: auto;}
}
@media (max-width: 600px) {
  .pr3 {width: 100%;}
  .pr3:nth-child(1) {margin: 0 0 20px 0; padding: 0;}
  .pr3:nth-child(2) {margin: 0 0 20px 0; padding: 0; border: none;}
  .pr3:nth-child(3) {margin: 0 0 20px 0; padding: 0;}

  .form-main-inner {width: 100%;}
  .table-box {overflow-x: scroll;}

  .pr2 {width: 100%; margin: 0 0 40px 0;}
  .pr2:nth-child(3n) {margin: 0 0 40px 0;}
  .pr2:nth-child(2n) {margin: 0 0 40px 0;}
  .pr2:last-child {margin-right: 0;}
}
@media (max-width: 500px) {
  .default-gallery a {width: 100%; margin: 0 0 20px 0;}
  .default-gallery a:nth-child(3n) {margin: 0 0 20px 0;}
  .default-gallery a:nth-child(2n) {margin: 0 0 20px 0;}

  .gallery a {height: auto; overflow: auto;}
  .gallery a img {max-width: 100%; max-height: none;}

  .form-box-inner {width: 100%;}
  .but {padding: 0 20px}
}
@media (max-width: 450px) {
  .mob-vk-icon {display: none;}

  .form-modal-box {padding: 15px 15px 5px 15px;}
}
@media (max-width: 370px) {
  .mob-whatsapp-icon {display: none;}

  .ap {width: 100%; margin: 0 20px 20px 20px;}
  .ap:nth-child(2n) {margin: 0 20px 20px 20px;}
  .ap:nth-child(3n) {margin: 0 20px 20px 20px;}

  .ins {width: 100%; margin: 0 0 20px 0;}
  .ins:nth-child(3n) {margin: 0 0 20px 0;}
  .ins:nth-child(2n) {margin: 0 0 20px 0;}
  .ins:last-child {margin-right: 0;}
}