.title-link {
    border-bottom: 2px solid #efa020;
    margin: 0 0 5px;
}

h1.ard-main-ttl {
    font: 24px 'Tahoma';
    color: #555;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
}

h1.ard-main-ttl:after {
    content: '';
    position: absolute;
    width: 22%;
    top: 35px;
    left: 0;
    height: 1px;
    background: #efa020;
}

p.ard-simp-txt {
    font: 16px 'Tahoma';
    color: #555;
    margin-bottom: 15px;
    padding: 0;
}

#ard-fiz .ard-ttl,
#ard-ur .ard-ttl {
    font: 18px 'Tahoma';
    color: #146e38;
    padding-bottom: 15px;
    margin: 0;
    text-align: left;
}

#ard-fiz,
#ard-ur {
    margin-bottom: 30px;
}

.ard-row {
    margin-bottom: 20px;
}

@media (max-width: 425px) {
    .ard-row {
        text-align: center;
    }
}

.ard-row .ard-num {
    display: inline-block;
    vertical-align: middle;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #2f9851;
    margin-right: 25px;
}

@media (max-width: 425px) {
    .ard-row .ard-num {
        margin-bottom: 10px;
    }
}

.ard-row .ard-num span {
    font: 24px 'Tahoma';
    color: #fff;
    display: block;
    padding: 18px 18px;
}

.ard-row p {
    display: inline-block;
    width: 75%;
    font: 14px 'Tahoma';
    color: #555;
    vertical-align: middle;
    text-align: left;
}

@media (max-width: 425px) {
    .ard-row p {
        text-align: center;
        width: 100%;
    }
}

.ard-row p span {
    color: #146e38;
}

.ard-row p span.ard-txt-org {
    color: #efa020;
}

.ard-row .ard-num.ard-green {
    background: none;
    border: 3px solid #2f9851;
}

.ard-row .ard-num.ard-green span {
    font: 18px 'Tahoma';
    color: #555;
    display: block;
    padding: 20px 9px;
}

.ard-row .ard-num.ard-org {
    background: none;
    border: 3px solid #efa020;
}

.ard-row .ard-num.ard-org span {
    font: 16px 'Tahoma';
    color: #555;
    display: block;
    padding: 22px 12px;
}

.ard-wrap-bg-gr {
    background: #f4f4f4;
    padding: 40px 50px 20px 50px;
    margin-bottom: 35px;
}

.ard-wrap-ribbon {
    padding-left: 160px;
    background: url(../images/ard-ribbon.png) no-repeat 0 50%;
}

@media(max-width: 400px) {
    .ard-wrap-ribbon {
        background: none;
        padding-left: 0;
    }
}

.ard-wrap-ribbon p {
    font: 16px 'Tahoma';
    color: #146e38;
    padding-bottom: 20px;
    margin: 0;
    text-align: left;
}

.ard-wrap-ribbon ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
	display:block;
}

.ard-wrap-ribbon ul li {
    padding-left: 30px;
    background: url(../images/ard-check.png) no-repeat 8px 35%;
    font: 14px 'Tahoma';
    color: #555;
    padding-bottom: 10px;
    margin: 0;
}

.ard-clearfix,
.ard2-clearfix {
    content: '';
    display: table;
    width: 100%;
    clear: both;
}

.ard-wrap-bl-prinz .ard-clearfix {
    display: flex !important;
}

.ard-wrap-phone span {
    font: 28px 'Tahoma';
    color: #146e38;
}

a.callback.ard-style {
    display: block;
    margin: 15px auto;
    width: 100%;
    max-width: 208px;
    padding: 45px 15px 15px 15px;
    background: #146e38 url(../images/icon-phone.png) no-repeat 50% 23%;
    margin-bottom: 50px;
    text-align: center;
}

a.callback.ard-style:hover {
    box-shadow: 0 0 10px gray;
    cursor: pointer;
}

a.callback.ard-style span {
    color: #fff;
    text-align: center;
    font-size: 16px;
}


/*garantee */

p.ard-txt-garantee {
    font: 14px 'Tahoma';
    color: #555;
    text-align: left;
    padding: 0 45px 0 0;
    margin-bottom: 35px;
}

.ard-wrap-bl-gar {
    background: #f4f4f4;
    padding: 30px 15px;
    margin-bottom: 20px;
}

.ard-wrap-bl-gar.ard-kach {
    padding-bottom: 40px;
}

.ard-wrap-bl-gar.ard-new-pad {
    padding: 47px 15px;
}

.ard-wrap-img-gar.ard-img {
    margin-top: 17px;
}

.text-center {
    text-align: center;
}

.ard-ttl-bl {
    font: 16px 'Tahoma';
    color: #2f9851;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
}

.ard-txt-romb {
    padding-left: 25px;
    background: url(../images/ard-romb.png) no-repeat 0 5%;
    font: 14px 'Tahoma';
    color: #555;
    padding-bottom: 15px;
    margin: 0;
    position: relative;
}

.ard-txt-romb.ard-pad {
    margin-right: 35px;
}

.ard-tooltip {
    /* position: absolute; */
    display: block;
    /* top: -5px; */
    /* right: 160px; */
    text-align: center;
    background-color: #146e38;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer;
    float: right;
    /*margin-top: -10px;*/
    z-index: 99;
}

.ard-tooltip.ard-two {
    right: 50px;
}

.ard-tooltip.ard-three {
    right: 205px;
    top: 14px;
}

.ard-tooltip.ard-four {
    right: 200px;
    top: 14px;
}

.ard-tooltip:before {
    content: 'i';
    font: italic 15px 'Tahoma';
    color: #fff;
}

.ard-tooltip > div {
    display: none;
    text-align: left;
    background-color: #fdfdfd;
    padding: 30px;
    width: 100%;
    max-width: 330px;
    position: absolute;
    border-radius: 3px;
    border: 2px solid #146e38;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -37px;
    color: #555;
    font-size: 14px;
    z-index: 1000;
}

@media (max-width: 320px) {
    .ard-tooltip > div {
        right: -14px;
    }
}

.ard-tooltip:hover .ard-wrap-tip {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
}

.ard-tooltip .ard-wrap-tip:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #146e38;
    right: 40px;
    top: -12px;
}

@media (max-width: 320px) {
    .ard-tooltip .ard-wrap-tip:before {
        right: 17px;
    }
}

p.ard-ttl-req {
    font: 18px 'Tahoma';
    color: #146e38;
    padding: 0;
    margin: 0;
}

p.ard-txt-req {
    font: 14px 'Tahoma';
    color: #555;
    padding: 0;
    margin: 0;
}

.ard-col-lft-tip {
    float: left;
    width: 160px;
}

.ard-col-rght-tip {
    float: right;
}


/* about */

.ard-wrap-gr-bl {
    border: 2px solid #ccc;
    margin-bottom: 10px;
}

.ard-wrap-gr-bl p {
    padding-left: 135px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    font: 14px 'Tahoma';
    color: #4c4c4c;
    margin: 0;
}

.ard-wrap-gr-bl p.ard-ic-year {
    background: url(../images/ard-year.png) no-repeat 30px 50%;
}

.ard-wrap-gr-bl p.ard-ic-mast {
    background: url(../images/ic-master.png) no-repeat 30px 20%;
}

p.ard-txt-green {
    font: 18px 'Tahoma';
    color: #2f9851;
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 0;
}

.ard-col-lft-pr {
    width: 10% !important;
    margin-right: 15px;
    float: none !important;
}

@media (max-width: 540px) {
    .ard-col-lft-pr {
        margin-bottom: 10px;
    }
}

.ard-col-rght-pr {
    width: 87% !important;
    float: none !important;
}

@media (max-width: 540px) {
    .ard-col-rght-pr {
        width: 100% !important;
    }
}

.ard-wrap-bl-prinz .ard-ttl {
    font: 18px 'Tahoma';
    color: #4c4c4c;
    margin: 0;
    padding-bottom: 15px;
}

.ard-wrap-bl-prinz p {
    font: 14px 'Tahoma';
    color: #4c4c4c;
    margin: 0;
    padding-bottom: 20px;
}

.ard-wrap-bl-prinz ul {
    margin-bottom: 30px;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.ard-wrap-bl-prinz ul li {
    padding-left: 25px;
    background: url(../images/check-ab.png) no-repeat 0 5px;
    padding-bottom: 10px;
    font: 14px 'Tahoma';
    color: #4c4c4c;
    margin: 0;
}

.ard-wrap-bl-prinz ul li.ard2 {
    padding-bottom: 30px;
}

.ard-wrap-bl-employees {
    padding: 0 0 40px 0;
}

.ard-wrap-bl-employees p.ard-txt-green {
    margin-bottom: 15px;
}

.ard-wrap-bl-employees img {
    width: 100%;
}

.ard-wrap-bl-post {
    border-top: 7px solid #ccc;
    border-bottom: 7px solid #ccc;
    padding-left: 110px;
    background: url(../images/ic-form.png) no-repeat 20px 50%;
    margin-bottom: 50px;
}

.ard-wrap-bl-post .ard-ttl {
    font: 18px 'Tahoma';
    color: #2f9851;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0;
}

.ard-wrap-bl-post p {
    font: 14px 'Tahoma';
    color: #303030;
    padding-bottom: 35px;
    margin: 0;
}

.ard-wrap-bl-post p a {
    color: #2f9851;
}

p.ard-simp-txt-realize {
    font: 14px 'Tahoma';
    color: #555;
    padding-bottom: 15px;
    margin: 0;
}

.ard-wrap-picts > div {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

@media (max-width: 735px) {
    .ard-wrap-picts > div {
        margin-right: 0;
    }
}

.ard-wrap-picts > div:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}

.ard-wrap-picts > div:nth-child(2n) {
    margin-right: 0;
}

.ard-wrap-img {
    position: relative;
}

.ard-txt-pict-1 {
    background: #2f9851;
    font: bold 16px 'Tahoma';
    color: #fff;
    text-align: center;
    position: relative;
    width: 184px;
    padding: 10px 20px 15px 20px;
    box-sizing: border-box;
    margin-top: -22px;
}

.ard-txt-pict-1 a {
    display: block;
    border: 2px solid #fff;
    text-decoration: none;
    background: #2f9851;
    font: bold 16px 'Tahoma';
    color: #fff;
}

.ard-txt-pict-1 a:hover {
    background: #fff;
    color: #2f9851;
}

.ard-txt-pict-3 {
    background: #58595b;
    font: bold 16px 'Tahoma';
    color: #fff;
    position: relative;
    width: 100%;
    padding: 12px 12px 12px 13px;
    box-sizing: border-box;
    margin-top: -55px;
}

.ard-txt-pict-3 a {
    display: block;
    border: 2px solid #fff;
    text-decoration: none;
    background: #58595b;
    font: bold 16px 'Tahoma';
    color: #fff;
    width: 65%;
    padding: 5px 0 5px 10px;
}

.ard-txt-pict-3 a:hover {
    background: #fff;
    color: #58595b;
}

.ard-txt-pict-5 {
    background: #58595b;
    font: bold 16px 'Tahoma';
    color: #fff;
    position: relative;
    width: 100%;
    padding: 12px 12px 12px 13px;
    box-sizing: border-box;
    margin-top: -38px;
}

.ard-txt-pict-5 a:hover {
    background: #fff;
    color: #58595b;
}

.ard-txt-pict-5 a {
    display: block;
    border: 2px solid #fff;
    text-decoration: none;
    background: #58595b;
    font: bold 16px 'Tahoma';
    color: #fff;
    width: 90%;
    padding: 5px 0 5px 10px;
}

.ard-txt-pict-7 {
    background: #2f9851;
    font: bold 16px 'Tahoma';
    color: #fff;
    position: absolute;
    top: 206px;
    width: 100%;
    padding: 10px 20px 15px 20px;
    box-sizing: border-box;
}

.ard-txt-pict-7 a {
    display: block;
    border: 2px solid #fff;
    text-decoration: none;
    background: #2f9851;
    font: bold 16px 'Tahoma';
    color: #fff;
    padding: 5px 0 5px 10px;
    width: 86%;
}

.ard-txt-pict-7 a:hover {
    background: #fff;
    color: #2f9851;
}


/* sert */

.ard-wrap-row-sert {
    border-top: 7px solid #f3f3f3;
}

@media(max-width: 650px) {
    .ard-wrap-row-sert {
        border-bottom: 0;
    }
}

.ard-wrap-row-sert.sec {
    border-top: none;
}

.ard-wrap-row-sert > div {
    float: left;
    width: 33.3%;
    border-right: 7px solid #f3f3f3;
    border-bottom: 7px solid #f3f3f3;
    padding-top: 25px;
}

@media(max-width: 650px) {
    .ard-wrap-row-sert > div {
        width: 50%;
    }
    .ard-wrap-row-sert > div:nth-child(2n) {
        border-right: 0;
    }
}

@media(max-width: 420px) {
    .ard-wrap-row-sert > div {
        width: 100%;
        border-right: 0;
    }
}

@media(min-width: 650px) {
    .ard-wrap-row-sert > div:nth-child(3n) {
        border-right: 0;
    }
    .ard-wrap-row-sert > div:last-child {
        border-right: 0;
    }
}

.ard-wrap-row-sert img {
    margin-bottom: 15px;
    /*height: 216px;
    width: 152px;*/
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top:0; left:0; right:0; bottom: 0;
    margin: auto;
}
.image-wrapper {
    position: relative;
    height: 216px;
    width: 152px;
    border: 5px solid #a5a5a5;
    margin: auto;
}

.ard-wrap-row-sert img {
    /*border: 5px solid #a5a5a5;*/
}

.ard-wrap-row-sert img:hover {
    background: #a5a5a5 url(../images/ard-lupa.png) no-repeat;
    opacity: .2;
    border: none;
}

.ard-wrap-row-sert p {
	font: 13px 'Tahoma';
    color: #565656;
    height: 35px;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-right: 26px;
    margin: 0;
    text-align: left;
    margin-top: 10px;
}

@media (max-width: 650px) {
    .ard-wrap-row-sert p {
        height: 65px;
    }
}

a.ard-wrap-down-link {
    display: block;
    font: 14px 'Tahoma';
    color: #2f9851;
    padding-left: 75px;
    background: url(../images/ic-down.png) no-repeat 35px 50%;
    text-align: left;
    padding-top: 16px;
    padding-bottom: 10px;
    text-decoration: none;
    margin-bottom: 20px;
    margin-top: 25px;
}

a.ard-wrap-down-link:hover {
    background: url(../images/ic-down-hov.png) no-repeat 35px 50%;
}


/* action */

.specoffers.ard-act {
    /*border-top: 5px solid #ccc;*/
    margin-top: 0;
    border-bottom: 5px solid #ccc;
}

.ard-item-news {
    width: 47%;
    float: left;
    /*margin-top: 30px;*/
    margin-top: 10px;
    border-bottom: 7px solid #f3f3f3;
}

@media(max-width: 980px) {
    .ard-item-news {
        width: 100%;
    }
}

.ard-item-news:nth-child(even) {
    float: right;
}

.ard-item-news .ard-ttl {
    font: 18px 'Tahoma';
    color: #146e38;
    padding-bottom: 15px;
    margin: 0;
    height: 36px;
}

.ard-item-news .ard-ttl a {
    color: #146e38;
}

.ard-item-news p.ard-date {
    font: bold 14px 'Tahoma';
    color: #000000;
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0;
}

.ard-item-news p.ard-date-old {
    font: bold 14px 'Tahoma';
    color: #000000;
    padding: 5px 0;
    margin: 0;
}

.ard-item-news p.ard-txt-continue {
    font: 14px 'Tahoma';
    color: #acacac;
    border-top: 3px solid #efa020;
    border-bottom: 3px solid #efa020;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 15px;
}

.ard-item-news .ard-wrap-img img {
    width: 100%;
    height: auto;
    border: 2px solid #e8e8e8;
}

.ard-item-news .ard-wrap-img {
    width: 100%;
    margin-bottom: 15px;
}

.ard-item-news .ptext {
    font-size: 14px;
    overflow: hidden;
    height: 126px;
    margin-bottom: 20px;
}

.ard-item-news p {
    font: 14px/22px 'Tahoma';
    color: #4c4c4c;
    padding-bottom: 20px;
    margin: 0;
}

.ard-item-news .ard-wrap-btn a {
    text-align: center;
    font: 15px 'Tahoma';
    color: #efa020;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
    border: 2px solid #d0d0d0;
    padding: 10px 0;
    position: relative;
}

.ard-item-news .ard-wrap-btn a:after {
    position: absolute;
    content: '';
    background: url(../images/news-arrow.png) no-repeat;
    width: 17px;
    height: 18px;
    right: 80px;
}

.ard-item-news .ard-wrap-btn a:hover {
    background: #d0d0d0;
    color: #fff;
}

.ard-item-news .ard-wrap-btn a:hover:after {
    background: url(../images/news-arrow-hov.png) no-repeat;
}

.ard-col-lft-in {
    float: left;
    width: 50%;
    margin-right: 30px;
}

.ard-col-rght-in {
    float: right;
    width: 40%;
}


/* news */

.ard-wrap-news {
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.ard-wrap-news.ard-etc {
    border-top: none;
}

.ard-wrap-news:hover {
    background: #f4f4f4;
}

.ard-wrap-img-news {
    float: left;
    width: 194px;
    height: 147px;
    border: 2px solid #e8e8e8;
    margin-right: 15px;
}

.ard-wrap-img-news img {
    text-align: center;
}

.ard-wrap-descr-news {
    float: left;
    width: 480px;
}

.ard-wrap-descr-news .ard-date {
    font: 12px 'Tahoma';
    color: #878787;
    padding-bottom: 10px;
    margin: 0;
}

.ard-wrap-descr-news .ard-ttl {
    font: 18px 'Tahoma';
    color: #146e38;
    padding-bottom: 15px;
    margin: 0;
}

.ard-wrap-descr-news .ard-ttl a {
    color: #146e38;
    text-decoration: none;
}

.ard-wrap-descr-news .ard-ttl a:hover {
    text-decoration: underline;
}

.ard-wrap-descr-news p {
    font: 14px 'Tahoma';
    color: #4c4c4c;
    padding-bottom: 15px;
    margin: 0;
}

//
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

ul,
li {
    /*list-style: none;*/
    margin: 0;
    padding: 0;
}

a {
    color: #191919;
}

.st-page {
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
    color: #4c4c4c;
}

.st-page-title {
    font: 24px Tahoma;
    border-bottom: 1px solid #FF831D;
    padding: 0 50px 10px 0;
    margin: 35px 0;
    display: inline-block;
}

.st-text {
    font: 14px Tahoma;
}

.st-org {
    overflow: hidden;
    width: 100%;
    max-width: 557px;
    margin: 40px auto 28px auto;
}

@media(max-width: 600px) {
    .st-org {
        display: none;
    }
}

.st-org-section {
    float: left;
    height: 78px;
    box-sizing: border-box;
    padding-left: 90px;
    font: 18px Tahoma;
}

.st-org-left {
    background: url(../img/stico1.png) no-repeat;
    padding-top: 10px;
    width: 320px;
    margin-bottom: 20px;
}

.st-org-right {
    background: url(../img/stico2.png) no-repeat;
    padding-top: 25px;
    width: 237px;
}

@media(min-width: 600px) {
    .st-org-section.st-org-left.mob {
        display: none;
    }
    .st-org-section.st-org-right.mob {
        display: none;
    }
}

.st-line {
    background: url(../img/sti1.png) no-repeat 52px 50% #F3F3F3;
    height: 53px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    font: 14px Tahoma;
    padding-left: 115px;
    box-sizing: border-box;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.st-line span {
    display: table-cell;
    vertical-align: middle;
}

.st-line-t {
    background: url(../img/stline.png) no-repeat top #F3F3F3;
    /*width: 699px;*/
    height: 14px;
}

@media(max-width: 600px) {
    .st-line-t {
        display: none;
    }
}

@media(max-width: 600px) {
    .st-line-1 {
        margin-top: 20px;
    }
}

.st-line-2 {
    background-image: url(../img/sti2.png);
}

.st-line-3 {
    background-image: url(../img/sti3.png);
}

.st-line-4 {
    background-image: url(../img/sti4.png);
}

.st-line-5 {
    background-image: url(../img/sti5.png);
}

.st-line-6 {
    background-image: url(../img/sti6.png);
}

.st-info {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
}

.st-info-left,
.st-info-right {
    background: #F3F3F3;
    width: 49%;
    box-sizing: border-box;
    padding: 20px 30px;
    margin-bottom: 10px;
}

@media(max-width: 600px) {
    .st-info-left,
    .st-info-right {
        width: 100%;
    }
}

.st-info-left {
    float: left;
}

.st-info-right {
    float: right;
}

.st-info-section {
    background: url(../img/stel.png) no-repeat 0 3px;
    margin-bottom: 30px;
    padding-left: 30px;
    font: 14px Tahoma;
    position: relative;
}

@media(max-width: 600px) {
    .st-info-section {
        display: inline-block;
    }
}

.st-info-section i {
    background: url(../img/sti.png) no-repeat 0 9px;
    width: 19px;
    height: 28px;
    position: absolute;
    top: 42px;
    left: 50%;
}
.st-info-section i.st-info-i-2{
    background: url(../img/sti.png) no-repeat 0 9px;
    width: 19px;
    height: 28px;
    position: absolute;
    top: 10px;
    left: 55%;
}

/*.st-info-i-2 {*/


/*left: 152px!important;*/


/*}*/

.st-info-section i span {
    display: block;
    width: 260px;
    padding: 30px;
    background: #fff;
    color: #555;
    font: 14px Tahoma;
    border: 2px solid #146e38;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: absolute;
    z-index: 10;
    top: 35px;
    left: -4px;
    display: none;
}

@media (max-width: 380px) {
    .st-info-section i span {
        left: -140px;
    }
}

.st-info-section i:hover span {
    display: block;
}

.st-info-section i span:before {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #146e38;
    position: absolute;
    top: -10px;
    left: 7px;
}

@media (max-width: 380px) {
    .st-info-section i span:before {
        left: 144px;
    }
}

.st-prd {
    background: #2f9851;
    font: 18px/38px Tahoma;
    text-align: center;
    color: #fff;
    margin: 10px 0;
}

.ard-clearfix {
    clear: both;
    margin: 0 0;
}

.ard2-clearfix {
    clear: both;
    margin: 10px 0;
}

@media (min-width: 480px) {
    .ard-col-rght {
        width: 50%;
        float: right;
    }
}

@media (max-width: 540px) {
    .ard-col-rght {
        width: 100%;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        justify-content: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: center;
    }
}

.ard-col-lft {
    width: 46%;
    float: left;
    margin-right: 20px;
}

@media (max-width: 480px) {
    .ard-col-lft {
        float: none;
        align-content: center;
        margin: 0 auto;
    }
}

@media (max-width: 540px) {
    .ard-col-lft {
        width: 100%;
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        justify-content: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: center;
    }
}

.ard-wrap-phone span {
    font: 28px Tahoma;
    color: #146e38;
}

a.callback.ard-style {
    text-decoration: none;
    display: block;
    margin: 15px auto;
    width: 208px;
    padding: 45px 15px 15px 15px;
    background: #146e38 url(/local/templates/stroypartner/images/icon-phone.png) no-repeat 50% 23%;
    margin-bottom: 50px;
    cursor: pointer;
}

a.callback.ard-style span {
    color: #fff;
    text-align: center;
    font: 16px Tahoma;
}

p.ard-simp-txt {
    font: 14px Tahoma;
    color: #555;
    margin-bottom: 15px;
    padding: 0;
}

.dt-title {
    font: 24px Tahoma;
    color: #555;
    border-bottom: 1px solid #FD9C2D;
    padding-bottom: 5px;
    margin: 20px 0;
}

.dt-text {
    font: 14px Tahoma;
    color: #555;
    border-bottom: 5px solid #C7C7C7;
    padding-bottom: 15px;
}

.dt-small {
    overflow: hidden;
}

.dt-small-section {
    width: 340px;
    height: 267px;0
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0 16px 16px 0;
}

.dt-small-section:nth-child(2n) {
    margin-right: 0;
}

.dt-small-section:last-child {
    /*width: 100%;*/  /*Последний элемент переносит на новую строку*/
}

.dt-small-show,
.dt-small-hide {
    width: inherit;
    height: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.dt-small-show img {
    width: inherit;
    height: 220px;
}

.dt-small-show-title {
    height: 43px;
    text-indent: 23px;
    border: 2px solid #2f9851;
    font: 16px/37px Tahoma;
    font-weight: bold;
    color: #2f9851;
}

.dt-small-hide {
    background: #F2F2F2;
    z-index: 2;
    display: none;
}

.dt-small-section:hover .dt-small-hide {
    display: block;
}

.dt-small-hide-title {
    background: #2f9851;
    height: 41px;
    font: 16px Tahoma;
    text-indent: 23px;
    font-weight: bold;
    color: #fff;
    line-height: 41px;
}

.dt-small-hide-content {
    font: 14px Tahoma;
    color: #555;
    width: inherit;
    height: 225px;
    box-sizing: border-box;
    padding: 20px 22px;
    position: relative;
}

.dt-small-hide-next {
    background: url(../img/dtnext.png) no-repeat right;
    height: 18px;
    font: 14px/18px Tahoma;
    color: #efa020;
    text-decoration: none;
    display: block;
    padding-right: 24px;
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.dt-small-hide-next:hover {
    padding-right: 20px;
    transition: all 0.3s ease;
}

.dt-big-section {
    width: 700px;
    height: 267px;
    overflow: hidden;
    position: relative;
    float: left;
    margin: 0 0 16px 0;
}

.dt-big-show,
.dt-big-hide {
    width: inherit;
    height: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.dt-big-show img {
    width: inherit;
    height: 220px;
}

.dt-big-show-title {
    height: 37px;
    text-indent: 23px;
    border: 2px solid #2f9851;
    font: 16px/37px Tahoma;
    font-weight: bold;
    color: #2f9851;
}

.dt-big-hide {
    background: #F2F2F2;
    z-index: 2;
    display: none;
}

.dt-big-section:hover .dt-big-hide {
    display: block;
}

.dt-big-hide-title {
    background: #2f9851;
    height: 41px;
    font: 16px Tahoma;
    text-indent: 23px;
    font-weight: bold;
    color: #fff;
    line-height: 41px;
}

.dt-big-hide-content {
    font: 15px Tahoma;
    color: #555;
    width: inherit;
    height: 225px;
    box-sizing: border-box;
    padding: 20px 22px;
    position: relative;
}

.dt-big-hide-next {
    background: url(../img/dtnext.png) no-repeat right;
    height: 18px;
    font: 15px/18px Tahoma;
    color: #efa020;
    text-decoration: none;
    display: block;
    padding-right: 24px;
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.dt-big-hide-next:hover {
    padding-right: 20px;
    transition: all 0.3s ease;
}

.main-content ul li {
    list-style: disc;
}

.dt-small-section.last {
    width: 100%;
}

.dt-text.new {
    border-bottom: 0;
}

.info-page__banner {
    width: 100%;
}

.info-page__banner > img{
    width: 100%;
}
@media (max-width: 768px) {
    .info-page__banner-title {
        font-size: 22px;
        padding-bottom: 18px;
    }
    .info-page__banner-section {
        padding-top: 18px;
    }
}
@media (max-width: 600px) {
    .info-page__banner {
        height: 200px;
        overflow: hidden;
    }
    .info-page__banner > img {
        width: auto;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }
    .info-page__banner-title {
        font-size: 16px;
    }
    .info-detail__left {
        display: none;
    }
    .ard-wrap-bl-prinz .ard-clearfix {
        flex-direction: column;
    }
    .info-page__articles-item {
        max-width: calc(50% - 20px);
        flex: 1 1 50%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
    }
}
@media (max-width: 400px) {
    .dt-small-section {
        width: 100%;
        margin-right: 0;
    }
    .info-page__banner-section img {
        margin-right: 5px;
    }
    .info-page__banner-section {
        font-size: 16px;
    }
    .info-detail__top + .info-detail__wrap {
        margin-top: 10px;
    }
    .info-page__sections {
        margin-top: 15px;
    }
    .info-page__articles {
        margin-top: 15px;
    }
}

.right-inner .ard-wrap-del { margin-top: 30px; }
.right-inner .ard-wrap-del .text-center { text-align: center; }
.right-inner .ard-wrap-del p.top-txt { color: #555; font-family: Tahoma; font-size: 16px; font-weight: 400; line-height: 20px; }
.right-inner .ard-wrap-del p.top-txt.last { margin-bottom: 25px; }
.right-inner .ard-wrap-del p.top-txt.pad { margin-bottom: 20px; }
.right-inner .ard-wrap-del h2.ard-ttl-mid { color: #2f9851; font-family: Tahoma; font-size: 20px; font-weight: 400; padding-bottom: 15px; margin: 0; }
.right-inner .ard-wrap-del h3.ard-ttl-mid { color: #2f9851; font-family: Tahoma; font-size: 20px; font-weight: 400; padding-bottom: 15px; margin: 0; }
.right-inner .ard-wrap-del .ard-line { background-color: #58595b; color: white; font-family: Tahoma; font-size: 16px; font-weight: 400; line-height: 10px; padding: 11px 0 12px 8px; }
.right-inner .ard-wrap-del ul { margin: 0 0 30px 0; padding: 0; list-style: none; font-size: 0; }
.right-inner .ard-wrap-del ul li { display: inline-block; vertical-align: top; }
.right-inner .ard-wrap-del p.txt-after-car { font-family: Tahoma; font-size: 16px; line-height: 20px; /* Text style for "╨�╨╗╤� ╨▓╤�╨╡╨│╨╛" */ color: #555; font-weight: 400; padding-bottom: 25px; margin: 0; }
.right-inner .ard-wrap-del p.txt-after-car span { color: #2f9851; font-weight: 400; }
.right-inner .ard-wrap-del p.txt-after-car strong { color: #555; font-weight: 700; }
.right-inner .ard-wrap-del .bl-bg { background-color: #f4f4f4; padding: 25px 50px; margin-bottom: 30px; }
.right-inner .ard-wrap-del .bl-bg p { color: #555; font-family: Tahoma; font-size: 16px; font-weight: 400; /* Text style for "╨�╤�╨╕ ╨┐╨╗╨░╨╜╨╕╤�" */ line-height: 18px; }
.right-inner .ard-wrap-del .bl-bg p.last { margin: 0; padding: 0; }
.right-inner .ard-wrap-del .bl-bg ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.right-inner .ard-wrap-del .bl-bg ul li { padding-left: 15px; background: url(../images/ard-check.png) no-repeat 0 25%; padding-bottom: 15px; color: #555; font-family: Tahoma; font-size: 16px; font-weight: 400; /* Text style for "╨�╤�╨╕ ╨┐╨╗╨░╨╜╨╕╤�" */ line-height: 18px; }
.right-inner .ard-wrap-del p.w15 { color: #555; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; padding-bottom: 25px; margin: 0; }
.right-inner .ard-wrap-del .wrap-bl-raz { margin-bottom: 20px; }
.right-inner .ard-wrap-del .wrap-bl-raz .ard-wrap-row { color: #555; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; margin-left: 35px; padding-bottom: 0; margin-bottom: 20px; display: table; border-bottom: 1px dashed #555; position: relative; cursor: pointer; }
.right-inner .ard-wrap-del .wrap-bl-raz .ard-wrap-row:after { content: ''; position: absolute; background: url(../images/ard-arr-del.png) no-repeat; width: 14px; height: 9px; left: -35px; top: 7px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.right-inner .ard-wrap-del .wrap-bl-raz .ard-wrap-row.click.arrowTogle:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.right-inner .ard-wrap-del .wrap-bl-raz .bl-hidden-t { margin-bottom: 20px; }
.right-inner .ard-wrap-del .wrap-bl-raz .bl-hidden-t div p { color: #555; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; padding-bottom: 10px; padding-top: 5px; margin: 0; display: inline-block; vertical-align: top; }
.right-inner .ard-wrap-del .wrap-bl-raz .bl-hidden-t div p:nth-child(2n) { width: 88%; }
.right-inner .ard-wrap-del .wrap-bl-raz .bl-hidden-t div p span { text-align: center; padding: 2px 7px; background-color: #2f9851; border-radius: 50%; color: white; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; margin-right: 15px; }
.right-inner .ard-wrap-del .ard-wrap-info-bl { padding: 17px 70px 20px 88px; background: #f4f4f4 url(../images/ard-info-del.png) no-repeat 33px 17px; color: #555; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; margin-bottom: 15px; margin-top: 20px; }
.right-inner .ard-wrap-del .ard-wrap-info-bl.m30 { margin-bottom: 30px; }
.right-inner .ard-wrap-del p.ard-simpl { color: #555; text-align: center; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; padding-bottom: 20px; margin: 0; }
.right-inner .ard-wrap-del p.ard-simpl.left { text-align: left; }
.right-inner .ard-wrap-del p.ard-simpl span { color: #2f9851; font-size: 18px; line-height: 24px; border-bottom: 2px dashed #555; }
.right-inner .ard-wrap-del .bl-hidden.display { margin-bottom: 20px; display: block; }
.right-inner .ard-wrap-del .bl-hidden.display div p { color: #555; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; padding-bottom: 15px; margin: 0; display: inline-block; vertical-align: top; position: relative; }
.right-inner .ard-wrap-del .bl-hidden.display div p:nth-child(2n) { width: 88%; }
.right-inner .ard-wrap-del .bl-hidden.display div p span { text-align: center; padding: 2px 7px; background-color: #2f9851; border-radius: 50%; color: white; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; margin-right: 15px; }
.right-inner .ard-wrap-del .bl-hidden.display div p span.org { background: #efa020; }
.right-inner .ard-wrap-del .bl-hidden.display div p strong { color: #efa020; }
.right-inner .ard-wrap-del .ard-col-lft { width: 50%; float: left; margin-right: 0; }
.right-inner .ard-wrap-del .ard-col-lft .ttl { color: #2f9851; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; padding-bottom: 15px; margin: 0; }
.right-inner .ard-wrap-del .ard-col-lft p { position: relative; }
.right-inner .ard-wrap-del .ard-col-lft p i { background: url(../images/ic-quest-del-g.png) no-repeat 0 0; width: 22px; height: 22px; position: absolute; top: 40px; left: 67%; }
.right-inner .ard-wrap-del .ard-col-lft p i:hover { cursor: pointer; }
.right-inner .ard-wrap-del .ard-col-lft p i:hover span { display: block; }
.right-inner .ard-wrap-del .ard-col-lft p i span { width: 300px; padding: 15px !important; background: #146e38; color: white !important; font: 14px Tahoma; position: absolute; z-index: 10; top: 30px; left: -4px; display: none; border-radius: 0 !important; text-align: left !important; margin-right: 0 !important; }
.right-inner .ard-wrap-del .ard-col-rght { float: right; width: 50%; margin-bottom: 60px; }
.right-inner .ard-wrap-del .ard-col-rght .ttl { color: #efa020; font-family: Tahoma; font-size: 15px; font-weight: 400; line-height: 20px; padding-bottom: 15px; margin: 0; }
.right-inner .ard-wrap-del .ard-col-rght p { position: relative; }
.right-inner .ard-wrap-del .ard-col-rght p i { background: url(../images/ic-quest-del-o.png) no-repeat 0 0; width: 22px; height: 22px; position: absolute; top: 40px; left: 50%; }
.right-inner .ard-wrap-del .ard-col-rght p i:hover { cursor: pointer; }
.right-inner .ard-wrap-del .ard-col-rght p i:hover span { display: block; }
.right-inner .ard-wrap-del .ard-col-rght p i span { width: 300px; padding: 15px !important; background-color: #efa020 !important; color: white !important; font: 14px Tahoma; position: absolute; z-index: 10; top: 30px; left: -4px; display: none; border-radius: 0 !important; text-align: left !important; margin-right: 0; }
.ds-if .main-phone, .ds-if i {font-size: 18px;
    color: #2f9851;
    text-decoration: none;
    border-bottom: 2px dashed #555;
    transition: 150ms;}

@media (max-width: 540px) { .right-inner .ard-wrap-del .bl-hidden.display div p:nth-child(2n) { width: 58%; }
  .right-inner .ard-wrap-del .ard-col-lft p i { top: 100px; }
  .right-inner .ard-wrap-del .ard-col-rght p i { top: 100px; left: 75%; }
  .right-inner .ard-wrap-del .ard-col-rght p i span { left: -220px; } }