@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:300,400,500,600,700&subset=cyrillic');
body {
    font-family: 'Montserrat', sans-serif;
}
.alt {
    font-family: 'Montserrat Alternates', sans-serif;
}

* {
    outline: none!Important;
}

button {
    transition: 0.3s;
}

label.error {
    display: none!important;
}

.error {
    border-color: red!important;
}

.valid {
    border-color: green!important;
}

.nomob {
    display: block;
}

.onlymob {
    display: none;
}

.nopadl {
    padding-left: 0;
}

.nopadr {
    padding-right: 0;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}
.container {
    max-width: 1170px;
    width: 100%;
}
header {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #2d374b;
    border-bottom: 1px solid rgba(92, 112, 153,0.4);
    padding: 12px 0;
}
.logo img {
    max-width: 100%;
}
header ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 17px;
}
header ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 24px;
}
header ul li:last-child {
    margin-right: 0;
}
header ul li a {
    color: #fff;
    font-size: 14px;
    color: #64799f;
    font-weight: 500;
}
header ul li a:hover, header ul li.active a {
    color: #fff;
}
.toptel {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.topmail {
    font-weight: 500;
    font-size: 14px;
    color: #fdc355;
    text-decoration: underline;
}
.topmail:hover {
    text-decoration: none;
}
.toptel img, .topmail img {
    margin-right: 8px;
    margin-top: -2px;
}
.one {
    margin-top: 75px;
    padding-top: 120px;
    padding-bottom: 65px;
    background-color: #2d374b
}
h1 {
    margin: 0;
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    font-size: 32px;
    margin-bottom: 40px;
}
h1 span {
    font-size: 42px;
    color: #3d404c;
    -webkit-border-radius: 4px 4px 4px 20px;
	-moz-border-radius: 4px 4px 4px 20px;
	border-radius: 4px 4px 4px 20px;
    background-image: url(../img/bgh1.png);
    background-size: cover;
    background-position: center;
    padding: 1px 10px;
    padding-bottom: 3px;
}
.one ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.one ul li {
    margin-bottom: 20px;
    line-height: 1.95;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    position: relative;
    padding-left: 38px;
}
.one ul li span {
        font-size: 12px;
    color: #5c7199;
    text-align: center;
    border-radius: 50%;
    display: block;
    border-width: 1px;
    border-color: rgb(92, 113, 153);
    border-style: solid;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    line-height: 20px;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
}
.but_group {
    position: relative;
}
.yb {
    background: none;
    border: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    font-family: 'Montserrat Alternates', sans-serif;
    border-radius: 100px;
	background-color: #636363;
	-webkit-box-shadow: 0 16px 30px rgba(204,102,0,.15), inset 0 -3px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 0 16px 30px rgba(204,102,0,.15), inset 0 -3px 1px rgba(0,0,0,.3);
	box-shadow: 0 16px 30px rgba(204,102,0,.15), inset 0 -3px 1px rgba(0,0,0,.3);
	background-image: -webkit-linear-gradient(bottom, #c60, #fdc355);
	background-image: -moz-linear-gradient(bottom, #c60, #fdc355);
	background-image: -o-linear-gradient(bottom, #c60, #fdc355);
	background-image: -ms-linear-gradient(bottom, #c60, #fdc355);
	background-image: linear-gradient(to top, #c60, #fdc355);
    padding: 19px 28px;
}
.yb:hover {
    box-shadow: none;
}
.orcall {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}
.orcall > span {
    font-size: 14px;
    color: #fff;
    display: block;
    font-weight: 500;
}
.orcall > span > span {
    color: #5c7199
}
.orcall > a {
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.one .but_group {
    margin-top: 50px;
}
.one {
    overflow: hidden;
}
.autoC  {
    display: block;
    margin-top: -40px;
    margin-left: -10px;
}
.two {
    background-color: #3d404c;
    padding: 25px 0
}
.prW {
    
}
.prW img {
    width: 25px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.prW span {
    width: calc(100% - 30px);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}
.three {
    padding-top: 75px;
    padding-bottom: 100px;
}
h2 {
    margin: 0;
    color: #212121;
    font-size: 42px;
    line-height: 1.2;
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: bold;
    margin-bottom: 8px;
}
.subh2 {
    font-size: 14px;
    color: #808080;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 50px;
}
.usluga_ex {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    border-width: 0px;
    border-color: rgb(245, 245, 245);
    border-style: solid;
    border-radius: 10px;
    box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.14);
    border-bottom-left-radius: 30px;
    display: flex;
    cursor: pointer;
    margin-bottom: 30px;
}
.usluga_img {
    width: 47%;
    background-position: center;
    background-size: cover;
}
.usluga_header {
    position: relative;
    padding: 19px 25px;
    transition: 0.3s;
    min-height: 88px;
    display: flex;
    align-items: center;
}
.usluga_header p {
    margin-bottom: 0;
    font-size: 18px;
    color: #212121;
    line-height: 1.4;
}
.usluga_body {
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
    position: relative;
    padding-top: 13px;
    padding-left: 25px;
    padding-right: 25px;
    min-height: 259px;
}
.usluga_body p {
    margin-bottom: 0;
    
}
.usluga_body span {
    display: block;
    text-align: right;
    position: absolute;
    color: #fdc355;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Montserrat Alternates', sans-serif;
    right: 20px;
    bottom: 20px;
}
.usluga_ex:hover {
    box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.14);
}
.usluga_ex:hover .usluga_header {
    background-color: #f5f5f5
}
.usluga_ex:hover .usluga_header p {
    color: #212121;
}
.usluga_ex:hover .usluga_body p {
    color: #4c4c4c
}
.usluga_ex:hover .usluga_body span {
    color: #cc6600;
    text-decoration: underline;
}
.usluga_text {
    
width: calc(100% - 73px);
}
.norml {
    margin-top: 50px;
}
.norml .orcall {
    text-align: left;
}
.norml .orcall >  span {
    color: #4c4c4c
}
.norml .orcall > span > span {
    color: #999999;
}
.norml .orcall > a {
    color: #144195
}
.four {
    background-color: #5c7199;
    padding-top: 100px;
    padding-bottom: 40px;
}
.wt {
    color: #fff!Important;
}
.four .subh2 {
    color: #3d404c
}
.fourDiv {
    position: relative;
    margin-bottom: 52px;
}
.fourDiv img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    margin-bottom: 10px;
}
.fourDiv span {
    font-size: 16px;
    line-height: 1.3;
    display: block;
    text-align: center;
    color: #fff;
    max-width: 187px;
    margin: 0 auto;
    height: 60px;
}
.fourDiv::after {
    content: '';
    position: absolute;
    display: block;
    z-index: 10;
    background-color: rgb(255, 255, 255);
    opacity: 0.102;
    height: 1px;
    width: 105%;
    right: -57%;
    top: 55px;
}
.fourDiv::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    background-color: rgb(77, 94, 128);
    width: 7px;
    height: 7px;
    right: -13px;
    top: 52.5px;
    z-index: 100;
}

.stepD > div:last-child .fourDiv::after, .stepD > div:last-child .fourDiv::before {
    display: none
}
.five {
    margin-bottom: 0;
    padding: 55px 0;
    background-color: #f2f2f2;
}
.five .subh2 {
    margin-bottom: 0;
}
.five h2 {
    font-size: 35px;
    margin-bottom: -1px;
}
.five .but_group {
    margin-top: 0;
}
.six {
    padding: 90px 0;
}
.preim_w {
    text-align: center;
    position: relative;
}
.preim_w img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.preim_w p {
    font-size: 16px;
    color: #212121;
    font-weight: 600;
    margin-bottom: 10px;
}
.preim_w span {
    display: block;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 1.35;
    max-width: 238px;
    margin: 0 auto;
}
.measure_wrp {
    text-align: center;
    margin-bottom: 45px;
    position: relative;
    z-index: 100;
}
.measure_wrp > img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.measure_wrp > p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 1px;
}
.measure_wrp > span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    max-width: 330px;
    margin: 0 auto;
    line-height: 1.3;
}
.seven {
    background-color: #2d374b;
    padding-top: 95px;
    padding-bottom: 50px;
}
.seven .subh2 {
    color: #5c7199;
}
.measures {
    position: relative;
}
.measures::before {
    content: '';
    position: absolute;
    z-index: 10;
    background-image: url(../img/steps.png);
    background-repeat: no-repeat;
    height: 261px;
    width: 1650px;
    right: 15px;
    background-position: right center;
    top: 40px;
    
}
.base_wrp {
    position: relative;
    text-align: center;
}
.base_wrp > div {
    height: 230px;
    background-position: center;
    background-size: cover;
    background-color: #ebebeb;
    -webkit-border-radius: 10px 10px 10px 50px;
    -moz-border-radius: 10px 10px 10px 50px;
    border-radius: 10px 10px 10px 50px;
    display: inline-block;
}
.base_wrp > p {
    font-size: 20px;
    color: #212121;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 13px;
    text-align: left;
}
.base_wrp > span {
    display: block;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 1.35;
    text-align: left;
}
.eight {
    padding: 100px 0
}
.owl-dots {
    text-align: center;
    margin-top: 40px;
}
.owl-dot {
    width: 8px;
    height: 8px;
    position: relative;
    background-color: #144195;
    break-after: 50%;
    display: inline-block;
    border-radius: 50%;
    margin: 0 8px;
}
.owl-dot.active {
    
}
.owl-dot.active::after {
    border: 1px solid #144195;
    position: absolute;
    display: block;
    content: '';
    border-radius: 50%;
    width: 14px;
    height: 14px;
    left: calc(50% - 7px);
    top: calc(50% - 7px);
}
.nine {
    background-color: #1a1a1a;
    padding-top: 80px;
    padding-bottom: 90px;
}
.nine .subh2 {
    color: #808080
}
h3 {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-family: 'Montserrat Alternates', sans-serif;
    font-weight: 600;
    margin-bottom: 25px;
}
.nine .owl-dot {
    background-color: #fff;
}
.nine .owl-dot.active::after {
    border-color: #fff
}
.partner_wrp {
    margin-bottom: 24px;
    height: 83px;
    -webkit-border-radius: 4px 4px 4px 20px;
    -moz-border-radius: 4px 4px 4px 20px;
    border-radius: 4px 4px 4px 20px;
    background-color: #3d3d3d;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.partner_wrp img {
    max-height: 100%;
    width: auto;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
    transition: 0.3s;
}
.partner_wrp:hover {
    background-color: #fff;
}
.partner_wrp:hover img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.gramota {
    max-width: 100%;
    margin: 0 auto;
    display: block
}
.partner_wrp:last-child {
    margin-bottom: 0;
}
.gr_d {
    padding-left: 15px;
    padding-top: 40px;
}
.gr_d > p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
}
.gr_d > span {
    font-size: 14px;
    color: #999999;
    line-height: 1.45;
    display: block;
}
.ten {
    background-color: #f2f2f2;
    padding: 90px 0;
}
.ten h2 {
    margin-bottom: 50px;
}
.aboutText {
    font-weight: 500;
    line-height: 1.6;
    font-size: 14px;
    color: #4c4c4c;
    margin-bottom: 0;
}
.bt1 {
    font-size: 20px;
    color: #212121;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1.2;
}
.bt2 {
    font-size: 12px;
    color: #9a9a9a;
}
.bossImg {
    max-width: 100%;
    margin-bottom: 20px;
}
.eleven {
    padding: 100px 0;
}
.eleven h2 {
    margin-bottom: 50px;
}
.qustion_wrp {
    padding: 20px 25px;
    border-width: 3px;
  border-color: rgba(92, 113, 153, 0.349);
  border-style: solid;
    position: relative;
  border-radius: 3px;
    min-height: 205px;
    padding-bottom: 25px;
  opacity: 1;
}
.qustion_wrp::after {
    content: '';
    display: block;
    background-image: url(../img/qu.png);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 21px;
    left: -12px;
}
.qustion_wrp > p {
    font-size: 18px;
    color: #212121;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 15px;
}
.qustion_wrp > span {
    display: block;
    font-size: 14px;
    color: #4c4c4c;
    line-height: 1.65;
    padding-left: 10px;
}
.cont_div {
    position: relative;
    z-index: 100;
    padding-top: 45px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 35px;
    -webkit-border-radius: 10px 10px 10px 50px;
	-moz-border-radius: 10px 10px 10px 50px;
	border-radius: 10px 10px 10px 50px;
	background-color: #fff;
	-webkit-box-shadow: 0 12px 30px rgba(0,0,0,.1);
	-moz-box-shadow: 0 12px 30px rgba(0,0,0,.1);
	box-shadow: 0 12px 30px rgba(0,0,0,.1);
}
.cont_div h2 {
    text-align: center;
    margin-bottom: 2px;
}
.cont_div .subh2 {
    text-align: center;
    margin-bottom: 35px;
}
.kont_infa {
    display: block;
    margin: 0;
    position: relative;
    padding-left: 37px;
    font-size: 14px;
    color: #808080;
    line-height: 1.4;
    margin-bottom: 15px;
}
.kont_infa img {
    position: absolute;
    left: 0;
    top: 2px;
}
a.kont_infa {
    font-size: 20px;
    color: #212121;
    font-weight: 600;
    line-height: 1;
}
.twelve {
    position: relative;
    padding: 90px 0;
}
.overMap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.overMap iframe {
    width: 100%;
    height: 100%;
}
.closing {
    position: relative;
}
.closing::before {
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-image: url(../img/cross.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2d374b;
}
.bold {
    font-weight: bold;
}

.modal-dialog {
    width: 100%;
    max-width: 970px
}
.mod_wrp {
    position: relative;
    background-color: #fff;
    max-width: 970px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    padding: 40px;
}
.closemod {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    top: 16px;
    right: 16px;
}
.modal-lg .mod_wrp {
    max-width: 1170px;
    padding: 0;
}
.calcdiv1 {
    padding: 40px;
}
.counted_div {
    padding: 40px;
}

input[type="checkbox"]:checked, 
input[type="checkbox"]:not(:checked), 
input[type="radio"]:checked, 
input[type="radio"]:not(:checked) 
{
    position: absolute;
    left: -9999px;
}

input[type="checkbox"]:checked + label, 
input[type="checkbox"]:not(:checked) + label, 
input[type="radio"]:checked + label, 
input[type="radio"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    line-height: 20px;
    cursor: pointer;
    font-weight: normal
}

input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before, 
input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #000000;
    background-color: #ffffff;
}

input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 2px;
}

input[type="radio"]:checked + label:before, 
input[type="radio"]:not(:checked) + label:before {
    border-radius: 100%;
}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after, 
input[type="radio"]:checked + label:after, 
input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after {
    left: 3px;
    top: 7px;
    width: 12px;
    height: 6px;
    border-radius: 1px;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input[type="radio"]:checked + label:after, 
input[type="radio"]:not(:checked) + label:after {
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #e145a3;
}

input[type="checkbox"]:not(:checked) + label:after, 
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}

input[type="checkbox"]:checked + label:after, 
input[type="radio"]:checked + label:after {
    opacity: 1;
}
.hided {
    display: none
}
.shr {
    display: none
}
.politika label {
    margin-bottom: 0;
    margin-top: 18px;
}
label a {
    color: black;
    text-decoration: underline
}
label a:hover {
    text-decoration: none
}
form input {
    border-radius: 100px;
    width: 100%;
    height: 60px;
    background: none;
    border: 1px solid #c5c5c5;
    font-size: 14px;
    padding: 0 20px;
}
.modal h2 {
    margin-bottom: 35px;
    font-size: 25px;
}
[disabled] {
    opacity: .6!important
}
#de1 .yb {
    margin-top: 20px;
}
body {
    padding-right: 0 !important;
}
body.modal-open {
    padding-right: 17px !important;
}

.onlymob img {
    width: 32px;
    height: 32px;
}