*{margin:0;padding:0;box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.0;
	width: 100%;
}
img{max-width:100%;}
table{border-collapse:collapse;border-spacing:0;}
.wrapper {
	width: 1200px;
    max-width: 100%;
	margin: 0 auto;
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=tel] {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 17px;
    background: #fff;
    border: 1px solid #fff;
    outline: none;
    font-size: 15px;
    color: #000;
}
.wpcf7-form textarea {
    display: block;
    width: 100%;
    padding: 13px 17px;
    border: 1px solid #fff;
    resize: none;
    outline: none;
    background: #fff;
    font-size: 15px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.1;
}
.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=tel]:focus,
.wpcf7-form textarea:focus{
    border-color: #33C2EE;
}
input::-webkit-input-placeholder{color:#91a4ad;}
input::-moz-placeholder{color:#91a4ad;}
input:-moz-placeholder{color:#91a4ad;}
input:-ms-input-placeholder{color:#91a4ad;}
textarea::-webkit-input-placeholder{color:#91a4ad;}
textarea::-moz-placeholder{color:#91a4ad;}
textarea:-moz-placeholder{color:#91a4ad;}
textarea:-ms-input-placeholder{color:#91a4ad;}
.wpcf7-form .your-subject {display:none;}
.wpcf7-form input[type=submit],
.btn {
    display: block;
    position: relative;
    width: 181px;
    height: 58px;
    padding: 0 25px;
    background: #3545CE url("images/arrow-01.png") 140px center no-repeat;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}
.wpcf7-form input[type=submit]:hover{background: #3b4de7 url("images/arrow-01.png") 140px center no-repeat;}

.btn {
    width: auto;
    padding: 0 65px 0 32px;
    background: #3545CE url("images/arrow-01.png") 155px center no-repeat;
}
.btn:hover {background: #3b4de7 url("images/arrow-01.png") 155px center no-repeat;}

body .owl-carousel .owl-nav button.owl-next,
body .owl-carousel .owl-nav button.owl-prev{
    display: block;
    width: 29px;
    height: 70px;
    border-radius:0;
    outline:none;
    background: url("images/arrow-left.png") center no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
body .owl-carousel .owl-nav button.owl-next{
    background: url("images/arrow-right.png") center no-repeat;
}
body .owl-carousel .owl-nav button.owl-prev:hover{
    background: url("images/arrow-left.png") center no-repeat;
    opacity: 0.8;
}
body .owl-carousel .owl-nav button.owl-next:hover {
    background: url("images/arrow-right.png") center no-repeat;
    opacity: 0.8;
}



/* Header
-----------------------------------------------------------------------------*/
.header{
    padding: 16px 5px 22px;
    background: #323436;
}
.index-page .header {
    padding: 25px 10px;
    background: none;
}
.header .logo {
    /*outline: 1px solid red;*/
}
.index-page .top-block {
    min-height: 698px;
    background-color:#323436;
}

.header-cont {
    position: relative;
    width: 1633px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 463px 0 0;
}
.header-nav {
    /*border: 1px solid green;*/
}
.header-nav:after{content:"";display:block;clear:both;}

.header-relation {
    position: absolute;
    right: 2px;
    top: 6px;
}
.index-page .header-relation{
    top: 9px;
}


.header-phone {
    display: inline-block;
    vertical-align: top;
    margin-top: -10px;
    padding: 8px 0 0 36px;
    background: url("/wp-content/themes/garanti/images/icon-01.png") 0 6px no-repeat;
    text-align: center;
}
.header-phone a {
    display: block;
    font-size: 24px;
    text-decoration: none;
    color: #fff;
}
.header-phone input[type=button]{
    display: inline-block;
    margin-top: 15px;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    border-bottom: 1px dashed #fff;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}
.header-phone input[type=button]:hover {border-color: #323436;}


.header-relation-button {
    height: 42px;
    margin-left: 40px;
    padding: 0 16px;
    background: none;
    border: 2px solid rgb(51, 194, 237);
    outline: none;
    font-size: 14px;
    line-height: 0.9;
    font-weight: 600;
    color: #fff;
}
.header-relation-button:hover{background:rgb(51, 194, 237);cursor:pointer;}

@media (max-width: 1299px) {
    .header-cont {
        padding: 0;
    }
    .header-relation {
        position: static;
        margin: 20px 20px 0 0;
        text-align: right;
    }

}
@media (max-width: 999px) {
    .header {
        padding: 10px 0 30px;
    }
    .index-page .header {
        padding: 10px 0 25px;
    }
    .header-nav {
        position: relative;
        width: 600px;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .header-relation {
        padding: 0;
        margin: 30px 0 0;
        text-align: center;
    }
    .header-relation-button {
        display: block;
        width: 150px;
        padding: 0;
        margin: 30px auto 0;
    }

}
@media (min-width: 1000px) {
    .index-page .top-block {
        background: url("images/top-block.jpg") 100% 100% no-repeat;
        background-size: cover;
    }
}
@media (max-width: 999px) {
    .index-page .top-block {
        background: url("images/top-block-min.jpg") 100% 100% no-repeat;
        background-size: cover;
        min-height: 0;
    }
}



/* меню
-----------------------------------------------------------------------------*/
.header-menu {
    padding-top: 1px;
    float: right;
}
.index-page .header-menu {
    padding-top: 5px;
}
.header-menu ul {display:inline-block; list-style: none; }
.header-menu ul li:hover {
    background: #33C2ED;
}
.header-menu ul li {display: inline-block; position: relative;}
.header-menu ul li a {
    display: block;
    padding: 18px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
.header-menu ul ul li {
    display: block;
}
.header-menu ul ul li:first-child{
    margin-top: 5px;
}
.header-menu ul ul li:last-child {
    margin-bottom: 10px;
}
.header-menu ul ul li a {
    padding: 10px 20px 0;
    font-weight: 400;
}
.header-menu ul ul li a:hover{color:#d7d8dc;}
.header-menu ul ul li a:after{
    content: "";
    display: block;
    height: 1px;
    margin-top: 9px;
    background: rgb(141, 225, 250);
}
.header-menu ul ul li:last-child a:after {
    background: none;
}


.header-menu .openMenu{display:none;position:absolute;right:5px;top:10px;padding:10px;cursor:pointer;}
.header-menu .openMenu span:before,
.header-menu .openMenu span:after,
.header-menu .openMenu:after{content:"";display:block;width:35px;height:3px;margin-top:7px;background:#fff;}
.header-menu .openMenu span:before{margin-top:0;}

.header-menu .menu-item>span {display: none;}
.header-menu .menu-parent:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 22px;
    position: absolute;
    left: 0;
    top: 100%;
    background: #33C2ED;
}
.header-menu .sub-menu {
    height: 0;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    z-index: 10;
    width: 275px;
    background: #33C2ED;
    top: 70px;
    left: 0;
}
@media (max-width: 999px) {
    .header-menu {
        float: none;
    }


    .header-menu .openMenu {display: block;}
    .header-menu ul#menuUl {display: none; transition: all 0.5s ease-in;}
    .header-menu ul#menuUl.active {
        display: block;
        margin-top: 20px;
    }
    .header-menu ul li,
    .header-menu ul li:hover{
        display: block;
        background: #313a43;

    }
    .header-menu ul li a {
        padding: 15px 25px;
        border-bottom: 1px solid #1B384A;
        text-align: left;
    }
    .header-menu ul li:last-child a{border-bottom:none}


    .header-menu ul ul {
        background: green;
    }
    .header-menu ul ul li,
    .header-menu ul ul li:first-child,
    .header-menu ul ul li:last-child {
        margin: 0;
        background: #293c4f;
    }
    .header-menu ul ul li a {
        padding: 15px 45px;
        font-size: 13px;
        border-bottom: 1px dashed #1B384A;
    }
    .header-menu ul ul li:last-child a{border-bottom: 1px solid #1B384A;}
    .header-menu ul ul li a:after{display:none;}



    .header-menu .menu-parent:hover:after {display:none;}




    .header-menu .menu-item>span {
        display: block;
        width: 26px;
        height: 26px;
        position: absolute;
        right: 10px;
        top: 10px;
        padding-top: 2px;
        border: 1px dashed #d7d8dc;
        font-size: 20px;
        color: #d7d8dc;
    }
    .header-menu .sub-menu {
        display: none;
        width: auto;
        position: static;
        margin: 0;
        padding: 0;
        background: green;
    }
}


/* слайдер на главной
-----------------------------------------------------------------------------*/
.top-block-slider-cont {
    width: 1262px;
    max-width: 100%;
    margin: 113px auto 0;
    padding: 0 5px;
}
.top-block-slider-inner {
    width: 626px;
    max-width: 100%;
}

body .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 2px;
    border-radius: 50%;
    background: #62626E;
}
body .owl-theme .owl-dots .owl-dot.active span,
body .owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(51, 194, 237);
}



.top-block-slider-inner .owl-dots {
    position: absolute;
    right: -628px;
    top: 86px;
}
.top-block-slider-inner .owl-theme .owl-dots .owl-dot {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 0;
    outline: none;
}


.top-block-slider .title {
    font-size: 31px;
    font-weight: 600;
    color: #fff;
    line-height: 1.065;
}
.top-block-slider .middle {
    margin-top: 43px;
    font-size: 16px;
    color: #fff;
    line-height: 1.667;
}
.top-block-slider .caption {
    margin-top: 48px;
    margin-bottom: 2rem;
    line-height: 1.6 !important;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    line-height: 1.1;
}
@media (max-width: 1279px) {
    .top-block-slider-inner .owl-dots {
        right: -340px;
    }
}
@media (max-width: 999px) {
    .top-block-slider-cont {
        margin: 50px 0 0;
    }
    .top-block-slider-inner {
        width: auto;
    }
    .top-block-slider-inner .owl-dots {
        position: static;
        padding: 30px 0;
    }
    .top-block-slider-inner .owl-theme .owl-dots .owl-dot {
        display: inline-block;
    }
}

/* заголовок на внутряках
-----------------------------------------------------------------------------*/
.title-block {
    min-height: 171px;
    padding: 48px 0 30px;
    margin-bottom: 54px;
    background:#35498F;
    color: #fff;
    text-align: center;
}
.title-block h1 {
    font-size: 44px;
    line-height: 0.9;
}
.title-block .date {
    font-size: 13px;
    color: rgb(180, 195, 246);
    margin-top: 17px;
}

.breadcrumbs{
    position: relative;
    margin-bottom: 6px;
}
.breadcrumbs ul {
    list-style-type: none;
}
.breadcrumbs li {
    display: inline-block;
}
.breadcrumbs li:after {
    content: ">";
    display: inline-block;
    margin: 3px 5px 0;
    vertical-align: top;
    font-size: 13px;
}
.breadcrumbs li:last-child:after{display:none;}
.breadcrumbs a {
    font-size: 13px;
    color: rgb(51, 194, 237);
    text-decoration: none;
}
.breadcrumbs a:hover{
    color:#d7d8dc;
}
.breadcrumbs li:last-child a {
    color: #fff;
    cursor: text;
}
@media (min-width: 999px) {
    .title-block {
        background: #041B72  url("images/title-block-fon.png") 100% 100% no-repeat;
        background-size: cover;
    }
}
@media (max-width: 999px) {
    .title-block {
        padding: 40px 0;
    }
    .breadcrumbs{
        margin-bottom: 25px;
    }
    .title-block h1 {
        font-size: 38px;
        line-height: 1.0;
    }
    .title-block .date {
        margin-top: 25px;
    }

}


/* политика на главной
-----------------------------------------------------------------------------*/
.privacy-policy {
    min-height: 101px;
    background: #393D46;
}
.privacy-policy-inner {
    width: 1264px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 26px 400px 26px 82px;
}
.privacy-policy-inner:after {
    content: "";
    display: block;
    width: 49px;
    height: 52px;
    position: absolute;
    left: 5px;
    top: 21px;
    background: url("images/icon-05.png") no-repeat;
}
.privacy-policy .title {
    margin-bottom: 8px;
    font-size: 22px;
    color: #fff;
}
.privacy-policy .desc {
    font-size: 13px;
    color: rgb(160, 166, 181);
}
.privacy-policy .desc a{color:#D0D4DE;text-decoration:none;}
.privacy-policy .desc a:hover{text-decoration:underline;}
@media (max-width: 999px) {
    .privacy-policy-inner {
        padding: 25px 5px 25px 80px;
    }
    .privacy-policy-inner:after {
        top: 50%;
        margin-top: -26px;
    }
}



/* преимущества
-----------------------------------------------------------------------------*/
.advantages-cont {}
.index-page .advantages-cont{margin-bottom:65px;}
.advantages-cont:after{
    content: "";
    display: block;
    clear: both;
}
.advantages-cont-left {
    float: left;
    width: 63.4%;
    padding-left: 5px;
    text-align: right;
}
.advantages-cont-left-inner {
    display: inline-block;
    vertical-align: top;
    width: 838px;
    max-width: 100%;
    padding-top: 8px;
    text-align: left;
}
.index-page .advantages-cont-left-inner{
    width: 880px;
    max-width: 100%;
    padding-top: 110px;
}
.advantages-cont-left .title {
    margin-bottom: 75px;
    font-size: 28px;
    color: rgb(50, 52, 54);
}
.advantages-cont-left .desc{
    margin-bottom: 8px;
    font-size: 16px;
    color: rgb(65, 76, 177);
}
.advantages-cont-left ul {
    display: block;
    list-style-type: none;
}
.advantages-cont-left li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    position: relative;
    padding: 0 20px 57px 74px;

    font-size: 14px;
    color: rgb(150, 150, 150);
    line-height: 1.429;
}
.advantages-cont-left li:before{
    content: "";
    display: block;
    width: 52px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url("images/advantages-1.png");
    background-position: center top;
    background-repeat: no-repeat;
}
.index-page .advantages-cont-left li{padding-left:110px;}
.index-page .advantages-cont-left li:before{
    width: 86px;
    height: 86px;
    top: 2px;
    background-color: #F0FAFF;
    background-position: center;
}
.advantages-cont-left li:nth-child(2):before{background-image:url("images/advantages-2.png");}
.advantages-cont-left li:nth-child(3):before{background-image:url("images/advantages-3.png");}
.advantages-cont-left li:nth-child(4):before{background-image:url("images/advantages-4.png");}
.advantages-cont-left li span{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: rgb(50, 52, 54);
    font-weight: 600;
}
.advantages-cont-right {
    float: right;
    width: 36.6%;
    position: relative;
}
.index-page .advantages-cont-right {
    margin-top: -149px;
}

.advantages-form {
    width: 340px;
    max-width: 100%;
}
.index-page .advantages-form {
    width: auto;
}
.advantages-form-head {
    padding: 18px 35px 29px;
    background: #33C2ED;
    overflow: hidden;
}
.advantages-form .title {
    max-width: 355px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 14px;

    border-bottom: 1px solid #71D0EC;
    font-size: 25px;
    color: #fff;
    font-weight: 600;
}
.advantages-form .desc {
    max-width: 355px;
    font-size: 15px;
    color: #fff;
    line-height: 1.4;
}
.advantages-form-content {}
.advantages-form-content-inner {
    width: 405px;
    max-width: 100%;
    padding: 0;
}
.index-page .advantages-form-content-inner {
    padding: 40px 35px 5px;
}
.advantages-form br{display:none;}
.advantages-form .your-name,
.advantages-form .your-tel,
.advantages-form .your-problem{
    display: block;
    margin-bottom: 20px;
}
.advantages-form textarea {
    height: 232px;
}
.advantages-form input[type=submit]{margin-left:35px;}
.index-page .advantages-form input[type=submit]{margin-left:0;}
.advantages-form .gray {
    padding: 40px 35px 15px;
    margin-bottom: 17px;
}
.advantages-form .gray .your-tel{margin-bottom:0;}

@media (min-width: 1000px) {
    .advantages-form .gray {
        background: url("images/form-content.png") 0 0 no-repeat;
    }
    .index-page .advantages-form-content{
        background: url("images/form-content.png") 100% 100% no-repeat;
        background-size: cover;
    }
    .index-page .advantages-form .title:after {
        content: "";
        display: block;
        width: 87px;
        height: 95px;
        position: absolute;
        right: -128px;
        top: 9px;
        background: url("images/icon-04.png") no-repeat;
    }
    .advantages-cont-right:after {
        content: "";
        display: block;
        width: 35px;
        height: 445px;
        position: absolute;
        left: -35px;
        top: 0;
        background: url("images/form-left.png") left bottom no-repeat;
    }
    .index-page .advantages-cont-right:after {
        height: 555px;
        top: 149px;
    }
}
@media (max-width: 999px) {
    .index-page .advantages-cont-left-inner{
        padding-top: 50px;
    }
    .advantages-cont-left {
        float: none;
        width: 100%;
        padding: 0 5px;
        text-align: left;
    }
    .advantages-cont-left-inner {
        display: block;
        width: auto;
    }
    .advantages-cont-right {

        float: none;
        width: 300px;
        max-width: 100%;
        margin: 0 auto;
    }
    .advantages-form .gray,
    .index-page .advantages-form-content {background: #ECF0F2}
    .index-page .advantages-cont-right {
        margin-top: 0;
    }
}
@media (max-width: 699px) {
    .advantages-cont-left {margin-bottom:20px;}
    .advantages-cont-left .title {
        margin-bottom: 50px;
        font-size: 26px;
    }
    .advantages-cont-left li {
        display: block;
        width: auto;
        padding: 0 5px 40px 74px;
    }
}


/* Middle
-----------------------------------------------------------------------------*/
.content{color: rgb(70, 70, 70);}
.index-page .content .desc {
    width: 1274px;
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto 8px;
    font-size: 16px;
    color: rgb(65, 76, 177);
}
.index-page .content h1 {
    display: block;
    width: 1274px;
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto 40px;

    font-size: 28px;
    color: rgb(50, 52, 54);
    font-weight: normal;
}

.content p,
.content ul,
.content ol,
.content h2,
.content blockquote,
.content .prohibited{
    display: block;
    width: 1274px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.content p {
    margin-bottom: 22px;

    font-size: 16px;
    line-height: 1.375;
}
.content h2 {
    margin: 41px auto 33px;
    font-size: 23px;
}

.content ul,
.content ol{
    margin-bottom: 12px;
    list-style-type: none;
    padding: 12px 10px 1px 61px;
}
.content ul ul{padding-right:0;}
.content li {
    display: block;
    position: relative;
    margin-bottom: 21px;
    font-size: 15px;
    line-height: 1.333;
}
.content ul li:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: -16px;
    top: 7px;
    background: rgb(53, 69, 206);
    border-radius: 50%;
}
.content ol{counter-reset:li;}
.content ol li:before {
    content: counter(li);
    counter-increment: li;
    display: block;
    position: absolute;
    left: -27px;
    top: 1px;
    color: rgb(53, 69, 206);
    font-weight: bold;
}
.content blockquote {
    width: 1254px;
    position: relative;
    margin: 40px auto 80px;
    padding: 40px 60px 20px;
    background: #F0F3F4;
}
.content blockquote:after {
    content: "";
    display: block;
    width: 105px;
    height: 94px;
    position: absolute;
    right: -35px;
    bottom: -15px;
    background: url("images/icon-10.png") no-repeat;
}
.content blockquote p {
    font-size: 28px;
    color: rgb(50, 52, 54);
    line-height: 1.179;
}
.content hr{
    display: block;
    width: 1274px;
    max-width: 100%;
    margin: 0 auto 20px;
}
.content table{width:1274px;margin:40px auto;font-size:14px;color:rgb(54,54,54);text-align:center;}
.content table tr:nth-child(odd){background:rgb(231,249,255);}
.content table tr:first-child{min-height:65px;background:rgb(53,69,206);}
.content table td{padding:17px 5px;border-right:1px solid rgb(180,226,236);}
.content table tr:first-child td,
.content table tr th{padding:15px 5px;border-right:none;font-size:18px;color:rgb(255,255,255);font-weight:600;}
.content table td:first-child{text-align:left;padding:17px 25px;}
.content table td:last-child{border-right:none;}
@media (max-width: 1299px) {
    .content table{width:100%;}
    .content table td{width:auto;}
}
@media (max-width: 699px) {
    .content table{display:block;overflow-x:scroll;}
}
.content iframe{width:100%;height:610px;}
.content .prohibited{padding:15px 6px;}
.prohibited div{display:inline-block;width:91px;height:91px;margin:6px;background-image:url("images/prohibited/01.png");background-position:center;background-repeat:no-repeat;}
.prohibited div:nth-child(2){background-image: url("images/prohibited/02.png");}
.prohibited div:nth-child(3){background-image: url("images/prohibited/03.png");}
.prohibited div:nth-child(4){background-image: url("images/prohibited/04.png");}
.prohibited div:nth-child(5){background-image: url("images/prohibited/05.png");}
.prohibited div:nth-child(6){background-image: url("images/prohibited/06.png");}
.prohibited div:nth-child(7){background-image: url("images/prohibited/07.png");}
.prohibited div:nth-child(8){background-image: url("images/prohibited/08.png");}
.prohibited div:nth-child(9){background-image: url("images/prohibited/09.png");}
.prohibited div:nth-child(10){background-image: url("images/prohibited/10.png");}
@media (max-width: 1345px) {
    .content blockquote:after{right:0;}
}
@media (max-width: 699px) {
    .content iframe{height:300px;}
}

.footer-feedback {
    min-height: 171px;
    margin-top: 60px;
    background: #33C2ED;
}
.footer-feedback:after{content:"";display:block;clear:both;}
.footer-feedback-left {
    width: 41.8%;
    height: 100%;
    float: left;
    padding-bottom: 20px;
    text-align: left;
    overflow: hidden;
}
.footer-feedback-left .title {
    width: 337px;
    max-width: 100%;
    position: relative;
    float: right;
    padding: 30px 0 20px;
    margin-right: 23px;
    border-bottom: 1px solid rgb(113, 208, 236);

    font-size: 25px;
    text-align: left;
    color: #fff;
    font-weight: 600;
}
.footer-feedback-left .title:before {
    content: "";
    display: block;
    width: 87px;
    height: 95px;
    position: absolute;
    left: -111px;
    top: 40px;
    background: url("images/icon-02.png") no-repeat;
}
.footer-feedback-left .desc {
    clear: both;
    width: 337px;
    float: right;
    margin: 14px 23px 0 0;
    max-width: 100%;


    font-size: 15px;
    color: #fff;
    line-height: 1.4;
}







.footer-feedback-right {
    width: 58.2%;
    min-height: 171px;
    float: right;
    background: #EFEFEF;
    text-align: left;
}
.footer-form {
    position: relative;
    padding: 28px 0 0 30px;
}
.footer-form br{display:none;}


.footer-form .your-name,
.footer-form .your-tel{
    display: block;
    width: 264px;
    margin-bottom: 19px;
}
.footer-form .your-tel{margin-bottom:0;}
.footer-form .your-problem {
    display: block;
    width: 268px;
    height: 113px;

    position: absolute;
    left: 314px;
    top: 28px;
}
.footer-form .your-problem textarea {
    height: 115px;
}
.footer-form input[type=submit] {
    height: 115px;
    position: absolute;
    left: 603px;
    top: 28px;
}
@media (max-width: 1375px) {
    .footer-feedback-left {
        width: 37%;
    }
    .footer-feedback-right {
        width: 63%;
    }
    .footer-form .your-name,
    .footer-form .your-tel{
        width: 220px;
    }
    .footer-form .your-problem {
        left: 270px;
    }
    .footer-form input[type=submit] {
        left: 550px;
    }
}
@media (max-width: 1199px) {
    .footer-feedback-left {
        width: 45%;
    }
    .footer-feedback-right {
        width: 55%;
    }
    .footer-form .your-problem {
        width: 240px;
    }
    .footer-form input[type=submit] {
        position: static;
        margin-top: 20px;
        height: 58px;
    }
}
@media (max-width: 999px) {
    .footer-feedback-left {
        width: 100%;
        float: none;
        padding: 0 5px 20px 90px;
    }
    .footer-feedback-left .title {
        float: none;
        margin: 0 auto;
    }
    .footer-feedback-left .desc {
        float: none;
        margin: 14px auto 0;
    }

    .footer-feedback-right {
        width: 100%;
        float: none;
    }
    .footer-form {
        width: 300px;
        max-width: 100%;
        padding: 40px 5px 20px;
        margin: 0 auto;
    }
    .footer-form .your-name,
    .footer-form .your-tel,
    .footer-form .your-problem {
        width: 100%;
        position: static;
        margin-bottom: 20px;
    }
    .footer-form input[type=submit] {
        margin-top:0;
    }
}



/* Специалисты
-----------------------------------------------------------------------------*/
.specialists-page {
    width: 1254px;
    max-width: 100%;
    margin: 0 auto;
}
.specialists-page .item {
    min-height: 355px;
    position: relative;
    padding: 11px 0 0 390px;
    margin: 0 10px 50px 0;
}
.specialists-page img {
    display: block;
    width: 350px;
    position: absolute;
    left: 0;
    top: 0;
}
.specialists-page h3 {
    display: block;
    margin-bottom: 25px;
    font-size: 27px;
    color: rgb(50, 52, 54);
    font-weight: 600;
}
.specialists-page .specification {
    margin-bottom: 25px;
    font-size: 18px;
    color: rgb(50, 52, 54);
    font-weight: 600;
    line-height: 1.333;
}
.specialists-page .desc {
    margin-bottom: 23px;
    font-size: 16px;
    color: rgb(98, 98, 98);
    line-height: 1.438;
}

.specialists-page .desc p{
    margin-bottom: 20px;
}
.specialists-page .desc ol{
    margin: 0 0 40px 20px;
}
.specialists-page .desc ol li{
    padding-left:5px;
    margin-bottom: 15px;
}

@media (max-width: 799px) {
    .specialists-page .item {
        margin: 0 0 50px;
        padding: 0;
    }
    .specialists-page img {
        position: static;
        margin: 0 auto 25px;
    }
    .specialists-page h3 {
        font-size: 25px;
        text-align: center;
    }
    .specialists-page .specification,
    .specialists-page .desc{
        padding: 0 10px;
    }
    .specialists-page .btn{margin-left:10px;}
}

/* Статьи
-----------------------------------------------------------------------------*/
.article-cont {
    width: 1272px;
    max-width: 100%;
    margin: 0 auto;
}
.article-cont .title{
    margin: 40px 0;
    padding-top: 35px;
    border-top: 1px solid #DADBE3;
    font-size: 27px;
    color: rgb( 70, 70, 70 );
    font-weight: bold;
    text-align: center;
}

.article-item {
    display: inline-block;
    vertical-align: top;
    width: 233px;
    position: relative;
    margin: 0 9px 62px;
    padding: 213px 0 0;
    text-align: left;
}
.article-item img {
    width: 233px;
    height: 181px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.article-item .date {
    margin-bottom: 17px;
    font-size: 13px;
    color: rgb(177, 177, 177);
}
.article-item a {
    display: block;
    margin-bottom: 17px;
    font-size: 18px;
    color: rgb(50, 52, 54);
    font-weight: 600;
    line-height: 1.222;
    text-decoration: none;
}
.article-item a:hover{
    opacity: 0.8;
}
.article-item .desc {
    font-size: 14px;
    color: rgb(98, 98, 98);
    line-height: 1.429;
}
.article-nav {
    text-align: center;
}
.article-nav ul{list-style-type:none;}
.article-nav li {
    display: inline-block;
    margin: 0 3px;
}
.article-nav a {
    display: block;
    width: 42px;
    height: 42px;
    padding-top: 9px;
    border-radius: 50%;
    font-size: 23px;
    color: #323436;
    font-weight: 600;
    text-decoration: none;
}
.article-nav a:hover,
.article-nav li:first-child a {
    color: #fff;
    background: rgb(51, 194, 237);
}
@media (max-width: 999px) {
    .article-cont {
        text-align: center;
    }
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
    padding: 60px 5px 90px;
    color: rgb(38, 38, 38);
    text-align: center;
}
.footer a{
    color: rgb(38, 38, 38);
    text-decoration: none;
}
.footer a:hover{
    opacity: 0.7;
}
.footer .title {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
}


.footer-cont {
    width: 1255px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}
.footer-cont:after{
    content: "";
    display: block;
    clear: both;
}
.footer-info {
    width: 235px;
    position: absolute;
    left: 0;
    top: 0;

    text-align: left;
}
.footer-info .logo {
    display: inline-block;
    margin-bottom: 27px;
}
.footer-info .desc {
    margin-bottom: 39px;

    font-size: 14px;
    color: rgb(148, 148, 148);
    line-height: 1.357;
}

.footer-social a {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 5px;
    background: url("images/icon-03.png") 0 0 no-repeat;
}



.footer-item {
    margin: 0 25px;
    padding: 7px 0 0;

    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.footer-item:first-child{
    margin-left: 0;
}
.footer-item:last-child{
    margin-right: 0;
}

.footer-item ul{
    list-style-type: none;
}
.footer-item li {
    display: block;
    margin-bottom: 14px;
}
.footer-item li a {
    font-size: 14px;
    font-weight: 400;
}



.footer-contacts {
    width: 185px;
    position: absolute;
    right: 0;
    top: 6px;



    text-align: left;
}
.footer-contacts .title {

}
.footer-phone{margin-bottom:11px;}
.footer-phone a {
    font-size: 20px;
    font-weight: 600;
}
.footer-email {margin-bottom:20px;}
.footer-email a {
    font-size: 14px;
}
.footer-address {
    margin-bottom: 25px;

    font-size: 14px;
    color: rgb(169, 169, 169);
    line-height: 1.214;
}
.footer-map {
    font-size: 13px;
}

@media (max-width: 1199px) {
    .footer-contacts {
        position: static;
        float: left;
        margin: 250px 50px 0 0;
    }

}
@media (max-width: 999px) {
    .footer-info,
    .footer-contacts,
    .footer-item,
    .footer-item:first-child,
    .footer-item:last-child {
        position: static;
        display: block;
        width: 290px;
        max-width: 100%;
        float: none;
        margin: 0 auto 45px;
    }
}


/* Лицензии
-----------------------------------------------------------------------------*/
.licenses {
    width: 1476px;
    max-width: 100%;
    margin: 0 auto 47px;
    padding: 0 104px;
}
.licenses .desc {
    margin-bottom: 8px;
    font-size: 16px;
    color: rgb(65, 76, 177);
    text-align: center;
}
.licenses .title {
    margin-bottom: 36px;
    font-size: 28px;
    color: rgb(50, 52, 54);
    text-align: center;
}
body .licenses .owl-carousel .owl-nav button.owl-next,
body .licenses .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    left: -100px;
    top: 130px;
}
body .licenses .owl-carousel .owl-nav button.owl-next{
    left: auto;
    right: -100px;
}

.licenses .owl-item {
    text-align: center;
}
.licenses-item {
    display: inline-block;
    vertical-align: top;
    width: 237px;
    text-align: left;
}
.licenses-item img{width:237px;}
.licenses-item a {
    display: inline-block;
    margin-bottom: 29px;
}
.licenses-item-title {
    display: block;
    margin-bottom: 25px;
    font-size: 24px;
    color: rgb(50, 52, 54);
}
.licenses-item-desc {
    display: block;
    margin-bottom: 22px;

    font-size: 15px;
    color: rgb(145, 145, 145);
    line-height: 1.333;
}


.licenses-attention {
    width: 1254px;
    max-width: 99%;
    position: relative;
    margin: 0 auto;
    padding: 24px 120px 31px 120px;
    border: 2px solid rgb(51, 194, 237);
}
.licenses-attention:before{
    content: "!";
    display: block;
    width: 63px;
    height: 63px;
    position: absolute;
    left: 27px;
    top: 45px;
    padding-top: 0;
    border-radius:50%;
    background: rgb(51, 194, 237);

    font-size: 34px;
    color: #fff;
    text-align: center;
    line-height: 1.8;
    font-weight: 600;
}



.licenses-attention .title {
    margin-bottom: 20px;
    font-size: 24px;
    color: rgb(50, 52, 54);
    font-weight: 600;
}
.licenses-attention .desc {

    font-size: 15px;
    color: rgb(61, 61, 61);
    line-height: 1.333;
}
@media (max-width: 999px) {
    .licenses {
        padding: 0 40px;
    }
    body .licenses .owl-carousel .owl-nav button.owl-next,
    body .licenses .owl-carousel .owl-nav button.owl-prev{
        left: -40px;
    }
    body .licenses .owl-carousel .owl-nav button.owl-next{
        left: auto;
        right: -40px;
    }
    .licenses-attention {
        padding: 25px 5px 25px 90px;
    }
    .licenses-attention:before{
        left: 10px;
    }
}


/* Лицензии
-----------------------------------------------------------------------------*/
.types {
    margin-bottom: 31px;
    text-align: center;
}
.types-item {
    display: inline-block;
    vertical-align: top;
    width: 236px;
    max-width: 100%;
    margin:0 15px 40px 0;
    text-align: left;
}
.types .types-item:last-child {margin-right:0;}
.types-item img {
    display: block;
    margin-bottom: 26px;
}
.types .title {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    color: rgb(50, 52, 54);
    font-weight: 600;
}
.types-link {
    cursor: pointer;
    font-size: 14px;
    color: rgb(53, 69, 206);
    font-weight: 600;
}
.types-link:hover{opacity:0.8;}
.types-link:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 7px;
    height: 8px;
    margin: 6px 0 0 9px;
    background: url("images/icon-06.png") no-repeat;
}


/* Статистика
-----------------------------------------------------------------------------*/
.statistics {
    min-height: 192px;
    padding: 30px 0 0;
    background: #3545CE;
    text-align: center;
}
.statistics ul {display:block;list-style-type:none;}
.statistics li {
    display: inline-block;
    vertical-align: top;
    width: 320px;
    position: relative;
    margin: 0 5px 30px 0;
    padding: 0 50px 0 30px;
    font-size: 16px;
    text-align: left;
    color: rgb(214, 218, 255);
    line-height: 1.188;
}
.statistics li:after{
    content: "";
    width: 1px;
    height: 103px;
    position: absolute;
    right: 0;
    top: 9px;
    background: rgb(93, 109, 242);
}
.statistics li:last-child:after{display:none;}
.statistics li span {
    display: block;
    margin-bottom: 4px;
    font-size: 60px;
    color: #fff;
}
@media (max-width: 1329px) {
    .statistics li {
        width: 235px;
    }
    .statistics li:last-child{margin-right:0;}
}
@media (max-width: 999px) {
    .statistics li {
        width: 320px;
        max-width: 100%;
    }
    .statistics li:after{
        display: none;
    }
}

/* Этапы
-----------------------------------------------------------------------------*/
.stages {
    margin: 0 0 58px;
    padding: 71px 0 100px;
    background: #393D46;
}
.stages-inner {
    width: 1274px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}
.stages .desc{
    margin:0 0 8px 1%;
    font-size:16px;
    color: rgb(201, 201, 201);
}
.stages .title {
    margin: 0 0 64px 1%;
    font-size: 28px;
    color: #fff;
}
.stages-link {
    display: block;
    position: absolute;
    right: 1%;
    top: 4px;
    padding: 16px 21px 15px;
    border: 1px solid rgb(51, 194, 237);
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
.stages-link:hover{background:rgb(51, 194, 237);}
.stages ul {
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
.stages ul:after{content:"";display:block;clear:both;}
.stages li {
    display: flex;
    width: 31.3%;
    min-height: 198px;
    position: relative;
    overflow: hidden;
    margin: 0 1% 23px;
    float: left;
    background: rgb(68, 72, 81);
    font-size: 16px;
    color: rgb(178, 179, 180);
    line-height: 1.313;
}
.stages li:after{
    content: "01";
    display: block;
    position: absolute;
    right: 10px;
    bottom: -38px;
    font-size: 85px;
    color: rgb(57, 61, 70);
}
.stages li:nth-child(2):after{content:"02";}
.stages li:nth-child(3):after{content:"03";}
.stages li:nth-child(4):after{content:"04";}
.stages li:nth-child(5):after{content:"05";}
.stages li:nth-child(6):after{content:"06";}
.stages li:nth-child(7):after{content:"07";}
.stages li:nth-child(8):after{content:"08";}
.stages li:nth-child(9):after{content:"09";}
.stages li a {
    display: block;
    padding: 36px 29px 50px;
    color: rgb(178, 179, 180);
    text-decoration: none;
}
.stages li a:hover{opacity:0.7;}
.stages li span{
    display: block;
    margin-bottom: 22px;
    font-size: 18px;
    color: #fff;
}
@media (max-width: 1059px) {
    .stages li {
        width: 48%;
    }
}
@media (max-width: 699px) {
    .stages {
        padding: 50px 0;
    }
    .stages li {
        width: 98%;
    }
    .stages li a{padding: 20px 15px 50px;}
    .stages-link {
        display: inline-block;
        position: static;
        margin: 20px 0 0 1%;
    }
}

/* Отзывы
-----------------------------------------------------------------------------*/
.reviews {
    margin-bottom: 61px;
    padding: 100px 10px 0;
}
.reviews-about{margin: 80px 0 -60px;}
.reviews-inner {
    width: 1254px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 40px 60px 55px;
    background: #fff;
}
.reviews .desc {
    margin-bottom: 5px;
    font-size: 16px;
    color: rgb(65, 76, 177);
}
.reviews .title {
    margin-bottom: 39px;
    font-size: 28px;
    color: rgb(50, 52, 54);
}
.reviews-content {
    padding: 22px 35px 21px;
    border: 1px solid rgb(235, 235, 235);
}
.reviews-author {
    margin-bottom: 23px;
    font-size: 18px;
    color: rgb(50, 52, 54);
    line-height: 1.833;
}
.reviews-content p {
    display: block;
    margin-bottom: 22px;
    font-size: 14px;
    color: rgb(127, 127, 127);
    line-height: 1.357;
}
.reviews-link {
    display: block;
    position: absolute;
    right: 60px;
    top: 45px;
    padding: 16px 21px 15px;
    border: 1px solid rgb(51, 194, 237);

    font-size: 14px;
    color: rgb(50, 52, 54);
    text-transform: uppercase;
    text-decoration: none;
}
.reviews-link:hover {background:rgb(51, 194, 237);}
@media (min-width: 1000px) {
    .reviews {
        background: url("images/reviews.jpg") 100% 100% no-repeat;
        background-size: cover;
    }
}
@media (max-width: 999px) {
    .reviews {
        padding: 70px 10px 0;
        background: url("images/reviews-min.jpg") 100% 100% no-repeat;
        background-size: cover;
    }
    .reviews-inner {
        padding: 40px 20px;
    }
    .reviews-content {
        padding: 20px 15px;
    }
    .reviews-link {
        display: inline-block;
        position: static;
        margin-top: 20px;
    }
}

.reviews-page{}
.reviews-page .reviews {
    margin-bottom: 61px;
    padding: 0;
    background: none;
}
.reviews-page .reviews-author{
    padding-left: 10px;
}
.reviews-page .reviews-content{
    border-bottom: none;
}
.reviews-page .reviews-content:last-child{
    border-bottom: 1px solid rgb(235, 235, 235);
}
.reviews-page .btn-cont{text-align:center;}
.reviews-page .btn{display:inline-block;background:#3545CE url(images/arrow-01.png) 200px center no-repeat;
    padding-top: 21px;
    text-decoration: none;
}
/* КОнтакты
-----------------------------------------------------------------------------*/
.contacts {
    width: 1264px;
    max-width: 100%;
    margin: 0 auto 80px;
    padding: 40px 5px 0;
}
.contacts:after{content:"";display: block;clear:both;}
.contacts-item {
    display: block;
    float: left;
    background-image: url("images/icon-07.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.contacts .contacts-item:nth-child(1){
    width: 27%;
    margin-right: 1%;
    padding-left: 55px;
}
.contacts .contacts-item:nth-child(2){
    width: 31%;
    margin-right: 1%;
    padding: 0 39px 0 65px;
    background-image: url("images/icon-08.png");
}
.contacts .contacts-item:nth-child(3){
    width: 40%;
    padding-left: 60px;
    background-image: url("images/icon-09.png");
}
.contacts-title {
    margin-bottom: 17px;
    font-size: 16px;
    color: rgb(125, 125, 125);
}
.contacts-item a,
.contacts-content {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 26px;
    color: rgb(44, 44, 44);
    line-height: 1.05;
    text-decoration: none;
    font-weight: 600;
}
.contacts-desc {
    font-size: 15px;
    color: rgb(44, 44, 44);
    line-height: 1.3;

}
.contacts-desc button{
    border: none;
    outline: none;
    cursor:pointer;
    background: none;
    font-size: 15px;
    color:#3545CE;
}
.contacts-map {
    min-height: 400px;
    margin-bottom: -60px;
}
@media (max-width: 1099px) {
    .contacts .contacts-item:nth-child(1),
    .contacts .contacts-item:nth-child(2),
    .contacts .contacts-item:nth-child(3){
        float: none;
        width: 100%;
        padding: 0 0 0 60px;
        margin-bottom: 40px;
    }
}

.photo-row {
    width: 1264px;
    max-width: 100%;
    margin: 0 auto 80px;
    padding: 0 5px;
}
.photo-row h2 {
    margin-bottom: 10px;
    font-size: 34px;
    color: rgb(50, 52, 54);
    font-weight: normal;
}
.photo-row .desc {
    margin-bottom: 45px;
    font-size: 16px;
    color: rgb(65, 76, 177);
}
.photo-row a{
    display: inline-block;
    margin: 0 10px 15px 0;
}
@media (max-width: 999px) {
    .photo-row {
        text-align: center;
    }
}



.remodal {
    width: 584px;
    max-width: 99%;
    position: relative;
    padding: 42px 49px;
    outline:none;
    background: #fff;
    text-align: left;
}



html.remodal-is-locked{overflow:hidden;touch-action:none;}
.remodal,
[data-remodal-id]{display:none;}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none;}
.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch;}
.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-0.05em;content:"";}
.remodal-overlay,
.remodal-wrapper{backface-visibility:hidden;}
.remodal-is-initialized{display:inline-block;}
.remodal-overlay{background:rgba(43, 46, 56, 0.9);}

.remodal .title {
    margin-bottom: 39px;
    font-size: 44px;
    color: rgb(36, 35, 35);
    font-weight: 600;
}
.remodal-close {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 33px;
    top: 53px;
    background: url("images/icon-11.png") center no-repeat;
    cursor: pointer;
    border: none;
    outline: none;
}
.remodal br{display:none;}
.remodal label{
    display: block;
    margin-bottom: 20px;
    font-size: 15px;
    color: rgb(161, 161, 161);
    line-height: 2.6;
}
.remodal .remodal-subject{display:none;}
.remodal .wpcf7-form input[type=text],
.remodal .wpcf7-form input[type=tel] {
    height: 52px;
    border: 1px solid rgb(208, 208, 208);
}
.remodal .wpcf7-form span.wpcf7-list-item{margin:0;}
.remodal .wpcf7-form .personal-data{
    position: relative;
    padding: 0 27px;
    font-size: 13px;
    color: rgb(88, 88, 88);
}
.remodal .wpcf7-form input[type=checkbox] {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
}
.remodal .personal-data-info {
    position: relative;
    margin: -32px 27px 32px;
}
.remodal .personal-data-info span {
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    color: rgb(51, 194, 237);
}
.remodal .personal-data-info span:after{
    content: "";
    display: block;
    height: 1px;
    background: rgb(51, 194, 237);
}
.remodal .personal-data-info span:hover:after{background:none;}
.remodal .wpcf7-form input[type=submit] {
    width: 250px;
    background: #35498F url(images/arrow-01.png) 200px center no-repeat;
}
.remodal .wpcf7-form input[type=submit]:hover {
    background: #3b4de7 url(images/arrow-01.png) 200px center no-repeat;
}
@media (max-width: 999px) {
    .remodal {
        padding: 40px 10px 20px;
        bottom: 1px;
        margin: 0;
    }
    .remodal-close {
        right: 5px;
        top: 15px;
    }
    .remodal .title {
        font-size: 38px;
    }
    .remodal .wpcf7-form .personal-data{
        display: block;
        padding: 0 0 0 25px;
    }
    .remodal .personal-data-info {
        margin: -10px 25px 32px;
    }
    .remodal .personal-data-info span {
        display: inline-block;
        cursor: pointer;
        font-size: 13px;
        color: rgb(51, 194, 237);
    }
    .remodal .personal-data-info span:after{background:none;}
}

.page404{padding:0 10px;text-align:center;color: rgb(70, 70, 70);}
.page404 .title{
    font-size: 172px;
    color: rgb(51, 194, 237);
    font-weight: 600;
}
.page404 .desc{
    margin-bottom: 55px;
    font-size: 30px;
}
.page404-text {
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 1.563;
}
.page404-link {
    display: inline-block;
    padding: 15px 20px;
    font-size: 16px;
    color: rgb(53, 69, 206);
    border: 1px solid rgb(53, 69, 206);
    font-weight: bold;
    text-decoration: none;
}
.page404-link:before{
    content: "<";
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.page404-link:hover{
    background: rgb(53, 69, 206);
    color: #fff;
}

.page-menu {
    padding: 0 10px;
    margin-bottom: 50px;
    text-align: center;
}
.page-menu ul{list-style-type:none;}
.page-menu li{
    display: inline-block;
    margin: 0 8px 20px 0;
}
.page-menu li:last-child{margin-right:0;}
.page-menu a{
    display: block;
    padding: 12px 15px 13px;
    font-size: 18px;
    color: #323436;
    font-weight: 600;
    text-decoration: none;
}
.page-menu .active a,
.page-menu a:hover {
    background: rgb(51, 194, 237);;
    color: #fff;
}

.num-list {
    width: 1254px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}


.num-list ol{
    counter-reset: myCounter;
}

.num-list li{
    list-style: none;
    position: relative;
    display: block;
    min-height: 310px;
    margin-bottom: 40px;
    padding: 53px 10px 0 335px;
}

.num-list li:before {
    counter-increment: myCounter;
    content:counter(myCounter);
    display: block;
    width: 54px;
    height: 54px;
    position: absolute;
    left: 233px;
    top: 45px;
    z-index: 1;
    background: rgb(51, 194, 237);
    border-radius:50%;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    line-height: 1.7;
    text-align: center;
}
.num-list .title {
    display: block;
    margin-bottom: 36px;
    font-size: 27px;
    color: rgb(50, 52, 54);
    font-weight: 600;
    line-height: 1.111;
}
.num-list .img{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.num-list p {
    font-size: 16px;
    color: rgb(98, 98, 98);
    line-height: 1.438;
}

@media (max-width: 999px) {
    .page-menu ul{
        display: block;
        width: 300px;
        max-width: 100%;
        margin: 0 auto;
    }
    .page-menu li{
        display: block;
        margin: 0 0 15px;
        text-align: left;
    }
    .num-list li{
        padding: 0 10px;
    }
    .num-list li:before {
        display: block;
        position: static;
        margin: 0 auto 20px;
    }
    .num-list .title {
        font-size: 25px;
        text-align: center;
    }
    .num-list .img{
        position: static;
        margin-bottom: 25px;
        text-align: center;
    }

}


.thumbnail {
    text-align: center;
    margin-bottom: 38px;
}

.thumbnail img {
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 1254px) {
    .thumbnail img {
        object-fit: contain;
        height: auto;
    }
}

.widget-art {
    width: 1254px;
    max-width: 100%;
    min-height: 275px;
    margin: 49px auto 47px;
}
.widget-art:after{
    content: "";
    display: block;
    clear: both;
}
.widget-art-left {
    float: left;
    width: 24.1%;
    min-height: 275px;
    margin-right: 1.8%;
    padding: 38px 10px 15px 40px;
    background: rgb(51, 194, 237);
    font-size: 20px;
    color: #fff;
    line-height: 1.05;
    font-weight: bold;
    text-transform: uppercase;
}
.widget-art-left-item{margin-bottom:21px;}
.widget-art-right {
    float: left;
    width: 74%;
    min-height: 275px;
    background: #4f5cd1;
}
.widget-art-list {
    float: left;
    width: 42%;
    padding: 39px 5px 15px 47px;
}
.widget-art-list-title {
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.widget-art-list ul {
    padding: 0 0 0 32px;
}
.widget-art-list ul li{margin-bottom:3px;color: #fff;}
.widget-art-list ul li:before {
    background: #fff;
}
.widget-art-list a {
    color: #fff;
    text-decoration: none;
}
.widget-art-list a:hover{color:#ccc;}
.widget-art-info{
    float: left;
    width: 58%;
    padding: 44px 0 15px;
    text-align: right;
}
.widget-art-info input[type=button]{
    margin-right: 38px;
    padding: 14px 19px;
    background: none;
    border: 2px solid rgb(51, 194, 237);
    outline: none;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.widget-art-info input[type=button]:hover{
    background:rgb(51, 194, 237);
}
.widget-art-info-text{
    margin: 10px 38px 16px 0;
    font-size: 13px;
    color: #fff;
    line-height: 1.231;
}
.widget-art-info-phone{
    display: inline-block;
    padding: 13px 38px 18px 71px;
    background: #fff url("images/icon-12.png") 36px 11px no-repeat;
}
.widget-art-info-phone a {
    font-size: 24px;
    color: #3545ce;
    text-decoration: none;
}
@media (min-width: 999px) {
    .widget-art-right {
        background: url("images/widget-art-info.jpg") 100% 100% no-repeat;
        background-size: cover;
    }
}
@media (max-width: 999px) {
    .widget-art-left {
        float: none;
        width: auto;
        padding: 35px 10px 5px;
        margin: 0;
    }
    .widget-art-left-item{
        width: 300px;
        max-width: 100%;
        margin: 0 auto 20px;
    }
    .widget-art-right {
        float: none;
        width: auto;
        padding: 0 10px;
    }
    .widget-art-list {
        float: none;
        width: auto;
        padding: 35px 0;
    }
    .widget-art-info{
        float: none;
        width: auto;
        padding: 0 0 35px;
        text-align: center;
    }
    .widget-art-info input[type=button],
    .widget-art-info-text{
        margin-right: 0;
    }
}


html.remodal-is-locked{overflow:hidden;-ms-touch-action:none;touch-action:none;}
.remodal,[data-remodal-id]{display:none;}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none;}
.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch;}
.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-0.05em;content:"";}
.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.remodal{position:relative;outline:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}
.remodal-is-initialized{display:inline-block;}
.remodal-bg.remodal-is-opening,.remodal-bg.remodal-is-opened{-webkit-filter:blur(3px);filter:blur(3px);}
.remodal-overlay{background:rgba(43,46,56,0.9)}
.remodal-overlay.remodal-is-opening,.remodal-overlay.remodal-is-closing{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.remodal-overlay.remodal-is-opening{-webkit-animation-name:remodal-overlay-opening-keyframes;animation-name:remodal-overlay-opening-keyframes;}
.remodal-overlay.remodal-is-closing{-webkit-animation-name:remodal-overlay-closing-keyframes;animation-name:remodal-overlay-closing-keyframes;}
.remodal-wrapper{padding:10px 10px 0;}
.remodal.remodal-is-opening,.remodal.remodal-is-closing{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.remodal.remodal-is-opening{-webkit-animation-name:remodal-opening-keyframes;animation-name:remodal-opening-keyframes;}
.remodal.remodal-is-closing{-webkit-animation-name:remodal-closing-keyframes;animation-name:remodal-closing-keyframes;}
.remodal,.remodal-wrapper:after{vertical-align:middle;}
@-webkit-keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0;}to{-webkit-transform:none;transform:none;opacity:1;}}
@keyframes remodal-opening-keyframes{from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0;}to{-webkit-transform:none;transform:none;opacity:1;}}
@-webkit-keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1;}to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;}}
@keyframes remodal-closing-keyframes{from{-webkit-transform:scale(1);transform:scale(1);opacity:1;}to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;}}
@-webkit-keyframes remodal-overlay-opening-keyframes{from{opacity:0;}to{opacity:1;}}
@keyframes remodal-overlay-opening-keyframes{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes remodal-overlay-closing-keyframes{from{opacity:1;}to{opacity:0;}}
@keyframes remodal-overlay-closing-keyframes{from{opacity:1;}to{opacity:0;}}

.remodal-region{
    width: 99%;
    max-width: 99%;
    min-height: 96%;
    padding: 42px 10px 10px;
}
.remodal-region-inner{
    width: 1180px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.remodal-region .title {
    margin-bottom: 25px;
    font-size: 34px;
}
.remodal-region .remodal-close{
    right: 10px;
    top: 10px;
}
.remodal-region ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 1270px;
    margin-top: 30px;
}
.remodal-region ul li {
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 20px;
    font-size: 18px;
    color:rgb(28,33,46);
}
.remodal-region ul li a{
    color:rgb(28,33,46);
    text-decoration: none;
}
.remodal-region ul li a:hover{color:rgb(65,76,177);}
@media (max-width: 999px) {
    .remodal-region .title {
        font-size: 28px;
    }
    .remodal-region ul {
        display: inline;
        flex-direction: row;
        flex-wrap: wrap;
        height: 1100px;
        outline: 1px solid blue;
    }
    .remodal-region ul li {
        page-break-inside:auto;
        break-inside:auto;
    }
}

.article-photo {
    object-fit: cover;
    object-position: center;
    float: left;
    max-width: 100%;
    width: 500px;
    height: 300px;
    margin: 1rem;
    margin-left: 0;
}

/* Изменения */
.feedback {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(43,46,56,0.9);
    overflow: hidden;
    backface-visibility: hidden;
    z-index: 100;
    display: none;
}



.feedback-inner {
    max-width: 584px;
    width: 100%;
    padding: 42px 49px;
    background: white;
    position: relative;
}

.feedback-title {
    font-size: 36px;
    margin-bottom: 40px;
    font-weight: 600;
    color: rgb(36, 35, 35);
    display: inline-block;
}

.feedback-close {
    display: inline-block;
    background: url("images/icon-11.png") center no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3rem;
    right: 3rem;
    cursor: pointer;
}

.feedback-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.feedback-form .author {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.feedback-form #author {
    margin-bottom: 1rem;
    width: 100%;
    border: 1px solid rgb(208, 208, 208);
    padding: 15px 17px;
    font-size: 15px;
    outline: none;
}

.feedback-form #author:active, .feedback-form #author:focus {
    border: 1px solid rgb(51, 194, 237);
}

.feedback-form textarea {
    width: 100%;
    resize: none;
    outline: none;
    padding: 15px 17px;
    border: 1px solid rgb(208, 208, 208);
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

.feedback-text {
    width: 100%;
}

.feedback-form textarea:active,
.feedback-form textarea:focus {
    border: 1px solid rgb(51, 194, 237);
}

.feedback-form label {
    margin-bottom: 10px;
    font-size: 15px;
    color: rgb(161, 161, 161);
}

.feedback-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.feedback-agree {
    display: flex;
    margin-top: 1.5rem;
    align-items: center;
    margin-bottom: 1.5rem;
}

.feedback-agree p {
font-size: 13px;
margin-left: 1rem;
line-height: 1.2;
color: rgb(88, 88, 88);
}

.feedback-agree p a {
    color: rgb(51, 194, 237);
}

.feedback-submit {
    background:#35498F;
    color: white;
    border: none;
    outline: none;
    padding: 1rem 2rem;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
}

.feedback-submit:hover {
    background: #3b4de7;
}

@media screen and (max-width: 576px) {
    .feedback-inner {
        padding: 1rem;
    }

    .feedback-close {
        top: 1.5rem;
        right: 1rem;
    }

    .feedback-title {
        font-size: 2rem;
    }
}

@media screen and (max-width: 340px) {
    .feedback-title {
        font-size: 1.5rem;
    }

    .feedback-close {
        width: 15px;
        height: 15px;
        top: 1.2rem;
    }
}