@-webkit-keyframes transform-pulse {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1.1, 1.1);
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1.0, 1.0);
    }
}
@-moz-keyframes transform-pulse {
    0% {
        -moz-transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(0deg) scale(1.1, 1.1);
    }
    100% {
        -moz-transform: rotate(0deg) scale(1.0, 1.0);
    }
}
@-o-keyframes transform-pulse {
    0% {
        -o-transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(0deg) scale(1.1, 1.1);
    }
    100% {
        -o-transform: rotate(0deg) scale(1.0, 1.0);
    }
}
@-ms-keyframes transform-pulse {
    0% {
        -ms-transform: rotate(0deg);
    }
    50% {
        -ms-transform: rotate(0deg) scale(1.1, 1.1);
    }
    100% {
        -ms-transform: rotate(0deg) scale(1.0, 1.0);
    }
}
@keyframes transform-pulse {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(0deg) scale(1.1, 1.1);
    }
    100% {
        transform: rotate(0deg) scale(1.0, 1.0);
    }
}


.wrapper
{
    background-repeat: no-repeat;
    background-position: top 200px center;
    -webkit-background-size: cover;
            background-size: cover;
}
.l-wrapper
{
    width: 100%;
    margin: auto;
}
.l-body-overlay
{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;

    visibility: hidden;

    opacity: 0;
    background: rgba(0,0,0,.3);
}
.l-body-overlay.active
{
    z-index: 80;
    bottom: 0;

    visibility: visible;

    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    opacity: 1;
}
.l-body-overlay.modal-active
{
    z-index: 300;
    bottom: 0;

    visibility: visible;

    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    opacity: 1;
}

.c-promo h2 {font-size:56px; line-height: 62px}
.c-promo h2 strong
{
    color: #4885ed;
}

.c-promo p.trans {
   
    -webkit-animation: transform-pulse 2500ms linear 0ms infinite normal;
    -moz-animation: transform-pulse 2500ms linear 0ms infinite normal;
    animation: transform-pulse 2500ms linear 0ms infinite normal;}


.c-promo p span {
    font-size:64px;
    font-weight: bold;
    text-transform: uppercase;
  }

.google-r { 
    color:#db3236; 
}
.google-y { 
    color:#f4c20d; 
}
.google-g { 
    color:#3cba54; 
}


   
}
@media (min-width: 768px)
{
    .l-body-wrapper
    {
        background-image: url('../img/bg-768.jpg');
    }
   
}
@media (min-width: 992px)
{
    .l-body-wrapper
    {
        background-image: url('../img/bg-seo.jpg');
    }
   
}

.c-button
{
    display: inline-block;
    overflow: visible;

    margin: 0;
    padding: 0;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
    text-decoration: none;

    border: 0;
    outline: none;
    outline: 0;
    background: 0 0;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    box-sizing: inherit !important;
    -webkit-box-sizing: inherit !important; 
    -moz-box-sizing: inherit !important;
}

:after, :before {    box-sizing: inherit !important;
    -webkit-box-sizing: inherit !important; 
    -moz-box-sizing: inherit !important;}


.c-button span
{
    font-size: 20px;
    line-height: 40px;

    position: relative;

    display: inline-block;

    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 40px;
    padding-right: 15px;
    padding-left: 15px;

    cursor: pointer;
    text-align: center;

    color: #000;
    border: 3px solid #ffde00;
    border-right: 0;
}
.c-button span:before,
.c-button span:after
{
    position: absolute;

    display: inline-block;

    width: 10px;
    height: 20px;

    content: '';

    border-right: 4px solid #ffde00;
}
.c-button span:before
{
    top: -3px;
    right: -7px;

    -webkit-transform: skewX(30deg);
        -ms-transform: skewX(30deg);
            transform: skewX(30deg);

    border-top: 3px solid #ffde00;
}
.c-button span:after
{
    right: -7px;
    bottom: -3px;

    -webkit-transform: skewX(-30deg);
        -ms-transform: skewX(-30deg);
            transform: skewX(-30deg);

    border-bottom: 3px solid #ffde00;
}
.c-button span:hover
{
    border-color: #ffde00;
    background-color: #ffde00;
}
.c-button span:hover:before,
.c-button span:hover:after
{
    border-color: #ffde00;
    background-color: #ffde00;
}
.c-button__color_black span
{
    border-color: #000;
}
.c-button__color_black span:before,
.c-button__color_black span:after
{
    border-color: #000;
}
.c-button__color_black span:hover
{
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.c-button__color_black span:hover:before,
.c-button__color_black span:hover:after
{
    border-color: #000;
    background-color: #000;
}
.c-button__3d span
{
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;

    height: auto;
    padding: 8px 18px;

    text-align: center;

    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: #ffd900;
    -webkit-box-shadow: 0 3px 0 0 #d9bd00;
            box-shadow: 0 3px 0 0 #d9bd00;
}
.c-button__3d span:hover
{
    background-color: #ffe616;
}
.c-button__3d span:before,
.c-button__3d span:after
{
    display: none;
}
.c-button__simple span
{
    font-size: 15px;
    line-height: 15px;

    height: auto;
    padding: 8px 18px;

    text-align: center;

    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: #ffd71d;
}
.c-button__simple span:hover
{
    background-color: #ffe616;
}
.c-button__simple span:before,
.c-button__simple span:after
{
    display: none;
}
.c-button__link
{
    display: block;
}
.c-button__link span
{
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;

    display: block;

    height: auto;
    padding: 12px 24px;

    text-align: center;
    white-space: normal;
    text-transform: uppercase;

    border: 4px solid #ffe616;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    background: transparent;
}
.c-button__link span:hover
{
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.c-button__link span:before,
.c-button__link span:after
{
    display: none;
}
.c-menu-mobile
{
    line-height: 64px;

    position: relative;

    display: inline-block;

    height: 64px;
    margin-right: 20px;

    vertical-align: top;
}
.c-menu-mobile__call
{
    position: relative;

    display: inline-block;

    width: auto;
    height: 64px;

    cursor: pointer;
}
.c-menu-mobile__call.active .c-menu-mobile__open
{
    display: none;
}
.c-menu-mobile__call.active .c-menu-mobile__close
{
    display: block;
}
.c-menu-mobile__call.active:before
{
    position: absolute;
    top: 100%;
    left: 50%;

    display: inline-block;

    width: 0;
    height: 0;
    margin-left: -16px;

    content: '';
    pointer-events: none;

    border: solid transparent;
    border-width: 16px;
    border-top-color: #ffde00;
}
.c-menu-mobile__close
{
    font-size: 34px;
    line-height: 70px;

    display: none;
}
.c-menu-mobile__close:before
{
    margin: 0;
    margin-top: 2px;
}
.c-menu-mobile__open
{
    font-size: 34px;
    line-height: 70px;
}
.c-menu-mobile__open:before
{
    margin: 0;
    margin-top: 2px;
}
.c-menu-mobile__popup
{
    position: absolute;
    z-index: 150;
    top: 144px;
    left: 0;

    visibility: hidden;

    min-width: 260px;
    padding: 30px;

    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    opacity: 0;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 13px 0 rgba(25,22,20,.13);
            box-shadow: 0 3px 13px 0 rgba(25,22,20,.13);
}
.c-menu-mobile__popup li
{
    line-height: 1.4;

    margin: 0;
    padding: 0;

    list-style-type: none;

    outline: none;
}
.c-menu-mobile__popup li a
{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;

    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;

    color: #000;
    outline: none;
}
.c-menu-mobile__popup li a:hover
{
    color: #e62424;
}
.c-menu-mobile__popup li.active a
{
    color: #e62424;
}
.c-menu-mobile__popup.active
{
    top: 94px;

    visibility: visible;

    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    opacity: 1;
}
.c-menu-mobile__button
{
    margin-top: 20px;
}
.c-menu-mobile__card
{
    margin-top: 30px;
}
.c-card
{
    font-weight: bold;
    line-height: 1.2;
}
.c-card__phone
{
    font-size: 20px;

    text-decoration: none;

    color: #000;
    outline: none;
}
.c-card__work
{
    font-size: 14px;
}
.c-menu
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    height: 64px;

    background-color: #ffde00;
    -webkit-box-shadow: 0 3px 16px 0 rgba(25,22,20,.13);
            box-shadow: 0 3px 16px 0 rgba(25,22,20,.13);
}
.c-menu__wrapper
{
    text-align: left;
    vertical-align: top;
}
.c-menu__wrapper:after
{
    display: table;
    clear: both;

    content: '';
}
.c-menu__logo
{
    font-size: 0;
    line-height: 0;

    display: inline-block;

    height: 64px;
    margin-right: 50px;

    vertical-align: top;

    outline: none;
}
.c-menu__logo img
{
    margin-top: 18px;
}
.c-menu__card
{
    display: none;

    padding-top: 11px;

    vertical-align: top;
}
.c-menu__nav
{
    display: none;
    float: right;

    vertical-align: top;
}
.c-menu__nav a
{
    font-size: 14px;
    font-weight: bold;

    padding-right: 10px;
    padding-left: 10px;

    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;

    color: #000;
    outline: none;
}
.c-menu__nav a:hover
{
    color: #e62424;
}
.c-menu__nav li
{
    line-height: 64px;

    display: inline-block;

    height: 64px;
}
.c-menu__nav li.active
{
    border-bottom: 2px solid #000;
}
.c-menu__nav li.active a
{
    color: #000;
}
.c-menu__call
{
    display: none;
    float: right;

    margin-top: 8.5px;
    margin-left: 20px;

    vertical-align: top;
}
@media (min-width: 576px)
{
    
    
    .c-menu__call
    {
        display: inline-block;
    }
}
@media (min-width: 768px)
{
    .c-menu__card
    {
        display: inline-block;
    }
}
@media (min-width: 992px)
{
    .c-menu__nav
    {
        display: inline-block;
    }
    .c-menu__mobile
    {
        display: none;
    }
}
@media (min-width: 1200px)
{
    .c-menu__nav
    {
        display: inline-block;
    }
}
.c-promo
{
    text-align: center;
}
.c-promo h2
{
    font-size: 56px;
    font-weight: bold;
    line-height: 1.2;

    margin-bottom: 30px;
}
.c-promo h2 b
{
    color: #db3236;
    display: inline-block
}




.c-promo p
{
    font-size: 20px;
    line-height: 1.4;

    margin-bottom: 30px;
}
.c-promo__img
{
    overflow: hidden;

    max-width: 1200px;
    height: 300px;
    margin: auto;

    background: url('../img/promo.png') center no-repeat;
    -webkit-background-size: 700px 700px;
            background-size: 700px;
}
.c-promo__button
{
    margin-top: 220px;
}
@media (min-width: 576px)
{
    .c-promo__img
    {
        height: 500px;

        -webkit-background-size: 1100px 1100px;
                background-size: 1100px;
    }
    .c-promo__button
    {
        margin-top: 170px;
    }
    .c-promo h1
    {
        font-size: 52px;
    }
    .c-promo p
    {
        font-size: 28px;
    }
}
@media (min-width: 1024px)
{
    .c-promo h1
    {
        font-size: 64px;
    }
}
.c-services
{
    margin-top: 30px;

    text-align: center;
}
.c-services__list
{
    text-align: center;
}
@media (min-width: 450px)
{
    
       
    .c-services__list
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        margin: 0;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
                justify-content: center;
    }
}
@media (min-width: 768px)
{
    .c-services__list
    {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
.c-caption
{
    text-align: center;
}
.c-caption h2
{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;

    margin-bottom: 30px;
}
h3 b
{
    color: #e62424;
}
.c-caption p
{
    font-size: 20px;
    line-height: 1.4;

    margin-bottom: 30px;
}
.c-caption__size-small h2
{
    font-size: 24px;

    margin-bottom: 10px;
}
.c-caption__size-small p
{
    font-size: 14px;
}
@media (min-width: 768px)
{
    

    
    .c-caption h2
    {
        font-size: 36px;
    }
    .c-caption p
    {
        font-size: 22px;
    }
    .c-caption__size-small h2
    {
        font-size: 28px;
    }
    .c-caption__size-small p
    {
        font-size: 14px;
    }
}
@media (min-width: 990px)
{
    .c-caption h2
    {
        font-size: 36px;
    }
    .c-caption p
    {
        font-size: 22px;
    }
    .c-caption__size-small h2
    {
        font-size: 30px;
    }
    .c-caption__size-small p
    {
        font-size: 16px;
    }
}
.c-service
{
    position: relative;
    z-index: 20;

    display: inline-block;

    max-width: 440px;
    margin-bottom: 30px;

    vertical-align: top;
}
.c-service__head
{
    position: relative;

    padding: 30px;

    background: #ffd900;
    background: -webkit-linear-gradient(top, #ffd900 0%, #fff000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd900), to(#fff000));
    background:      -o-linear-gradient(top, #ffd900 0%, #fff000 100%);
    background:         linear-gradient(to bottom, #ffd900 0%, #fff000 100%);

    filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffd900\', endColorstr=\'#fff000\',GradientType=0 )';
}
.c-service__head:before,
.c-service__head:after
{
    position: absolute;
    bottom: -20px;

    overflow: hidden;

    width: 50%;
    height: 40px;

    content: '';

    background: #fff;
}
.c-service__head:before
{
    left: 0;

    -webkit-transform: skewY(10deg);
        -ms-transform: skewY(10deg);
            transform: skewY(10deg);
}
.c-service__head:after
{
    right: 0;

    -webkit-transform: skewY(-10deg);
        -ms-transform: skewY(-10deg);
            transform: skewY(-10deg);
}
.c-service__body
{
    padding-bottom: 40px;

    background-color: #fff;
    -webkit-box-shadow: 0 3px 16px 0 rgba(25,22,20,.13);
            box-shadow: 0 3px 16px 0 rgba(25,22,20,.13);
}
.c-service:hover .c-service__head
{
    background: -webkit-linear-gradient(top, #ffd900 0%, #e0be00 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd900), to(#e0be00));
    background:      -o-linear-gradient(top, #ffd900 0%, #e0be00 100%);
    background:         linear-gradient(to bottom, #ffd900 0%, #e0be00 100%);
}
.c-service:hover .c-service__body
{
    -webkit-box-shadow: 0 3px 29px 0 rgba(25,22,20,.3);
            box-shadow: 0 3px 29px 0 rgba(25,22,20,.3);
}
.c-service__wrapper
{
    position: relative;
    z-index: 20;

    text-align: center;
}
.c-service__name
{
    font-family: ProximaNovaBold, sans-serif;
    font-size: 20px;
    font-weight: bold;

    text-transform: uppercase;
}
.c-service__price
{
    font-family: ProximaNovaBold, sans-serif;
    font-size: 34px;
    font-weight: 300;

    margin-top: 20px;
}
.c-service__currency
{
    font-family: ProximaNovaBold, sans-serif;
    font-size: 16px;
    font-weight: 300;

    margin-top: 20px;
}
.c-service__list
{
    padding: 30px;

    text-align: left;
}
.c-service__list ul
{
    list-style-type: none;
}
.c-service__list li
{
    font-size: 16px;
    line-height: 1.2;

    position: relative;

    margin-bottom: 15px;
    padding-left: 40px;
}
.c-service__list li:before
{
    position: absolute;
    top: 5px;
    left: 0;

    display: inline-block;

    width: 8px;
    height: 4px;

    content: '';
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);

    border-bottom: 2px solid #000;
    border-left: 2px solid #000;
}
.c-service__list li b
{
    font-weight: bold;
}
.c-service__desc
{
    font-size: 14px;
    font-style: italic;
    line-height: 1.4;

    padding: 30px;

    text-align: left;

    color: #555;
}
.c-service__desc b
{
    font-weight: bold;

    color: #000;
}
.c-service__desc i
{
    font-weight: bold;

    color: #ff2c35;
}
.c-service__other
{
    font-size: 14px;
}
.c-service__other b
{
    font-weight: bold;

    color: #000;
}
@media (min-width: 660px)
{
    .c-service
    {
        max-width: 320px;
    }
}
@media (min-width: 990px)
{
    .c-service
    {
        width: 32%;
    }
}
.c-portfolio
{
    margin-top: 30px;

    text-align: center;
}
.c-portfolio__wrap
{
    position: relative;

    padding-right: 0;
    padding-left: 0;
}
.c-portfolio__list
{
    -webkit-box-shadow: 0 3px 16px 0 rgba(25,22,20,.13);
            box-shadow: 0 3px 16px 0 rgba(25,22,20,.13);
}
.c-portfolio__list-next,
.c-portfolio__list-prev
{
    position: absolute;
    z-index: 50;
    top: 50%;

    display: inline-block;

    width: 26px;
    height: 26px;
    margin-top: -15px;

    -webkit-border-radius: 4px;
            border-radius: 4px;
}
.c-portfolio__list-next:hover,
.c-portfolio__list-prev:hover,
.c-portfolio__list-next:active,
.c-portfolio__list-prev:active
{
    cursor: pointer;

    border-color: #000;
}
.c-portfolio__list-next
{
    right: 8px;

    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);

    border-right: 4px solid #ffd71d;
    border-bottom: 4px solid #ffd71d;
}
.c-portfolio__list-prev
{
    left: 8px;

    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border-bottom: 4px solid #ffd71d;
    border-left: 4px solid #ffd71d;
}
.c-portfolio__list-bullets
{
    margin-top: 20px;

    text-align: center;
}
.c-portfolio__list-bullets span
{
    display: inline-block;

    width: 8px;
    height: 8px;
    margin: 5px;

    -webkit-border-radius: 4px;
            border-radius: 4px;
    background-color: #000;
}
.c-portfolio__list-bullets span.swiper-pagination-bullet-active
{
    background-color: #ffd71d;
}
@media (min-width: 768px)
{
    .c-portfolio__wrap
    {
        padding-right: 30px;
        padding-left: 30px;
    }
    .c-portfolio__list
    {
        overflow: hidden;
    }
    .c-portfolio__list-next
    {
        right: 0;
    }
    .c-portfolio__list-prev
    {
        left: 0;
    }
}
.c-portfolio-item
{
    text-align: left;

    background-color: #fff;
}
.c-portfolio-item__img
{
    position: relative;
}
.c-portfolio-item__img:before
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: inline-block;

    content: '';

    background-color: rgba(0,0,0,.15);
}
.c-portfolio-item__info
{
    padding: 30px;
}
.c-portfolio-item__info h3
{
    font-size: 26px;
    font-weight: bold;

    text-transform: uppercase;
}
.c-portfolio-item__info hr
{
    margin-top: 30px;

    border: none;
    border-top: 1px solid #ececec;
}
.c-portfolio-item__info p
{
    font-style: italic;
    line-height: 1.4;

    margin-top: 30px;

    color: #898989;
}
.c-portfolio-item__info-price
{
    margin-top: 30px;
}
.c-portfolio-item__info-price label
{
    font-size: 16px;
    font-weight: bold;

    display: block;
}
.c-portfolio-item__info-price b
{
    font-size: 30px;
    font-weight: 100;
    line-height: 1.1;

    display: block;

    margin-top: 10px;

    vertical-align: bottom;
}
.c-portfolio-item__info-price b span
{
    font-size: 16px;
}
.c-portfolio-item__info-button
{
    margin-top: 30px;
}
@media (min-width: 768px)
{
    .c-portfolio-item
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }
    .c-portfolio-item__img,
    .c-portfolio-item__info
    {
        width: 50%;
    }
}
.c-docs
{
    margin-top: 30px;
    padding-bottom: 100px;

    text-align: center;
}
.c-docs__button
{
    max-width: 100%;
    margin-bottom: 30px;

    text-align: center;
}
.c-docs__buttons
{
    text-align: center;
}
@media (min-width: 768px)
{
    .c-docs__buttons
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .c-docs__button
    {
        width: 46%;
    }
}
.c-footer
{
    height: 400px;

    border-top: 4px solid #ffde00;
}
.c-footer__map
{
    height: 100%;
}
.c-footer__contacts
{
    padding: 30px;

    background: #ffde00;
}
.c-footer__contacts h3
{
    font-size: 36px;
    font-weight: bold;
}
.c-footer__contacts ul
{
    margin-top: 20px;
    margin-bottom: 30px;

    list-style-type: none;
}
.c-footer__contacts i
{
    font-size: 22px;

    position: absolute;
    top: 1px;
    left: 0;

    margin-right: 10px;

    color: #000;
}
.c-footer__contacts li
{
    position: relative;

    margin-top: 10px;
    padding-left: 40px;
}
.c-footer__contacts a
{
    cursor: pointer;
    text-decoration: underline;

    color: #000;
}
.c-footer__contacts li,
.c-footer__contacts a
{
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;

    vertical-align: top;
}
.c-footer__contacts p
{
    font-size: 14px;
    line-height: 1.4;

    margin-top: 10px;
}
.c-footer__contacts p a
{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
}
@media (min-width: 768px)
{
    .c-footer
    {
        position: relative;
    }
    .c-footer__contacts
    {
        position: absolute;
        top: 0;
        right: 0;

        width: 50%;
        height: 100%;
    }
}
.c-modal
{
    position: fixed;
    z-index: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;

    visibility: hidden;

    width: 100%;
    padding: 40px 30px 30px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 3px 13px 0 rgba(25,22,20,.13);
            box-shadow: 0 3px 13px 0 rgba(25,22,20,.13);
}
.c-modal.active
{
    z-index: 500;

    visibility: visible;

    opacity: 1;
}
.c-modal__close
{
    position: absolute;
    z-index: 500;
    top: 15px;
    right: 15px;

    width: 30px;
    height: 30px;

    cursor: pointer;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.c-modal__close:before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: inline-block;

    width: 30px;
    height: 2px;
    margin-top: -1px;

    content: '';

    background: rgba(0,0,0,.2);
}
.c-modal__close:after
{
    position: absolute;
    top: 0;
    left: 50%;

    display: inline-block;

    width: 2px;
    height: 30px;
    margin-left: -1px;

    content: '';

    background: rgba(0,0,0,.2);
}
.c-modal__close:hover:before,
.c-modal__close:hover:after
{
    background: rgba(0,0,0,.3);
}
.c-modal__controls
{
    margin-top: 10px;
}
.c-modal__controls label
{
    line-height: 1.4;

    display: block;

    margin-bottom: 5px;
}
.c-modal__controls b
{
    font-weight: bold;
}
.c-modal__controls input
{
    font-size: 17px;
    line-height: 44px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;

    border-width: 1px;
    border-style: solid;
    border-color: #d6d6d6;
    outline: none;
    background-color: #fff;
}
.c-modal__controls-center
{
    text-align: center;
}
.c-modal__button
{
    margin-top: 20px;
}
.c-modal .hidden
{
    display: none;
}
@media (min-width: 576px)
{
    .c-modal
    {
        width: 400px;
    }
}

/*List Style One*/

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	
display: flex;
	margin:25px 0;
	line-height:1.6em;

}
ul.list-style-one {padding: 0}
.list-style-one li:before{
content:''; 
display:inline-block; 
height:64px; 
width:64px; 
background-image:url('../img/target.svg'); 
background-size:contain; 
background-repeat:no-repeat; 
    left:-30px;
        top:6px;
    position: relative

}

.list-style-one li:after{display: none}


.business-section {
    position: relative;
    padding: 80px 0px 20px;
}
.business-section.alternate {
    padding-bottom: 80px;
}
.business-section .image-column {
    position: relative;
    margin-bottom: 40px;
}
.business-section .image-column .image {
    position: relative;
}
.business-section .image-column .image img {
    position: relative;
    width: 100%;
    display: block;
}
.business-section .content-column {
    position: relative;
}
.business-section .content-column .inner-content {
    position: relative;
    padding-left: 50px;
}
.business-section h3 {
font-size: 48px;
    line-height: 54px;
    font-weight: 400;
   
}
.business-section .content-column .dark-text {
    position: relative;
    color: #13192d;
    font-size: 28px;
    line-height: 1.6em;
    margin-bottom: 25px;
    text-align: left;
}

.business-section ul li{
text-align: left;
	font-size:20px;
}


.counter-section {
    position: relative;
}


.counter-section .image-column {
    position: relative;
 
    
    padding-top: 0px;
}
.counter-section .image-column .image-outer {
    position: relative;
    top: 0;
    padding-right: 30px;
    text-align: right;
}
.counter-section .image-column .image-outer .image img.result {
    position: absolute;
    right: 0px;
    top: 0px;
    max-width: none;
    display: inline-block;
}



.counter-section .image-column .image-outer .image {
    position: relative;
}
.counter-section .content-column {
    position: relative;
   
    
    padding-top: 100px;
}
.counter-section .content-column .content-inner {
    position: relative;
    max-width: 600px;
    width: 100%;
    padding-bottom: 100px;
    padding-left: 30px;
}
.counter-section .content-column .content-inner .title {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;

    line-height: 26px;
   
}


.counter-section .content-column .content-inner h3 {
    position: relative;
    font-size: 42px;
    line-height: 1.2em;
    margin-bottom: 50px;
    
    font-weight: bold;
   
}
.counter-section .content-column .content-inner .learn-more {
    position: relative;
   
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #ffffff;
    
}

div.c-service__list > p {font-size:18px; line-height: 22px;}
.c-caption h4 {font-size: 180%;
    line-height: 150%;
    background-color: rgb(255, 255, 255, 0.6);
    padding: 20px;
    font-weight: 400;}

.c-caption h4 b {display: block; color:#e62424}


@media (max-width: 575px) {
    
    .counter-section .content-column {
       padding-top: 30px;
}
    
    .counter-section .content-column .content-inner {
    padding-bottom: 30px;
    padding-left: 0;
}
    
    body .container {padding-left: 16px; padding-right: 16px;}
    
      .c-promo h2, .counter-section .content-column .content-inner h3 {
    font-size: 36px;
    line-height: 1.2;
    }
    
.c-caption h4 {
    font-size: 24px;
    line-height: 1.2;
    }
    
    .c-promo {
    padding-top: 14px;
    }
    
    .c-promo p span {
    font-size: 40px;
    }
    
    body > div.content-wrapper.l-body-wrapper > div:nth-child(1) > div > div > section > div > div > h2{
        
    padding: 6px;
    font-size: 20px;
    }
    
    .business-section {
 
    padding: 30px 0px 20px;
}
    
    .image-column {display: none}
    .counter-section .content-column {width: 100%}
    
    
}

.yandexdir .logo .logo-text .logo-sub-title {color:#000;}

.yandexdir header {background-color: #ffde00;
    -webkit-box-shadow: 0 3px 16px 0 rgba(25,22,20,.13);
    box-shadow: 0 3px 16px 0 rgba(25,22,20,.13);
}
.yandexdir #primary-menu > ul > li > a {color:#000; font-weight: 700}

.yandexdir .btn--dark:hover {
    background-color: #f15b26;
    color:#fff;
}

.yandexdir > div.container-fluid.bg-green-color {padding-top: 20px}