/*Common styles*/
body
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #333;
    position: relative;
}

.container
{
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding: 0 15px;
}

@media screen and (min-width: 1440px)
{
    .container
    {
        padding: 0;
    }
}

button
{
    border: none;
}

.social div
{
    margin-bottom: 10px;
}

.social a
{
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    padding-top: 6px;
    text-align: center;
    border: 1px solid #ffffff9e;
    border-radius: 50%;
    background: transparent;
}

.footer-wrap .social a:hover
{
    -webkit-animation: pulse 1s;
            animation: pulse 1s;

    -webkit-box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.social a:hover svg
{
    fill: #2c7cd5;
}

.social svg
{
    width: 25px;
    height: 23px;
    fill: #fff;
    display: inline-block;
}

@-webkit-keyframes pulse
{
    0%
    {
        -webkit-box-shadow: 0 0 0 0 #2c7cd5;
                box-shadow: 0 0 0 0 #2c7cd5;
    }
}

@keyframes pulse
{
    0%
    {
        -webkit-box-shadow: 0 0 0 0 #2c7cd5;
                box-shadow: 0 0 0 0 #2c7cd5;
    }
}

.tm
{
    display: inline-block;
    overflow: hidden;

    width: 60px;
    height: 60px;
    padding-top: 13px;

    text-align: center;

    border: 1px solid #007ebd;
    border-radius: 50%;
    background: #007ebd;
}

.tm:hover svg
{
    opacity: .6;
}

.tm svg
{
    width: 28px;
}

.title
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 33px;
    font-weight: 600;
    display: block;
    padding-left: 70px;
}

.title span
{
    font-weight: 400;
}

@media screen and (min-width: 500px)
{
    .title
    {
        display: inline-block;
        margin-top: 0px;
    }
}

@media screen and (min-width: 768px)
{
    .title
    {
        font-size: 56px;
        line-height: 52px;
    }
}

.btn
{
    display: inline-block;
    padding: 3px 15px;
    -webkit-transition: .35s;
    transition: .35s;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    font-weight: 400;
    background: #2c7cd5;
    font-size: 13px;
}

@media screen and (min-width: 768px)
{
    .btn
    {
        padding: 7px 20px;
    }
}

.btn:hover
{
    color: #333;
    -webkit-box-shadow: inset 0 0 0 2em #e2e2e2;
            box-shadow: inset 0 0 0 2em #e2e2e2;
}

.btn-default
{
    -webkit-transition: .25s;
            transition: .25s;

    color: #333;
    background: #e2e2e2;
}

.btn-default:hover
{
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 2em #2c7cd5;
            box-shadow: inset 0 0 0 2em #2c7cd5;
}

.btn-lg
{
    padding: 7px 25px;
}

@media screen and (min-width: 768px)
{
    .btn-lg
    {
        padding: 12px 55px;
        font-size: 13px;
    }
}

.label
{
    font-weight: 300;
    display: inline-block;
    padding: 2px 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    background: #2c7cd5;
}

/*Header*/
.header
{
    position: relative;

    padding-top: 20px;
    padding-bottom: 5px;

    color: #fff;
}

@media screen and (min-width: 768px)
{
    .header
    {
        margin-bottom: 120px;
    }
}

.header .logo
{
    margin-bottom: 10px;

    text-align: center;
}

@media screen and (min-width: 600px)
{
    .header .logo
    {
        position: absolute;
        top: 14px;
        left: 50%;

        margin-bottom: 0;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

@media screen and (min-width: 768px)
{
    .header .logo
    {
        top: 30px;
    }
}

.header .logo img
{
    width: 95px;
    height: auto;
}

@media screen and (min-width: 600px)
{
    .header .logo img
    {
        width: 165px;
    }
}

.header-top
{
    margin-bottom: 17px;
}

.header-top--left
{
    float: left;
    min-width: 150px;
}

.header-top .town
{
    display: none;

    margin-bottom: 15px;
}

@media screen and (min-width: 330px)
{
    .header-top .town
    {
        display: block;
    }
}

.header-top .phone
{
    display: inline-block;
    float: right;
    padding: 2px 2px 0;
    position: relative;
    text-align: center;
    background: transparent;
}

@media screen and (min-width: 600px)
{
    .header-top .phone:hover
    {
        -webkit-transition: all .55s;
        transition: all .55s;
    }
}

.header-top .phone span
{
    display: block;
    text-align: right;
    line-height: 26px;
}

.header-top .phone-number
{
    font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 20px;
    line-height: 14px;
}

@media screen and (min-width: 600px)
{
    .header-top .phone-number
    {
        font-size: 28px;
    }
}

.header-top .phone-text
{
    font-size: 12px;
}

@media screen and (min-width: 600px)
{
    .header-top .phone-text
    {
        font-size: 15px;
        line-height: 20px;
        color: #bebebe;
    }
}

.header-nav
{
    display: none;
}

@media screen and (min-width: 768px)
{
    .header-nav
    {
        display: block;
    }
}

.header-menu li
{
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    text-transform: uppercase;
}

.header-menu li:hover > a::before
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

@media screen and (min-width: 1190px)
{
    .header-menu li
    {
        font-size: 13px;
    }
}

.header-menu a
{
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-weight: 600;
    font-size: 14px;
}

@media screen and (min-width: 768px)
{
    .header-menu a::before
    {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3px;
        content: '';
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property:         transform;
        transition-property:         transform, -webkit-transform;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        background: #2c7cd5;
    }
}

.header-menu--left
{
    float: left;
}

.header-menu--left > li:not(:last-child)
{
    margin-right: 20px;
}

@media screen and (min-width: 1190px)
{
    .header-menu--left > li:not(:last-child)
    {
        margin-right: 50px;
    }
}

@media screen and (min-width: 1300px)
{
    .header-menu--left > li:not(:last-child)
    {
        margin-right: 70px;
    }
}

.header-menu--right
{
    float: right;
}

.header-menu--right > li:not(:last-child)
{
    margin-right: 25px;
}

@media screen and (min-width: 1190px)
{
    .header-menu--right > li:not(:last-child)
    {
        margin-right: 35px;
    }
}

@media screen and (min-width: 1300px)
{
    .header-menu--right > li:not(:last-child)
    {
        margin-right: 70px;
    }
}

.sticky
{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 45px;
    height: 0px;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    color: #fff;
    background: rgba(62, 69, 76, 0.8);
}

.sticky-menu li
{
    font-size: 12px;
    font-weight: 500;

    float: left;

    width: calc(100% / 7);

    text-align: center;
    text-transform: uppercase;
}

.sticky-menu li:hover > a::before
{
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

@media screen and (min-width: 1190px)
{
    .sticky-menu li
    {
        font-size: 14px;
    }
}

.sticky-menu a
{
    position: relative;

    display: inline-block;
    overflow: hidden;
}

@media screen and (min-width: 768px)
{
    .sticky-menu a::before
    {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        left: 0;

        height: 4px;

        content: '';
        -webkit-transition-timing-function: ease-out;
                transition-timing-function: ease-out;
        -webkit-transition-duration: .3s;
                transition-duration: .3s;
        -webkit-transition-property: -webkit-transform;
                transition-property: -webkit-transform;
                transition-property:         transform;
                transition-property:         transform, -webkit-transform;
        -webkit-transform: translateY(5px);
                transform: translateY(5px);

        background: #2c7cd5;
    }
}

.sticky-active
{
    height: 55px;
    padding-top: 10px;
    -webkit-transition: all .55s;
    transition: all .55s;
    opacity: 1;
    overflow: visible;
    padding-top: 17px;
}

.logo
{
    margin: 0;
}

.town
{
    position: relative;
    display: block;
    max-width: 150px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 15px;
    color: #ddd;
    background: transparent;
}

@media screen and (min-width: 600px)
{
    .town
    {
        width: 150px;
    }
}

.town:hover
{
    -webkit-transition: all .35s;
    transition: all .35s;
    border-color: rgb(35, 40, 44);
    background: rgb(35, 40, 44);
    border-radius: 15px 15px 0px 0px;
    color: #fff;
}

.town:hover .town-dropdown
{
    display: block;
    -webkit-transition: all .35s;
    transition: all .35s;
    padding-bottom: 10px;
}

.town:hover span::after
{
    -webkit-transition: all .35s;
            transition: all .35s;
    -webkit-transform: rotate(0);
            transform: rotate(0);
}

.town span
{
    font-size: 12px;
    position: relative;
    display: block;
    padding: 5px 25px 5px 5px;
}

@media screen and (min-width: 600px)
{
    .town span
    {
        padding: 1px 5px 1px 15px;
    }
}

.town span::after
{
    position: absolute;
    top: 15px;
    right: 9px;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-width: 0 4.5px 7px 4.5px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
}

@media screen and (min-width: 600px)
{
    .town span::after
    {
        top: 10px;
        right: 15px;
    }
}

.town-dropdown
{
    position: absolute;
    z-index: 200;
    left: -1px;
    display: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    width: 100%;
    margin-top: 1px;
    border: 1px solid rgb(35, 40, 44);
    background: rgb(35, 40, 44);
}

.town-dropdown ul
{
    width: 100%;
}

.town-dropdown ul li
{
    font-size: 12px;
    line-height: 18px;

    padding-left: 15px;
}

.town-dropdown ul li:hover
{
    color: #2c7cd5;
}

.town-dropdown ul a
{
    display: block;
    padding-bottom: 3px;
    padding-top: 3px;
}

.dropdown
{
    position: relative;
}

.dropdown::before,
.dropdown::after
{
    position: absolute;
    z-index: 20;
    top: 11px;
    right: 20px;

    width: 8px;
    height: 1px;

    content: '';

    border-top: 1px solid #fff;
}

@media screen and (min-width: 768px)
{
    .dropdown::before,
    .dropdown::after
    {
        right: -11px;
    }
}

@media screen and (min-width: 1190px)
{
    .dropdown::before,
    .dropdown::after
    {
        right: -14px;
        width: 7px;
    }
}

.dropdown::before
{
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.dropdown::after
{
    right: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (min-width: 768px)
{
    .dropdown::after
    {
        right: -17px;
    }
}

@media screen and (min-width: 1190px)
{
    .dropdown::after
    {
        right: -19px;
    }
}

.dropdown:hover::before
{
    -webkit-transition: -webkit-transform .25s ease-in;
            transition: -webkit-transform .25s ease-in;
            transition:         transform .25s ease-in;
            transition:         transform .25s ease-in, -webkit-transform .25s ease-in;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.dropdown:hover::after
{
    right: 15px;

    -webkit-transition: -webkit-transform .25s ease-in;
            transition: -webkit-transform .25s ease-in;
            transition:         transform .25s ease-in;
            transition:         transform .25s ease-in, -webkit-transform .25s ease-in;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

@media screen and (min-width: 768px)
{
    .dropdown:hover::after
    {
        right: -15px;
    }
}

@media screen and (min-width: 1190px)
{
    .dropdown:hover::after
    {
        right: -19px;
    }
}

.dropdown:hover ul
{
    max-height: 500px;
    -webkit-transition: max-height .55s ease-in;
    transition: max-height .55s ease-in;
}

.dropdown ul
{
    min-width: 200px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    background: #17335a;
    z-index: 1003;
}

@media screen and (min-width: 768px)
{
    .dropdown ul
    {
        position: absolute;
        background: rgba(0, 0, 0, 0.68);
    }
}

.dropdown ul li
{
    line-height: 20px;

    display: block;

    padding-left: 10px;
}

.dropdown ul li:first-child
{
    padding-top: 7px;
}

.slide-menu-open  span
{
    position: relative;

    display: block;

    width: 30px;
    height: 30px;
    margin-top: 5px;
}

.slide-menu-open  span::before,
.slide-menu-open  span::after
{
    content: '';
}

.slide-menu-open  span::before,
.slide-menu-open  span::after,
.slide-menu-open span
{
    position: absolute;
    left: 0;
    width: 28px;
    height: 2px;
    background: #fff;
}

.slide-menu-open span::before
{
    top: 7px;
}

.slide-menu-open  span::after
{
    top: 14px;
}

.slide-menu-open span
{
    top: 8px;
}

@media screen and (min-width: 330px)
{
    .slide-menu-open
    {
        margin-top: 0;
    }
}

@media screen and (min-width: 768px)
{
    .slide-menu-open
    {
        display: none;
    }
}

.menu-close
{
    font-size: 44px;
    font-weight: 300;
    position: absolute;
    padding-left: 20px;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    padding-top: 6px;
    text-align: center;
    opacity: .8;
    color: #fff;
}

.side-menu-wrapper
{
    position: fixed;
    z-index: 50000;
    top: 0;
    left: -320px;
    overflow: auto;
    width: 300px;
    height: 100%;
    padding: 10px 10px 0 10px;
    padding-bottom: 20px;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff;
    background: #2c7cd5;
}

.side-menu-wrapper .side-menu-content
{
    width: 100%;
    margin-top: 60px;
    padding-bottom: 20px;
}

.side-menu-wrapper .side-menu-content .header-menu li
{
    display: block;
}

.side-menu-wrapper .side-menu-content .header-menu li a
{
    display: block;

    padding: 7px 0;
    padding-left: 20px;
}

.side-menu-wrapper .side-menu-content .header-menu li:hover > a
{
    background: #ffffff29;
    color: #fff;
}

@media screen and (min-width: 768px)
{
    .side-menu-wrapper
    {
        display: none;
    }
}

/*Promo*/
.promo
{
    display: none;
}

@media screen and (min-width: 768px)
{
    .promo
    {
        display: block;
    }
}

.promo-wrap
{
    color: #fff;
    background: url(../img/promo-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    height: 100vh;
    min-height: 700px;
}

@media screen and (min-width: 768px)
{
    .promo-wrap
    {
    }
}

.promo-title
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 68px;
    line-height: 61px;
    display: inline-block;
    float: left;
    margin: 10px 0;
}

.promo-title span
{
    font-size: 52px;
}

@media screen and (min-width: 768px)
{
    .promo-top
    {
        margin-bottom: 75px;
    }
}

.promo-top .social
{
    float: right;
    position: absolute;
    right: 15px;
}

.promo-statistics
{
    display: inline-block;
    float: right;
    margin-bottom: 120px;
}

.promo-statistics--item
{
    display: inline-block;

    margin-right: 75px;
}

.promo-statistics--item p
{
    font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 60px;
    font-weight: 300;
    line-height: 62px;
    display: inline-block;
    margin: 0;
}

.promo-statistics--item small
{
    font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-left: 10px;
}

.promo-statistics--item span
{
    display: block;
    font-weight: 300;
    color: #e4e4e4;
}

.promo-down
{
    text-align: center;
    top: -30px;
    position: relative;
}

.promo-down .tm
{
    float: right;
}

.promo-arrowDown
{
    display: inline-block;
    width: 61px;
    height: 61px;
    margin-top: 20px;
    padding-top: 7px;
    text-align: center;
    border: 4px solid #fff;
    border-radius: 50%;
    background: transparent;
}

.promo-arrowDown svg
{
    width: 35px;

    fill: #fff;
}

.promo-arrowDown:hover
{
    -webkit-transition: all .35s;
            transition: all .35s;

    border-color: #2c7cd5;
}

.promo-arrowDown:hover svg
{
    -webkit-transition: all .35s;
            transition: all .35s;

    fill: #2c7cd5;
}

/*Tabs*/
.tab
{
    padding-top: 30px;
}

.tab-wrap
{
    padding: 10px 0 20px;
    background: #fff;
    padding-top: 20px;
}

.tab-wrap .title
{
    margin-bottom: 20px;
}

@media screen and (min-width: 500px)
{
    .tab-wrap .title
    {
        float: left;

        margin-bottom: 0;
    }
}

.tab-wrap .btn
{
    margin-bottom: 20px;
}

@media screen and (min-width: 500px)
{
    .tab-wrap .btn
    {
        float: right;

        margin-top: 30px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px)
{
    .tab-wrap .btn
    {
        margin-top: 80px;
    }
}

.tab-menu li
{
    display: block;
    text-align: center;
}

@media screen and (min-width: 600px)
{
    .tab-menu li
    {
        width: 50%;
    }
}

@media screen and (min-width: 750px)
{
    .tab-menu li
    {
        display: inline-block;

        width: 24.5%;
    }
    .tab-menu li:not(:last-child) a
    {
        margin-right: 3px;
    }
}

.tab-menu li.ui-tabs-active a
{
    background: #f0f1f2;
}

@media screen and (min-width: 1300px)
{
    .tab-menu li
    {
        width: 25%;
        display: block;
        float: left;
    }
}

.tab-menu a
{
    display: block;

    padding: 10px;

    border-radius: 10px;
    background-color: rgba(240, 241, 242, .4);
}

@media screen and (min-width: 750px)
{
    .tab-menu a
    {
        height: 128px;
        padding-top: 20px;
        border-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        font-size: 16px;
        font-weight: 400;
    }
}

.tab-menu img
{
    display: none;
    margin-bottom: 5px !important;
}

@media screen and (min-width: 750px)
{
    .tab-menu img
    {
        display: block;

        margin: auto;
    }
}

.tab-item
{
    color: #fff;
}

.tab-item-wrap .tab-item
{
    padding: 135px 0 130px;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important;
}

.tab-item--image
{
    margin-bottom: 20px;

    text-align: center;
}

@media screen and (min-width: 1170px)
{
    .tab-item--image
    {
        float: left;

        width: 45%;
        margin-bottom: 0;
    }
}

.tab-item--image img
{
    display: block;

    width: 100%;
    height: auto;
    margin: auto;
}

@media screen and (min-width: 600px)
{
    .tab-item--image img
    {
        width: auto;
    }
}

.tab-item--content
{
    width: 100%;
    margin: auto;
}

@media screen and (min-width: 750px)
{
    .tab-item--content
    {
        width: 80%;
    }
}

@media screen and (min-width: 1190px)
{
    .tab-item--content
    {
        float: left;

        width: 50%;
    }
}

.tab-item--content p
{
    font-size: 15px;
    line-height: 20px;
}

.tab-item--title
{
    font-size: 24px;

    margin: 0;
    margin-bottom: 25px;
}

@media screen and (min-width: 750px)
{
    .tab-item--title
    {
        font-size: 36px;
    }
}

.tab-item--link
{
    position: relative;
    display: inline-block;
    color: #2c7cd5;
    font-weight: 600;
}

.tab-item--link::before
{
    position: absolute;
    top: 7px;
    right: -25px;
    width: 15px;
    height: 11px;
    content: '';
    background: url(../images/arrow-tab2.png) 0px -20px no-repeat;
}

.tab-item--link:hover::before
{
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition:         transform .35s;
    transition:         transform .35s, -webkit-transform .35s;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

/*Product*/
.product-wrap
{
    padding: 10px 0 30px;

    background: #fff;
}

.product-card
{
    position: relative;
    width: auto;
    max-width: 348px;
    margin: auto;
    padding: 20px 15px 20px 15px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 15px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: white;
}

.product-card:hover
{
    border-color: #2c7cd5;
}

.product-card:hover .product-card--title
{
    -webkit-transition: all .25s;
            transition: all .25s;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);

    color: #2c7cd5;
}

.product-card:hover .product-card--size
{
    -webkit-transition: all .25s;
            transition: all .25s;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
}

.product-card:hover img
{
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-transform: translateY(-15px);
}
.product-card  img{
    -webkit-transition: all .45s;
    transition: all .45s;
    height: 132px;
    max-width: 100%;
    width: auto;
    }
.product-card:hover .btn-default
{
    -webkit-transition: all .35s;
            transition: all .35s;

    color: #fff;
    -webkit-box-shadow: inset 0 0 0 2em #2c7cd5;
            box-shadow: inset 0 0 0 2em #2c7cd5;
}

@media screen and (min-width: 750px)
{
    .product-card--wrap
    {
        float: left;

        width: 50%;
    }
}

@media screen and (min-width: 1000px)
{
    .product-card--wrap
    {
        width: 25%;
        margin-right: 0%;
        margin-bottom: 10px;
    }
}

.product-card--title
{
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all .25s;
    transition: all .25s;
    margin-bottom: 20px;
    margin-top: 35px;
    margin-bottom: 0px;
    height: 45px;
    line-height: 20px;
    overflow: hidden;
}

.product-card--size
{
    display: inline-block;
    margin-bottom: 0px;
    padding: 10px 20px;
    border-radius: 18px;
    .product-card: hover
    img;
    background-color: #f5f9fd;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.product-card--size span
{
    font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.product-card--size span:first-child
{
    margin-right: 15px;
}

.product-card--size span small
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.product-card--text
{
    margin: 10px 0 25px;
}

.product-card--text span
{position:relative;
    font-size: 16px;
    font-weight: 600;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}
.product-card--text span i {position:absolute;width: 100%;left: 0px;top: 20px;font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;font-style: normal;font-size: 14px;font-weight: 100;}
.product-card .label
{
    position: absolute;
    top: 10px;
    left: 10px;
}

/*Portfolio*/
.portfolio-wrap
{
    padding: 10px 0 50px;

    background: #f0f1f2;
}

.portfolio-wrap .title
{
    margin-bottom: 20px;
}

@media screen and (min-width: 500px)
{
    .portfolio-wrap .title
    {
        float: left;
    }
}

.portfolio-wrap .btn
{
    margin-bottom: 20px;
}

@media screen and (min-width: 500px)
{
    .portfolio-wrap .btn
    {
        float: right;
        margin-top: 20px;
        margin-bottom: 0;
    }
}

.portfolio-item
{
    position: relative;
    display: block;
    overflow: hidden;
    width: auto;
    max-width: 470px;
    height: 281px;
    margin: auto;
    color: #fff;
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

@media screen and (min-width: 768px)
{
    .portfolio-item:hover
    {
        -webkit-transition: all .55s;
                transition: all .55s;
    }
    .portfolio-item:hover .portfolio-item--content
    {
        -webkit-transition: all .55s;
                transition: all .55s;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    .portfolio-item:hover .portfolio-item--title::before
    {
        width: 140px;

        -webkit-transition: all .55s;
                transition: all .55s;
    }
}

@media screen and (min-width: 1440px)
{
    .portfolio-item
    {
    }
}

.portfolio-item p
{
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding-left: 25px;
    margin-top: -0px;
    padding-right: 25px;
}

@media screen and (min-width: 768px)
{
    .portfolio-item p
    {
        line-height: 21px;
        height: 44px;
        overflow: hidden;
    }
}

@media screen and (min-width: 1300px)
{
    .portfolio-item p
    {
        height: 41px;
        overflow: hidden;
    }
}

.portfolio-item img
{
    display: block;

    width: 100%;
}

.portfolio-item--wrap
{margin-bottom: 10px;}

@media screen and (min-width: 768px)
{
    .portfolio-item--wrap
    {
        float: left;
        width: 49.3%;
    }
}

@media screen and (min-width: 1170px)
{
    .portfolio-item--wrap
    {
        width: 33.33%;
    }
}

@media screen and (min-width: 1440px)
{
    .portfolio-item--wrap
    {
    }
}

.portfolio-item--content
{
    position: absolute;
    z-index: 220;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .45s;
    transition: all .45s;
}

@media screen and (min-width: 768px)
{
    .portfolio-item--content
    {
        -webkit-transform: translateY(95px);
        transform: translateY(95px);
    }
}

@media screen and (min-width: 1300px)
{
    .portfolio-item--content
    {
        -webkit-transform: translateY(90px);
        transform: translateY(90px);
    }
}

.portfolio-item--title
{
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
    margin: 0;
    padding-right: 20px;
    margin-bottom: 20px;
    padding-left: 25px;
}

.portfolio-item--title::before
{
    position: absolute;
    bottom: 0;

    width: 65px;
    height: 1px;

    content: '';

    border-bottom: 1px solid #fff;
}

@media screen and (min-width: 768px)
{
    .portfolio-item--title
    {
        font-size: 23px;
    }
}

.portfolio-item--footer
{
    padding: 5px 25px;
    background: #2c7cd5;
    width: 100%;
    -webkit-transition: all .45s;
    transition: all .45s;
}

.portfolio-item--link
{
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 13px;
}

.portfolio-item--link::before
{
    position: absolute;
    top: 7px;
    right: -25px;

    width: 15px;
    height: 12px;

    content: '';

    background: url(../img/arrow-portfolio.png) no-repeat;
}

.portfolio-item--link:hover::before
{
    -webkit-transition: -webkit-transform .35s;
            transition: -webkit-transform .35s;
            transition:         transform .35s;
            transition:         transform .35s, -webkit-transform .35s;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
}

/*About Us*/
.about_us-wrap
{
    padding: 10px 0 50px;
    background: #fff;
    padding: 50px 0 50px;
}

@media screen and (min-width: 1170px)
{
    .about_us-block
    {
        float: left;

        width: 55%;
    }
}

@media screen and (min-width: 750px)
{
    .about_us-block--image
    {
        float: left;
    }
}

.about_us-block--image img
{
    display: block;
    height: auto;
    margin: auto;
    border-radius: 10px;
}

.about_us-block--content
{
    font-weight: 400;
}

@media screen and (min-width: 750px)
{
    .about_us-block--content
    {
        float: left;

        width: calc(100% - 307px);
        padding-left: 35px;
    }
}

.about_us-block--content ul
{
    padding-left: 10px;
}

.about_us-block--content ul span
{
    font-weight: 600;
}

.about_us-block--content .btn
{
    margin-right: 10px;
    margin-bottom: 10px;
}

@media screen and (min-width: 500px)
{
    .about_us-block--content .btn
    {
        margin-right: 20px;
        padding: 7px 30px;
    }
}

@media screen and (min-width: 1170px)
{
    .about_us-feautures
    {
        float: left;
        width: 45%;
        padding: 15px 75px;
        padding-top: 90px;
    }
}

.about_us-feautures--title
{
    font-size: 18px;
    line-height: 18px;
    margin-top: 0px;
    margin-bottom: 20px;
}

@media screen and (min-width: 500px)
{
    .about_us-feautures--title
    {
        font-size: 22px;
        line-height: 30px;
    }
}

.about_us-feautures--menu li
{
    margin-bottom: 20px;
}

@media screen and (min-width: 750px)
{
    .about_us-feautures--menu li
    {
        float: left;

        width: 50%;
        padding: 0 15px;
    }
}

@media screen and (min-width: 1200px)
{
    .about_us-feautures--menu li
    {
        float: none;
        width: 100%;
        margin-bottom: 25px;
        padding: 0;
    }
}

.about_us-feautures--menu img
{
    display: block;

    margin-bottom: 10px;
}

@media screen and (min-width: 330px)
{
    .about_us-feautures--menu img
    {
        float: left;

        margin-bottom: 0;
    }
}

@media screen and (min-width: 330px)
{
    .about_us-feautures--content
    {
        float: left;

        width: calc(100% - 74px);
        padding-left: 15px;
    }
}

.about_us-feautures--content span
{
    font-size: 18px;
    font-weight: 600;
}

.about_us-feautures--content p
{
    font-size: 12px;
    line-height: 14px;
    margin: 5px 0;
    font-weight: 400;
}

/*Project*/
.project
{
    margin-top: 15px;
}

.project-wrap
{
    padding: 20px 0 50px;
    background: #f0f1f2;
    padding-top: 40px;
}

@media screen and (min-width: 500px)
{
    .project-wrap .title
    {
        float: left;
    }
}

.project-wrap .btn
{
    margin-bottom: 25px;
}

@media screen and (min-width: 500px)
{
    .project-wrap .btn
    {
        float: right;

        margin-top: 28px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 768px)
{
    .project-wrap .btn
    {
        margin-top: 20px;
    }
}

.project-item
{
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 345px;
    margin: auto;
    border-radius: 15px;
    min-height: 212px;
    background: #fff;
}

.project-item:hover .portfolio-item--footer
{
    -webkit-transition: all .45s;
            transition: all .45s;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.project-item:hover .project-item--hover
{
    -webkit-transition: all .45s;
            transition: all .45s;
    -webkit-transform: scale(1);
            transform: scale(1);
}

.project-item .portfolio-item--footer
{
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
}

.project-item img
{
    width: 100%;
    display: none;
}

.project-item--wrap
{
    margin-right: 10px;
}

.project-item--content
{
    padding-left: 15px;
}

.project-item--content p
{
    font-size: 11px;
    line-height: 14px;
    padding-right: 15px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 4px;
}

.project-item--title
{
    font-size: 15px;
    font-weight: 500;
    margin: 4px 0 15px;
    padding-right: 15px;
    margin-bottom: 0px;
    height: 30px;
    overflow: hidden;
}

.project-item--hover
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: rgba(44, 124, 213, .6);
    -webkit-transition: all .45s;
    transition: all .45s;
}

.project-item--hover svg
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 56px;

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

    fill: #fff;
}

.project .slick-arrow
{
    top: -35px;
    right: auto;
    left: auto;

    -webkit-transform: translate(0);
            transform: translate(0);
}

.project .slick-arrow::before
{
    position: absolute;

    width: 19px;
    height: 14px;

    content: '';

    opacity: 1;
    background: url(../img/arrow-slider.png) no-repeat;
}

.project .slick-arrow:hover::before,
.project .slick-arrow:focus::before
{
    background: url(../img/arrow-slider-right.png) no-repeat;
}

@media screen and (min-width: 768px)
{
    .project .slick-arrow
    {
        top: -50px;
    }
}

.project .slick-prev
{
    right: 50px;
}

.project .slick-prev:hover::before,
.project .slick-prev:focus::before
{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.project .slick-next
{
    right: 10px;
}

.project .slick-next::before
{
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}

.project .slick-next:hover::before,
.project .slick-next:focus::before
{
    -webkit-transform: rotate(0);
            transform: rotate(0);
}

/*Project video*/
.project-video-wrap
{
    background: #fff;
}

/*Logo slider*/
.logo-slider-js .slick-arrow
{
    top: -100px;
}

.logo-slider-js img
{
    display: block;
    margin: auto;
    height: 80px;
}

/*Send*/
.send-wrap
{
    padding: 20px 0 50px;
    background: #fff;
    padding-top: 40px;
}

.send .title
{
    display: block;

    text-align: center;
}

@media screen and (min-width: 1190px)
{
    .send .title
    {
        margin-bottom: 50px;
        padding-left: 0px;
    }
}

.send-block
{
    margin-bottom: 30px;
}

.send-item
{
    margin-bottom: 10px;

    text-align: center;
}

@media screen and (min-width: 768px)
{
    .send-item
    {
        float: left;

        width: 32%;
        margin-right: 10px;

        text-align: left;
    }
}

@media screen and (min-width: 1190px)
{
    .send-item
    {
        width: 33.3%;
        margin-right: 0;
    }
}

.send-item input
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    width: 100%;
    max-width: 367px;
    height: 50px;
    padding-left: 35px;
    border-width: 1px;
    border-style: solid;
    border-color: #333;
    border-radius: 15px;
    background-color: white;
}

@media screen and (min-width: 768px)
{
    .send-item input
    {
        height: 64px;
    }
}

.send-item input:focus::-webkit-input-placeholder
{
    -webkit-transition: all .35s;
            transition: all .35s;

    opacity: 0;
}

.send-item input:focus:-moz-placeholder
{
    -webkit-transition: all .35s;
            transition: all .35s;

    opacity: 0;
}

.send-item input:focus::-moz-placeholder
{
    -webkit-transition: all .35s;
            transition: all .35s;

    opacity: 0;
}

.send-item input:focus:-ms-input-placeholder
{
    -webkit-transition: all .35s;
            transition: all .35s;

    opacity: 0;
}

.send-item input::-webkit-input-placeholder
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;

    opacity: 1;
}

.send-item input:-moz-placeholder
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;

    opacity: 1;
}

.send-item input::-moz-placeholder
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;

    opacity: 1;
}

.send-item input:-ms-input-placeholder
{
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;

    opacity: 1;
}

.send-check
{
    margin-bottom: 15px;
    text-align: center;
}

@media screen and (min-width: 768px)
{
    .send-check
    {
        text-align: left;
    }
}

.send-check input
{
    display: none;
}

.send-check input:checked + label svg
{
    display: block;
}

.send-check label
{
    font-weight: 400;

    position: relative;

    padding-left: 40px;
}

.send-check label::before
{
    position: absolute;
    top: 0;
    left: 5px;

    width: 15px;
    height: 15px;

    content: '';

    border-width: 1px;
    border-style: solid;
    border-color: #333;
    border-radius: 2px;
}

.send-check label svg
{
    position: absolute;
    top: -1px;
    left: 7px;

    display: none;

    width: 17px;

    fill: #2c7cd5;
}

.send-btn-wrap
{
    text-align: center;
}

/*Footer*/
.footer
{
    position: relative;

    padding-top: 350px;

    color: #fff;
}

@media screen and (min-width: 330px)
{
    .footer
    {
        padding-top: 280px;
    }
}

@media screen and (min-width: 750px)
{
    .footer
    {
        padding: 0;
    }
}

.footer-wrap
{
    padding: 30px 0;
    background: #3e454c;
    margin-top: 20px;
}

@media screen and (min-width: 1190px)
{
    .footer-wrap
    {
        padding: 80px 0;
    }
}

.footer-item
{
    margin-bottom: 25px;
}

@media screen and (min-width: 500px)
{
    .footer-item
    {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 750px)
{
    .footer-item
    {
    }
}

@media screen and (min-width: 768px)
{
    .footer-item
    {
    }
}

@media screen and (min-width: 1190px)
{
    .footer-item
    {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1300px)
{
    .footer-item
    {
    }
}

.footer-phone
{
    font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    display: block;
}

.footer-email
{
    font-size: 17px;
    font-weight: 400;
    line-height: 45px;
    display: block;
    margin-top: -5px;
}

.footer-email:hover
{
    opacity: .7;
}

.footer-address
{
    font-size: 17px;
    font-weight: 400;
    display: block;
}

.footer-center
{
    position: absolute;
    top: 0;
    left: 0;

    float: none;

    width: 100%;

    text-align: center;
}

@media screen and (min-width: 750px)
{
    .footer-center
    {
        position: static;
        float: left;
    }
}

@media screen and (min-width: 768px)
{
    .footer-center
    {
    }
}

@media screen and (min-width: 1190px)
{
    .footer-center
    {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1300px)
{
    .footer-center
    {
        width: calc((100% - 430px)/3);
    }
}

.footer-center p
{
    font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 100;
    margin: 0;
    color: #c0c0c0;
    font-size: 13px;
}

.footer-menu li
{
    font-weight: 400;
    line-height: 25px;
    float: left;
    font-size: 13px;
    width: 100%;
}

@media screen and (min-width: 500px)
{
    .footer-menu li
    {
        display: block;
        float: none;
    }
}

.footer-menu li:hover
{
    opacity: .7;
}

@media screen and (min-width: 750px)
{
    .footer-menu-wrap
    {
        width: 135px;
    }
}

@media screen and (min-width: 768px)
{
    .footer-menu-wrap
    {
        width: 33.3%;
    }
}

 

@media screen and (min-width: 1300px)
{
    .footer-menu-wrap
    {
    }
}

.footer .logo
{
    margin-bottom: 20px;
}

.footer .social
{
    margin-bottom: 35px;
}

.footer .social a
{
    display: inline-block;
}

.footer .social a:not(:last-child)
{
    margin-right: 10px;
}

.footer-blog
{
    float: right;
    width: 100%;
    width: 27%;
}

@media screen and (min-width: 1190px)
{
    .footer-blog
    {
    }
}

.footer-blog--title
{
    font-size: 24px;
    font-weight: 600;

    margin: 0;
    margin-bottom: 10px;
}

@media screen and (min-width: 500px)
{
    .footer-blog--title
    {
        display: inline-block;
        float: left;
        margin-bottom: 0;
        font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    }
}

.footer-blog--link
{
    font-weight: 500;
    text-decoration: underline;
    opacity: 0.8;
}

.footer-blog--link:hover
{
    opacity: .7;
}

@media screen and (min-width: 500px)
{
    .footer-blog--link-wrap
    {
        float: right;
        max-width: 340px;
        text-align: center;
        font-size: 13px;
        float: right;
        width: auto;
        margin-right: 50px;
    }
}

.footer-blog--top
{
    margin-bottom: 25px;
}

.footer-blog--box
{
    display: block;
    margin-bottom: 15px;
}

.footer-blog--box:hover
{
    opacity: .7;
}

.footer-blog--date
{
    display: inline-block;
    float: left;

    margin-right: 20px;
}

.footer-blog--date span
{
    font-size: 25px;
    font-weight: 100;
    line-height: 18px;
    display: block;
    font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.footer-blog--date small
{
    font-size: 10px;
    font-weight: 400;
    display: block;
    text-align: center;
}

.footer-blog--article
{
    font-weight: 500;
    line-height: 18px;

    float: left;

    margin: 0;
}

@media screen and (min-width: 1190px)
{
    .footer-blog--article
    {
        max-width: 255px;
    }
}
@media screen and (min-width: 800px)
{
    .footer-blog--article
    {
        max-width: 205px;
    }
}
.promoacc-link
{
    text-decoration: underline;
}

.promoacc-link:hover
{
    opacity: .7;
}
.head_blank {clear:both;height: 140px;background: #3e454c;color: #fff;padding-top: 20px;margin-bottom: 0px;}
.head_blank .logo {width:15%;float:left;margin-top: 0px;}
.head_blank .rkj {width: 83%;float:left;margin-left: 2%;margin-top: 30px;}
.head_blank .social {display:inline-block;vertical-align:top;}
.head_blank .social {display:inline-block;width: 39%;}
.head_blank .tm {display:inline-block;vertical-align:top;width: 200px;border-radius: 10px;padding-top: 0px;height: 40px;line-height: 40px;}
.head_blank  .header-top--left  {display:inline-block;float:none;vertical-align:top;width: 20%;}
.head_blank .tm svg{vertical-align:middle;margin-left:10px}
.head_blank .header-top {margin-bottom: 15px;}

.head_blank .active>a::before {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    content: '';
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateY(0);
    transform: translateY0);
    background: #2c7cd5;
}
.containers {background:#f7fafa}
.breadcrumb {padding-top:15px;padding-bottom:15px}
.breadcrumb li {display:inline-block;font-size:13px;}
.submit-contacts-form-item {position:relative;}
.submit-contacts-form-item label{position:absolute;left:30px;top:7px;height:40px;line-height: 52px;height: 52px;color: #393939;font-size: 14px;font-weight: 400;padding-left: 10px;}
.shop_go {font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size: 45px;font-weight: normal;line-height: 37px;}
.col-12 {overflow:hidden;}
.col-6 {width:50%; float:left;}
.col-6 .slider-nav .slick-slide img {max-width: 100px;}
.slider-nav {margin-top:20px;margin-bottom:50px}
.info {margin-bottom: 20px;}
.tents1 {width: 40%;display:inline-block;vertical-align: top;line-height: 20px;font-weight: 500;font-size: 15px;}
.tents1 a {font-size:14px}
.tents1 a span {display:inline-block;padding-left:60px;line-height:20px;text-decoration:underline;font-weight: 600;color:#5d5d5d;}
.tents1 a svg {width:45px; height:45px;fill:#2c7cd5;display:inline-block; position:absolute; }

.buys {
    background: #f4fafc;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 10px;
    text-align: center;
    overflow: hidden;
    margin-right: 20px;
}
.tex_b {
    text-align: center;
    float: left;
}
.tex_b span{
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
} 
.buys a  {
    background: #2c7cd5;
    color: #fff;
    padding: 12px 40px;
    display: inline-block;
    border-radius: 50px;
    font-size: 17px;
    transition: all 0.3s;
    float: right;
}
.even {background:#f4fafc;border-radius: 10px;}
.im {display:inline-block;width:45%;padding-left:5%;font-weight: 600;}
.im2 {display:inline-block;width:50%;text-align:right;font-weight: 600;}
.even,.odd {padding:4px; font-size:13px; font-weight:500}

.info23{
    border-radius: 10px;
    margin-bottom: 0px;
    text-align: center;
    text-align:left;
}
.info2 {margin-top:20px}
 .gh {font-size: 25px;font-weight:bold;margin-bottom: 20px;}
 .ghtext {line-height:19px;font-weight: 500;}
 .olp {}
 .olp .olp_img a{display:inline-block;background:#f4fafc;margin-right: 1%;border-radius:10px;text-align:center;vertical-align:top;padding-top:10px;padding-bottom:10px;min-height: 149px;display: block;transition: all 0.3s;margin-right: 5px;margin-left: 5px;}
 .olp .olp_img img {width: 53%;}
  .olp .olp_img span {height: 40px;vertical-align:middle;display:block;font-weight: 700;line-height: 13px;font-size: 13px;color: #595959;padding:10px;padding-top: 5px;}
  .fgg {margin-top: 10px;clear: both;margin-bottom: 20px;}
  .shop.item-page {margin-bottom:50px}
  .olp a {display:block;}
  .town-dropdown {border-radius:0px 0px 15px 15px;}
  .town-dropdown .active a::before {display:none}
  .town-dropdown ul li.active a {color:#007ebd;font-weight:500;}
  .head_blank .social a {border: 1px solid #ccc;width: 40px;height: 40px;line-height: 40px;padding-top: 4px;}
   .head_blank .social a svg {fill:#ccc;width: 20px;height: 20px;}
  .header-nav .nav-child li a{text-transform:none;line-height: 15px;display: block;padding-bottom: 9px;padding-top: 5px;font-weight: 300;padding-right: 10px;}
  .header-menu .nav-child li:hover > a::before {display:none}
  .header-menu .nav-child li:hover > a {color:#bcbcbc}

  .header-menu .nav-child .nav-child  {left:190px;top:0px;overflow:hidden; height:0px}
   .header-menu .nav-child  li:before {display:none!important;}
   .header-menu .nav-child  li:after {display:none!important;}
   .header-menu .nav-child .dropdown:hover .nav-child {height:auto; overflow:visible;}
   .sticky .logo{l;left: 0%;top: -10px;float: left;position: relative;}
   .sticky .logo img {width: 60px;}
   .sticky  .nav-child li a{text-transform:none;line-height: 15px;display: block;padding-bottom: 9px;padding-top: 5px;font-weight: 300;}
   .sticky .header-menu--left {margin-left:80px;margin-right: 0px;}
   .sticky  .header-menu--right {float:left; }
   .head_blank .active>a::before {}
   .head_blank .nav-child .active>a::before {display:none;}
   .head_blank .nav-child .active>a {color: #ffffff;font-weight:700;}
   .sticky .active>a::before {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    content: '';
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateY(0);
    transform: translateY0);
    background: #2c7cd5;
}
.blog .cols-4 .span3{width:24%;margin-right:1%; float:left;margin-bottom:20px}
.blog .cols-4 .span3 .item> div {width:auto;float:none;}
.blog .project-item {background: #ffffff;box-shadow: 0px 0px 0px 1px #e3e3e3;}
.item-page {min-height:200px}

.blog .cols-4 .span4{width:24%;margin-right:1%; float:left;margin-bottom:20px}
.blog .cols-4 .span4 .item> div {width:auto;float:none;}
 
 .blog {margin-bottom:40px}
 
 .mosaicflow__column {
 float:left;
 }
.mosaicflow__item img {
 display:block;
 width:100%;
 height:auto;
 }
 .mosaicflow__item {margin:10px;border-radius:10px;box-shadow: 0px 0px 0px 1px #ebebeb;}
 .mosaicflow__item img {border-radius:10px 10px 0px 0px; margin-left:-1px;margin-right:-1px;width:101%; }
 .portfolionews {font-size:17px;line-height:17px;padding-left:20px;padding-right:20px;margin-top:20px;margin-bottom: 10px;}
 .mosaicflow__item p {font-size:12px;line-height: 14px;color: #919191;font-weight:400;margin-top:0px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
 .mosaicflow__item:hover {box-shadow: 0px 20px 40px #0000003d;transition:all 0.2s;z-index: 100;position: relative;}
 .dj {position:absolute;background:#3e454cb8;border-radius:10px;display:inline-block;font-size: 11px;font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;top:10px;color:#fff;padding:3px 10px;left:20px;}
 .mosaicflow__item  {position:relative;transition: all 0.2s;}
 .olp .olp_img a:hover {box-shadow: 0px 5px 20px rgba(50, 128, 213, 0.32);z-index:10;position:relative;background: #fff;transition: all 0.3s;}
 .buys a:hover {box-shadow: 0px 4px 20px rgba(50, 128, 213, 0.32);background: #4694eb;transition: all 0.3s;}
 .tents1 a span:hover {color:#2c7cd5}
 .slider-nav div {cursor:pointer; }
 .slider-nav div.slick-slide:hover {opacity:0.5;}
  .slider-for  .slick-slide:hover img{opacity: 0.5!important;}

.breadcrumb  .divider::before,.breadcrumb  .divider::after {
        right: -14px;

        width: 10px;
    }
 

.breadcrumb .divider::before
{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px!important;
}

.breadcrumb .divider::after
{
    right: 13px;

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

.breadcrumb .divider::before,.breadcrumb  .divider::after {
    position: absolute;
    z-index: 20;
    top: 9px;
    right: 0px;
    width: 6px;
    height: 1px;
    content: '';
    border-top: 1px solid #7a7a7a;
}
.breadcrumb .divider {position:relative;color: transparent;margin-left: 10px;margin-right: 10px;}
.divider.icon-location {display:none;}
.breadcrumb a:hover {text-decoration:underline;}
.category-slider {border-radius: 10px;overflow:hidden;height:350px;margin-top: 20px;}
.category-slider .slick-slide p {position:absolute;z-index: 100;color: #fff;top: 120px;width: 50%;left: 40px;}
.category-slider .slick-slide h1 {position:absolute;color:#fff;font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 45px;left:40px;top:40px}
    .category-slider .slick-slide {position:relative}
    .category-slider2  .slick-dots li button{font-size:20px!important;color: black;line-height: 14px;opacity: 1;border: 0px;}
    .category-slider2  .slick-dots li {display:none;}
     .category-slider2  .slick-dots {bottom: 17px;color:#fff!important;left: 95px;z-index:1;font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;}
     .category-slider2  .slick-dots a{ color:#fff!important;}
     .category-slider2 .slick-dots li.slick-active {display:block}
      .category-slider2{width: 70%;position:relative;float: left;height: 350px;}
      .cound {background: rgba(255, 255, 255, 0.79);bottom: -20px;position:absolute;left: 100px;width: 50px;height:50px;line-height:50px;font-size:20px;text-align:right;padding-right:5px;font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;}
       .category-slider2 .slick-dots li button:before{display:none;}
       .category-slider .slick-slide .h1d {
    position: absolute;
    color: #fff;
    font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 45px;
    left: 40px;
    top: 40px;margin-top:30px;font-weight:bold;
}

.category-slider .slick-arrow::before {
    position: absolute;
    width: 19px;
    height: 14px;
    content: '';
    opacity: 1;
    background: url(../img/arrow-slider.png) no-repeat;
    top: 20px;
    left: 15px;
}

 

.category-slider  .slick-arrow:hover::before, .category-slider  .slick-arrow:focus::before {
    background: url(../img/arrow-slider-right.png) no-repeat;
}

.category-slider  .slick-next::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.category-slider  .slick-next {background:#fff;width:50px;height:50px;bottom: -25px;top: auto;left: 50px;}
.category-slider  .slick-prev {background:#fff;width:50px;height:50px;bottom: -25px;top: auto;left: 0px;right:auto;z-index: 10;}
.category-slider  .slick-next:hover::before,.category-slider  .slick-next:focus::before {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.category-slider  .slick-prev:hover::before,.category-slider  .slick-prev:focus::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.slider_go .dgr{width:27%;margin-left:3%; float:left}
.slider_go {overflow:hidden;margin-bottom: 40px;}
.categories-module {}
.categories-module li{}
.categories-module li.active{}
.categories-module li.active a{
    background: #007ebd;
    color: #fff;
    font-weight: 400;
    position: relative;
    padding-left: 100px;
    min-height: 70px;
    line-height: 70px;
}
.categories-module li a{
    display: block;
    transition:all 0.3s;
    background: #f5f9fd;
    border-radius: 10px;
    font-weight: 400;
    padding-left: 100px;
    min-height: 70px;
    position: relative;
    line-height: 70px;
    text-align: left;
}
.categories-module li a img{
    width: 100px;
    position: absolute;
    left: 0px;
    top: 10px;
}
.categories-module li h4 a {} 
.categories-module li a:hover {background: #ffffff;color: #000;transition:all 0.3s;box-shadow: 0px 0px 0px 1px#007ebd3b;}
.pagination {text-align:left}
.pagination .pull-right{text-align:left!important;float: none!important;clear: both;}
.pagination .navigation {}
.pagination li {display:none}
.pagination .hidden-phone {display:inline-block;}
.pagination .hidden-phone a { width:40px; height:40px; display:inline-block;line-height:40px; border:1px solid #ddd;text-align:center;margin-right:10px;font-size:20px;border-radius:10px}
.pagination .hidden-phone.active a {background:#e2e2e2}
.pagination .hidden-phone a:hover {background:#2c7cd5;border:1px solid #2c7cd5;color:#fff}
.tabg .categories-module li{width: 25%;display: block;vertical-align:top;float: left;}

 .sticky .nav-child .active>a::before {display:none;}
    .sticky .nav-child .active>a {color:#adadad;font-weight:700;}
    .btn-wrap {
    text-align: center;
}
.btn-wrap input {border:0px!important;font-size: 14px;font-weight:100;}
.modal-body {}
.modal-body .send-item {width:100%}
.modal-body .send-item input {border:1px solid #333;height: 54px;border-radius: 10px;max-width: 500px;}
.modal-body  .submit-contacts-form-item label {
    top: 0px;
}
.modal-body form {padding-left:20px;padding-right:20px;padding-bottom: 20px;}
.modal-header .close {background:transparent; font-size:30px;font-weight:100;position:absolute; right:20px}
.modal-header {
    padding: 15px;border-bottom:0px!important;
} 

.bestf {
    padding-top: 30px;
}
.bestf .clearfix {}
.bestf .clearfix {}
.bestf .clearfix .title {
    float: left;
    margin-top: 0px;
}
.bestf .clearfix a.dsg {
    float: right;
    margin-top: 20px;
    font-size: 13px;
    padding-left: 30px;
    padding-right: 30px;
}
.send-wrap_uslugi h2{font-weight:400}
.send-wrap_uslugi .olp .olp_img {width: 25%;margin-bottom:10px;float: left;}
.send-wrap_uslugi .olp .olp_img img {max-width:100%;width: auto;}
.send-wrap_uslugi .olp .olp_img span {font-size:15px; font-weight:600;color:#000;}
.send-wrap_vopros {background:#f2f2f2;margin-top: 130px;clear: both;}
.g_iks {display: inline-block;width: 50%;text-align: center;position: relative;height: 100%;min-height: 500px;}
.g_iks_2 {display:inline-block;width: 43%;text-align: left;margin-bottom: 40px;float: right;}
.g_iks_2 .title {padding-left:0px;margin-bottom: 20px;margin-top: 50px;}
.dt {font-size:20px; color:#747474;margin-bottom:40px}
.g_iks_2 .send-item {width:auto;float: none;}
.g_iks_2  .btn-wrap{text-align:left;}
.g_iks img{position: absolute;top: -90px;left: 20%;}
.layout-tentcity .project-wrap{background:#fff;}
.layout-tentcity .project-video-wrap{background:#f2f2f2;}
.plaha {background:#fff;width: 340px;text-align:left;padding: 20px;position: absolute;border-radius: 10px;bottom: 50px;right: 0%;}
.plaha span {font-size:16px;font-weight:bold; color:#9b9b9b}
.plaha b {display:block;font-family: 'Raleway', Arial, 'Helvetica Neue', Helvetica, sans-serif;font-size: 35px;}
.layout-tentcity .project-item {


    border: 1px solid #e3e3e3;
}    
.city_seo {background:#f2f2f2;padding-top:10px;padding-bottom:10px;margin-bottom: -20px;}

.slider-for2 .tab-item  {    padding: 145px 0 130px;
    background-image: url(../img/tab-item-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
    .slider-nav2 {width:50%;float:right;margin-top:-50px}
    .slider-nav2 .slick-slide {background:#f2f2f2;border-radius:10px;margin-right:10px;min-height: 120px;text-align: center;font-size: 17px;}
    .slider-nav2 .slick-slide img{margin:0px auto;margin-top:10px;margin-bottom:5px;}
    .slider-for2 {margin-top:30px;}
 .slider-nav2 .slick-slide {cursor:pointer;}
    .slider-nav2 .slick-arrow::before {
    position: absolute;
    width: 19px;
    height: 14px;
    content: '';
    opacity: 1;
    background: url(../img/arrow-slider.png) no-repeat;
    top: 20px;
    left: 15px;
}

 

.slider-nav2  .slick-arrow:hover::before, .slider-nav2  .slick-arrow:focus::before {
    background: url(../img/arrow-slider-right.png) no-repeat;
}

.slider-nav2  .slick-next::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.slider-nav2  .slick-next {background:#fff;width:50px;height:50px;bottom: -5px;top: auto;left: -50px;}
.slider-nav2  .slick-prev {background:#fff;width:50px;height:50px;bottom: -5px;top: auto;left: -100px;right:auto;z-index: 10;}
.slider-nav2  .slick-next:hover::before,.slider-nav2  .slick-next:focus::before {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.slider-nav2  .slick-prev:hover::before,.slider-nav2  .slick-prev:focus::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.slider-nav2 .slick-slide.slick-current {background:#ebebeb}
.portfolio-item:before {background: rgba(0, 0, 0, 0.45);content:'';position:absolute;z-index:100;width:100%;height:100%;}
 
.jkr1 {
    text-align: right;
}
.jkr1 a {
    display: inline-block;
    max-width: 150px;
    line-height: 10px;
}
.jkr1 a span {line-height: 13px!important;text-align:left;margin-bottom: -15px;}
.jkr1 span {vertical-align:top;
    display: inline-block!important;
}
.tentbigss {width:auto;float:none;}
.tents1 b { font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;}
.item-page {font-weight:400;}
.gale2 a {display:inline-block;padding-right:10px;padding-bottom:10px;transition:0.5s all;}
.gale2 a:hover img {opacity:0.7; transition:0.5s all;}
.promo-wrap {}
.promo-wrap .vconklo{top:0px;position: absolute;width: 100%;}
.promo-wrap .vconklo video{height: 100%;width: 100%;min-width: 100%;min-height: 100%;background: transparent!important;position: relative;z-index: 2;}
.promo-wrap .vconklo:before {background: transparent;content:'';display:block;height: 120%;width:100%;position:absolute;opacity: 0.34;z-index: 3;}
.promo-wrap .vconklo.active:before {background: #000;}
.promo-wrap .container{position:relative;z-index:100;height: 100%;}
.category_nashi {clear:both;margin-right: -5px;}
.category_nashi .span3{float:left;width:25%;}
.category_nashi .span3 {}
.category_nashi .span3 .portfolio-item--wrap {width: 100%;}
@media (max-width:1300px) and (min-width:1000px) {
 .promo-wrap .vconklo video {
    height: 100%;
    width: 120%;
    background: transparent;
    min-width: 100%;
    min-height: 120%;
}
}


@media (max-width:1000px) and (min-width:768px) {
    .g_iks {display:none}
    .header-top .phone .phone-number {font-size:19px;}
 
     
    .promo-wrap .promo-title {margin-top:0px}
    .promo-top {margin-bottom: 0px;margin-top: -40px;}
    .sticky .header-menu--left {
    margin-left: 0px;
}
    .footer-menu-wrap {
    width: 25%;
}
.footer-item  {
    width: 20%;
}
.footer-blog  {width: 25%;}
.footer-center {width:30%}
.product-card--wrap {width: 49%;margin-bottom: 0px;margin-right: 1%;}
.portfolio-item--wrap {width: 47%;margin-right:20px;}
.footer-address {font-size: 13px;}
.footer-phone {font-size: 18px;}
.footer-blog--article {font-size: 10px;}
.footer-blog--link-wrap {}
.head_blank .tm {width: 150px;font-size:12px;}
.tm svg {margin-left:0px!important}
.slider_go {}
.category-slider2 {width:100%;float: none;}
.categories-module li a img {width: 70px;top: 20px;}
.categories-module li  a {padding-left: 80px!important;}
.slider_go .dgr {margin-left:0px;width:auto;float: none;clear: both;margin-top: 20px;}
.slider_go .dgr li {width:24%; margin-right:1%; display:block; float:left;}
.categories-module li a {font-size:13px;}
.cound {display:none;}
.category-slider2 .slick-dots {display:none!important;}
.header .logo img {width:100px}
.head_blank .logo {margin-top:-5px}
.category_nashi .span3{float:left;width:33%;margin-bottom:10px}
.category_nashi .span3 {
    width: 49%;
}
.category_nashi .span3 .portfolio-item--wrap {width:95%}
.head_blank .tm {font-size:0px; width:50px}
.tabg .categories-module li {width: 49%;text-align:center;}
 .tabg .categories-module li h4{margin-top:0px;margin-bottom:10px;}
 .dgr .categories-module li {width: 49%;text-align:center;}
 .dgr .categories-module li h4{margin-top:0px;margin-bottom:10px;}
 .promo-wrap .vconklo video {width:120%;}
  .g_iks {display:none;}
 .send-wrap_vopros .g_iks_2 {float:none;width: auto;display: block;padding-top: 20px;overflow: hidden;padding-bottom: 20px;}
 .send-check label {font-size:13px;display: inline-block;}
 .bestf .clearfix a.dsg {
    float: none;
    margin-bottom: 20px;
}
}

@media (max-width: 768px) {
    .head_blank .social {display:none;}
	.sticky {display:none!important}
	.submit-contacts-form-item label {position: absolute;left: 50%;top: 0px;display: block;width: 100px;margin-left: -50px;}
	.footer-menu-wrap {width:50%;}
	.footer-center {
    width: 100%!important;
    float: none;
    text-align: center!important;
}
	.footer-item {
    float: left;
    width: 50%;
    text-align: right;
}
.footer-blog {display:none;}
.footer-menu-wrap {text-align:left}
.tm {display:none;}
.olp .olp_img {width:24%;margin-bottom:10px;}
.tm {display:none!important;}
.col-6 {width:100%;}
.tents1 {width:45%}
.tents1 b {display:block}
.head_blank .logo {
    margin-top: 0px;
}
.head_blank .logo img {
    margin-left: -30px;
    margin-top: -10px;
}
.head_blank {height:120px;}
.tents1 a svg {width:25px; height:25px;}
.tents1 a span {padding-left:40px}
.promo-wrap {height:140px;overflow: visible;min-height: 150px;}
 
.category_nashi .span3 {width:50%;margin-bottom:20px;}
.category-slider2 {width:auto;float: none;}
.category-slider2 .slick-dots,.cound {display:none;}
.category-slider2 .slick-dots li button{display:none;}
.slider_go .dgr {float: none;width:auto;margin-top: 40px;clear: both;}
.categories-module li a img {display:none;}
.categories-module li a {padding-left:20px!important;padding-right:20px!important;line-height: 40px!important;min-height: 20px!important;}
.categories-module li {display:inline-block}
.categories-module {margin-top:20px;}
.categories-module li h4 {margin-bottom:5px; margin-top:5px;}
.tabg .categories-module li {width:auto;float: none;}
.tabg {margin-bottom:20px;}
 .g_iks {display:none;}
 .send-wrap_vopros .g_iks_2 {float:none;width: auto;display: block;padding-top: 20px;overflow: hidden;padding-bottom: 20px;}
 .send-check label {font-size:13px;display: inline-block;}
 .bestf .clearfix a.dsg {
    float: none;
    margin-bottom: 20px;
}

}
@media (max-width:780px) and (min-width:600px) {.tab-menu li {width:auto;}
    .tab-menu a {border-radius:0px;}
    .tab-item--content p {font-size:14px;line-height:18px}
    .tab-item-wrap {padding-top:40px;padding-bottom: 40px;}
    }
@media (max-width:600px) {
    .tab-menu li {width:auto;}
    .tab-menu a {border-radius:0px;}
    .tab-item--content p {font-size:14px;line-height:18px}
    .tab-item-wrap {padding-top:40px;padding-bottom: 40px;}
    .footer-item {width:100%;}
    .vconklo {display:none}
    .logo {}
    .pj {display:block;}  
    .header-top .phone span.emL {}
    .header-top .phone span {}
    .header-top .town {display: block;text-align:left;}
    .header-top--left {clear:both;float: none;}
    .header-top .phone {}
    .town {border:0px}
    .slide-menu-open {top: 10px!important;}
    .promo-wrap {overflow:visible;background: #3e454c;}
    .footer .social {clear:both}
    .footer .logo {float:none;}
    .footer-phone,.footer-email,.footer-address {text-align:center;}
    .about_us-feautures--menu li {text-align:center;}
    .about_us-feautures--menu img {margin:0px auto;margin-bottom:10px;float: left;}
    .head_blank .logo img {
    margin-left: 0px;
    margin-top: -10px;
}
.head_blank .header-top--left {clear:both;display: block;width: auto;}
 .head_blank .phone {position: absolute;right: 20px;}
 .head_blank .header-top {margin-bottom:0px}
 .head_blank {height:140px;}
 .product-card img {max-width:100%;}
 h1 {font-size:30px!important}
 .send-wrap_uslugi .olp .olp_img {}
 .send-wrap_uslugi .olp .olp_img span {font-size:11px}
 .send-wrap_uslugi .olp .olp_img img {max-width: 50%;}
 .g_iks {display:none;}
 .send-wrap_vopros .g_iks_2 {float:none;width: auto;display: block;padding-top: 20px;overflow: hidden;padding-bottom: 20px;}
 .send-check label {font-size:13px;display: inline-block;}
 .bestf .clearfix a.dsg {
    float: none;
    margin-bottom: 20px;
}
.gallery .slick-slide img{max-width:100%;}
.slider-nav .slick-slide img{max-width:100%!important;}
.buys a {float:none;margin-top:20px;}
.buys {margin-top:20px;}
.mosaicflow__column {width:100%!important}
.category_nashi .span3 {width:100%}
.footer-menu li {width: 50%;float: left;}
}
.product-card--wrap.slick-slide {margin-right:5px;}
.portfolio-item--wrap.slick-slide{margin-right:5px;}
.slick-list.draggable {padding-left:0px!important}
.slick-list.draggable .product-card img{max-width:100%;}
.slick-list .olp_img img {margin:0px auto;}
.slick-list .olp_img  {margin-right:10px;}
.slick-list .olp_img span {font-size:17px}
.promo-statistics-wrap {position:absolute;right:0px;bottom: 50px;}
.promo-down{position:absolute;right:0px;bottom: 60px;width: 100%;top: auto;}

.promo-arrowDown {
    animation-name: floating;
    -webkit-animation-name: floating;
 
    animation-duration: 1s;   
    -webkit-animation-duration: 1s;
 
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
 
@keyframes floating {
    0% {
        transform: translateY(0%);  
    }
    50% {
        transform: translateY(20%);  
    }   
    100% {
        transform: translateY(0%);
    }           
}
 
@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);  
    }
    50% {
        -webkit-transform: translateY(20%);  
    }   
    100% {
        -webkit-transform: translateY(0%);
    }           
}

.portfolio-item {}
.side-menu-wrapper .header-menu--left {float:none;}
.side-menu-wrapper .dropdown::before,.side-menu-wrapper .dropdown::after {display:none!important;}
.side-menu-wrapper .dropdown ul {display:none!important;}
.side-menu-wrapper .dropdown.open2 ul {
    display:block!important;
    -webkit-transition: max-height .55s ease-in;
    transition: max-height .55s ease-in;
    background: #ffffff2e;
    height: auto;
    max-height: 400px;
    }
 .side-menu-wrapper    .active>a::before {height:0px!important;background: #454545;}
  .side-menu-wrapper    .active>a {border-left: 3px solid #ffffff;margin-left:-3px;}
 .side-menu-wrapper   .header-menu--right {float: none;clear:both;}
@media (max-width: 768px) {
i.drop {position:absolute;width:40%;height: 38px;display: block;right: 0px;z-index:10}
 .side-menu-wrapper .dropdown .dropdown i {display:none;}
i.drop:before {
    position: absolute;
    z-index: 20;
    top: 19px;
    right: 20px;
    width: 8px;
    height: 1px;
    content: '';
    border-top: 1px solid #fff;
    }
i.drop:after {
    position: absolute;
    z-index: 20;
    top: 19px;
    right: 20px;
    width: 8px;
    height: 1px;
    content: '';
    border-top: 1px solid #fff;
    }
    i.drop::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
i.drop::after {
    right: 14px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.dropdown.open2 i.drop::before {
    -webkit-transition: -webkit-transform .25s ease-in;
    transition: -webkit-transform .25s ease-in;
    transition: transform .25s ease-in;
    transition: transform .25s ease-in, -webkit-transform .25s ease-in;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.dropdown.open2 i.drop::after {
    right: 15px;
    -webkit-transition: -webkit-transform .25s ease-in;
    transition: -webkit-transform .25s ease-in;
    transition: transform .25s ease-in;
    transition: transform .25s ease-in, -webkit-transform .25s ease-in;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
}
@media (max-width: 768px) {

    .promo-wrap .vconklo {max-height:140px;overflow:hidden;}
}

@media (max-width: 700px) and (min-width: 600px){
 
.head_blank .logo img {
    margin-left: -70px;
    margin-top: -10px;
}}
@media (max-width: 768px) and (min-width: 400px){ 
.product-card {max-width:97%;margin-right:10px;}
.slick-list.draggable .product-card img {margin:0px auto}
.slick-dots li button:before {font-size:20px}
  .portfolio-item {max-width:97%;margin-right:10px;}
}
@media (max-width: 400px) and (min-width: 200px){ 

.slick-dots li button:before {font-size:20px}
}
.tab-item {display:none;}
@media (max-width:1300px)and (min-width:1200px) {
    .sticky .header-menu--left {margin-right:0px}
    .sticky .header-menu li {margin-right:53px;}
    .footer-item {
    width: calc((100% - 605px)/2);
    margin-bottom: 0;
}
.footer-menu-wrap {
    max-width: 195px;
}
.footer-blog {}
.footer-blog--link-wrap {float:right; width:auto;margin-right:50px}
.categories-module li a img {width:100px;top:10px;}
.categories-module li a {padding-left:100px}
.head_blank .header-menu--right li {margin-right:50px!important;}
.head_blank .header-menu--right li:last-child {margin-right:0px!important;}
.categories-module li.active a {padding-left:100px}
.footer-menu li {width:70%}
}
@media (max-width:1200px) and (min-width:1000px) {.product-card {max-width:100%;}}
.promo-title {padding-right:25%;}

@media (max-width:600px) {.product-card {margin-right:5px;width: 98%;}.category-slider .slick-slide p {display:none;}}
@media (min-width:768px) {
.row {overflow:hidden;}
.row-6 {margin-bottom:20px; width:45%; margin-right:5%; display:block; float:left;font-size:20px; font-weight:100; font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;}

 
 
}
.row-6 div {margin-bottom:10px;}
  .row-6 {margin-bottom:20px; font-size:20px; font-weight:100; font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;}
  .fkl1 i{background: #2c7cd5;color:#fff;border-radius: 40px;width: 50px;height: 50px;line-height: 50px;padding-left: 15px;margin-right: 10px;}
  .project-js2 {
    overflow: hidden;
}
  .project-js2 .project-item--wrap {width: 25%;float:left;margin-bottom: 10px;margin-right: 0px;}
  .project-js2 .project-item {max-width: 1000px;margin-left: 5px;margin-right: 5px;width: auto;}
  .project-js2 .project-item 
  .iks .project-wrap {padding:0px;}
 .sidebar_left {width: 18%;float:left;margin-right: 2%;}
 .main_b {width: 79%;margin-left:1%;float:left;border-left: 1px solid #dddd;padding-left: 3%;margin-top: 20px;}
 .herd {font-size:20px;font-weight:bold;margin-top: 50px;margin-bottom:20px;}
.sidebar_left .latestnews {}
.sidebar_left .latestnews li{padding-bottom: 10px;display:block;font-weight: 400;}
.sidebar_left .latestnews li a:hover {display:block;color:#2c7cd5}
.sidebar_left .menu li{padding-bottom:5px;display:block;font-weight: 400;line-height: 14px;margin-bottom: 15px;}
.sidebar_left .menu li.current a{color:#2c7cd5; font-weight: 400; }
.sidebar_left .menu li a,.sidebar_left .latestnews li a {position:relative;display:block;padding-right:20px}
.sidebar_left .menu li a:before,.sidebar_left .latestnews li a:before {    position: absolute;
    z-index: 20;
    top: 9px;
    right: 0px;
    width: 6px;
    height: 1px;
    content: '';
    border-top: 1px solid #7a7a7a; right: 0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);top:4px;}
.sidebar_left .menu li a:after,.sidebar_left .latestnews li a:after {position: absolute;
    z-index: 20;
    top: 9px;  
    right: 0px;
    width: 6px;
    height: 1px;
    content: '';
    border-top: 1px solid #7a7a7a;  right: 0px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);top:8px;}
   .sidebar_left .menu li.current a:before {border-top: 1px solid #2c7cd5;}
   .sidebar_left .menu li.current a:after {border-top: 1px solid #2c7cd5;}

    .sidebar_left .menu li:hover a:before,.sidebar_left .latestnews li:hover a:before {border-top: 1px solid #2c7cd5;}
   .sidebar_left .menu li:hover a:after,.sidebar_left .latestnews li:hover a:after {border-top: 1px solid #2c7cd5;}
.sidebar_left  .menu li a:hover {display:block;color:#2c7cd5;font-weight: 400;}
.main_b .olp_img {width: 20%;float: left;margin-bottom:10px;}
.ikss {font-weight: 400;margin-bottom: 40px;}
.main_b .slider-nav {
    max-width: 650px;
}
.fc1k {float:left; margin-right:20px;margin-bottom:20px; }
.fc1k img {width:400px;border-radius:5px}
.category-desc {font-weight: 400;clear: both;line-height: 20px;padding-top: 20px;}
.main_b .product-card--wrap {width:33%;}
.jks234 {position:relative;}
.jkdd a {position:absolute; right:0px;top:0px;}
 
     .slider-nav3 .slick-arrow::before {
    position: absolute;
    width: 19px;
    height: 14px;
    content: '';
    opacity: 1;
    background: url(../img/arrow-slider.png) no-repeat;
    top: 20px;
    left: 15px;
}

 

.slider-nav3  .slick-arrow:hover::before, .slider-nav3  .slick-arrow:focus::before {
    background: url(../img/arrow-slider-right.png) no-repeat;
}

.slider-nav3  .slick-next::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.slider-nav3  .slick-next {background:#fff;width:50px;height:50px;bottom: -5px;top: auto;right: -20px;border-radius: 50px;}
.slider-nav3  .slick-prev {background:#fff;width:50px;height:50px;bottom: -5px;top: auto;border-radius: 50px;left: -30px;right:auto;z-index: 10;}
.slider-nav3  .slick-next:hover::before,.slider-nav3  .slick-next:focus::before {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.slider-nav3  .slick-prev:hover::before,.slider-nav3  .slick-prev:focus::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.tab-menu {overflow:hidden;}
 .tab-menu li {
    width: 25%;
    display: block;
    float: left;
}
 
  @media (max-width:1200px) {.project-js2 .project-item--wrap {width:32%;margin-right:1%;float:left;margin-bottom:1%; } }
    @media (max-width:1000px) {.project-js2 .project-item--wrap {width:49%;margin-right:1%;float:left;margin-bottom:1%; } }
        @media (max-width:768px) {.slider-nav3 .slick-prev {left:0px;display:none!important;}.slider-nav3 .slick-next {right:0px;display:none!important;}.sidebar_left {display:none;}.main_b,.sidebar_left {float:none;border:0px;margin:0px;padding:0px;width: auto;}.project-js2 .project-item--wrap {width:100%;margin-right:0%;float:none;margin-bottom:1%;    }.project-js2 .project-item {min-height:300px} }     
       .sidebar_left .latestnews li a:before {top:10px}
       .sidebar_left .latestnews li a:after {top:14px}
       .slider-nav3 {max-width:650px;margin-top: 20px;}
       .slide-menu-open {}
       .slide-menu-open i {display: none;font-size: 30px;vertical-align: middle;}
       .slide-menu-open span {display:inline-block;position:relative;vertical-align: top;}
       .slide-menu-open b {display:inline-block;padding-top: 8px;margin-right: 10px;}
       .slide-menu-open.active i{display:inline-block;}
       .slide-menu-open.active span{display:none;}
         @media (max-width:768px)  {

            .header .logo {left:0px;-webkit-transform: translateX(-0%);transform: translateX(-0%);width: 150px;position: absolute;top: 14px;margin-bottom: 0;}
            .header .logo img {width: 110px;float: left;}
            .header-top--left {float:none;width: 100%;position:absolute;bottom: 0px;}
            .slide-menu-open {float:right;right: 20px;position: relative;top: 0px!important;}
            .town {float:left;}
            .header-top .phone span {font-size:20px;text-align: right;}
            .jkr1 {font-size:11px;margin-top: 9px;}
            .pj {
    max-width: 150px!important;
    background: #2c7cd5;
    line-height: 14px!important;
    padding: 6px 15px;
    border-radius: 40px;
    position: absolute;
    top: 69px;
    right: 0px;
    width: 150px;
}
            .pj span {font-size: 13px!important;color: #fff!important;}
            .header {padding-top:10px;min-height: 150px;}
            .emL {font-size: 14px!important;}
            .vconklo {display:none;}
            .promo-wrap {background: #3e454c!important;}
            .tab-menu {display:none;}
            .tab-item-wrap {
    padding-top: 10px;
    padding-bottom: 0px;
}
            .tab-item-wrap .tab-item {padding: 20px;display: block!important;margin-left: 10px;margin-right: 10px;border-radius: 10px;margin-bottom: 10px;}
            .tab-item--image {display:none}
            .tab-wrap .btn {float:none;margin-top: 20px;}
            .tab-wrap .title {display:block;float: none;margin-bottom: 0px;padding-left: 0px;}
            .tab {padding-top:0px}
            .about_us-block--content {display:none!important;}
         .about_us-block--image {display:none!important;}
         .about_us-block h2 {display:none;}
         .about_us-feautures--content {text-align:left;float: left;width: calc(100% - 74px);padding-left: 15px;}
         .about_us-feautures--content p {font-weight:400;}
         .header-menu--right > li:not(:last-child) {
    margin-right: 0px;
}
.header-menu--left > li:not(:last-child) {margin-right: 0px;}

         }
         .tab-wrap .title{margin-top: 0px;float:left;}
         .tab-wrap .btn {float:right;margin-top: 15px;font-size: 13px;padding-left: 30px;padding-right: 30px;}
         .product-wrap .product {margin-right:-5px;}
         .iskfg .btn{float:right;float: right;margin-top: 15px;font-size: 13px;padding-left: 30px;padding-right: 30px;}
          .iskfg {clear:both;}
          .portfolio-wrap .portfolio.clearfix {margin-right:-5px}
          .portfolio-item:hover p {margin-top: 0px;}
          .portfolio-wrap .clearfix {margin-top:30px}
          .logo-slider-js {margin-top:-0px}
          .footer-item {width:25%;}
          .footer-menu-wrap {width: 15%;}
           .footer-phone {padding-left:40px;font-size:24px;}
           .footer-email {padding-left:40px;line-height: 40px;}
           .footer-address {padding-left:40px;}
           .footer-item .inst   {}
           .footer-item .fb   {}
           .footer-item .yout  {}
           .footer-item .inst svg {width:20px;height:20px;}
           .footer-item .fb svg {width:20px;height:20px;}
           .footer-item .yout  svg {width:20px;height:20px;}
           .spincrement {opacity:0;}
           .pj2 {
    position:absolute;
    top: 0px;
    right: 385px;
    width: 150px;
    background:#007ebd;
    border-radius: 10px;
    padding-top: 0px;
    height: 35px;
    line-height: 35px!important;
    color:#fff;
    display: none!important;
    }
    .phone .pj2 span {color:#fff!important;line-height: 35px!important;font-size: 13px;}
    .phone .pj span {color:#fff!important;line-height: 35px!important;font-size: 13px;}
    .pj {
    position:absolute;
    top: 0px;
    right: 250px;
    width: 150px;
    background:#007ebd;
    border-radius: 50px;
    text-align: center;
    padding-top: 0px;
    height: 35px;
    line-height: 35px;
    color:#fff;
    }
    .pj span {color:#fff!important;}
    .tm {display:none;}
   .pj2  .fa-question-circle {font-size:17px;position:relative;bottom:-2px;right:-4px}
   .sticky .header-menu>li {margin-left:0px!important;margin-right: 70px!important;}
   .send-wrap_uslugi {overflow:hidden;}
   .head_blank .pj2 {
}
.categories-module li h4{margin-left:5px; margin-right:5px;}
.categories-module {}
   .head_blank .pj {}
   .shop .olp .olp_img{width:12.5%;float:left;margin-bottom:10px}
   @media (max-width:1300px) {
       .about_us-feautures--menu li {margin-bottom:20px}
   .container {max-width:1170px;}
   
 .header-menu a {font-size:13px;font-weight: 600;}
 .header-top {margin-bottom:10px}
 .header-top .phone-number {font-size: 22px;}
 .pj2 {
    right: 350px;
}
.pj {right: 190px;}
.header .logo img {width:155px}
.emL {font-size:13px}
.header-menu--right > li:not(:last-child) {margin-right:60px}
.header-menu--left > li:not(:last-child){margin-right:60px}
.town span {font-size:11px}
.promo-statistics--item p {font-size:50px}
.promo-title {font-size:54px}
.promo-title span {font-size:44px}
.sticky .header-menu>li {margin-right: 58px!important;}
.product-card img {max-width:100%}
.product-card .label {
    padding: 2px 15px;
    font-weight: 400;
}
.product-card--title {margin-bottom:10px}
.product-card--title {font-size:17px;margin-top: 30px;}
.portfolio-item {height:263px}
.portfolio-item--title {font-size:20px}
.about_us-block--content p{font-size:13px; font-weight:400;line-height:20px}
.about_us-feautures--content p {font-size:11px; font-weight:400;}
.about_us-feautures--content span {font-size:16px}
.about_us-feautures--title {margin-top:0px;font-size:18px;font-weight: 600;}
.about_us-block--content .btn {
    padding: 5px 20px;
}
.project-item {min-height:173px}
.logo-slider-js img {
    height: 80px;
}
.send-item input {font-size:13px}
.submit-contacts-form-item label {font-size:13px}
.send-check label {font-size:13px}
.tab-menu a {padding-top:10px}
.tab-menu a {height:100px;font-size: 15px;}
.tab-menu img {
    height: 50px;
    width: auto;
}
.footer-phone {font-size:23px;}
.footer-email {font-size:15px;}
.footer-address{font-size:15px;}
.footer-phone {padding-left:10px}
.footer-email{padding-left:10px}
.footer-address{padding-left:10px;line-height: 19px!important;}
.footer-menu-wrap {width:20%}
.footer-item {width:20%}
.footer-center{width:25%}
.footer-blog--article {font-size:13px}
.footer-center p {
    font-size: 12px;
}
.head_blank .header-top {margin-bottom:10px}
.head_blank {height:130px}
.main_b .olp_img {width:20%}
   }
   
   .phone-text .fas {transform: rotate(-390deg);
    transform: rotate(-390deg);}
	
	.about_us-feautures--menu li {width:100%}
    @media (max-width:1170px) {
        .carta .cart_item {width:33.3%!important}
.container {max-width:1000px;}
        .header-menu--left > li:not(:last-child) {
    margin-right: 40px;
}
.header-menu--right > li:not(:last-child) {
    margin-right: 40px;
}
.header-menu a {font-size:12px;}
.tex_b span {
    min-height: 50px;
}
.header .logo img {width: 145px;margin-top: 5px;}
.pj2 {right:auto;right: 350px;font-size: 0px;max-width: 40px;width: 38px!important;height: 38px;line-height: 39px!important;border-radius: 50px;}
.pj2 span {font-size: 0px!important;}
.sticky .header-menu>li {
    margin-right: 40px!important;
}
.tab-item--image {display:none;}
.product-card--wrap {width:33.3%}
.portfolio-item--wrap {width:50%}
.portfolio-item {max-width:500px}
.about_us-block--image {display:none;}
.about_us-block--content {padding-left: 0px;width: 100%;}
.about_us-block {width:50%;float:left;}
.about_us-feautures {width:50%;float:left;}
.about_us-feautures--menu li {width:100%}
.about_us-block .title {margin-bottom:10px}
.footer .social a {
    width: 35px;
    height: 35px;
    padding-top: 0px;
}
.footer .social a svg {width:17px;}
.footer-center p {font-size:11px}
.pj2 .fa-question-circle {top: 9px;left:0px;}
.categories-module li a {padding-left:0px;text-align:center;}
.categories-module li img {display:none;}
.categories-module li.active a {padding-left:0px}
.categories-module li  a {min-height: 40px!important;line-height: 40px!important;}
.category_nashi .span3 {width:33.33%}
    .pj2 .phone-text .fas {
    transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 16px;
    top: 8px;
    position: relative;
}
    }
    .pj2 .phone-text .fas {
    transform: rotate(0deg);
    transform: rotate(0deg);
    
}
.djm {background:#fff}
@media (max-width:1000px) {
	.carta .cart_item {width:50%!important}
	.container{max-width:768px}
	.header .social {display:none;}
	.phone .pj span {font-size:0px;}
	 .header .pj {max-width: 38px;border-radius:50px;height: 38px;right: 160px;}
.header  .pj  .fas  {    font-size: 16px;
    top: 8px;
    position: relative;}
    .pj2 {
    right: 200px;
}
.header .logo img {
    width: 70px;
    margin-left: 20px;
}
.header-menu--left > li:not(:last-child) {margin-right: 30px;}
 
.header-menu--right > li:not(:last-child){margin-right: 30px;}	
.categories-module li a {padding-left:0px!important}
.product-card--wrap {width:50%;margin-right: 0px;margin-bottom: 20px;}
 .dropdown::before,  .dropdown::after {display:none;}
 .sticky .header-menu>li {margin-right: 25px!important;}
 .sticky .header-menu .dropdown::before {display:none;}
 .sticky .logo {display:none;}
 .footer-phone {
    font-size:18px;
}
.footer-email {font-size:12px;}
.footer-address {font-size:12px;}
.footer .logo img {width:130px;height:auto}
.footer-center p {line-height:14px}
.footer .social a {
    width: 30px;
    height: 30px;
    padding-top: 0px;
    margin-right: 0px!important;
    line-height: 40px;
}
 .footer .social a svg {width: 14px;}
 .footer-blog--article {float:left;max-width: 120px;font-size: 12px;line-height: 14px;}
 .footer-blog--date  {float:left;display:block;margin-right: 10px;}
 .slick-slide img {max-width:100%}
 .tents1 {width:auto;margin-bottom: 30px;}
 .tents1 b {display:block}
 .tents1 a svg {width:30px;height:40px;top: -10px;}
 .tents1 a {position:relative}
 .tex_b {float:none;}
 .buys a {float:none;margin-top:10px}
 .shop .olp .olp_img {width:25%}
 .category_nashi .span3 {width:50%}
 .portfolio-item--wrap {margin-right:0px}
 .promo-statistics--item {margin-right:30px;}
 .promo-statistics--item p {font-size:45px}
 .promo-wrap {}
 .title {padding-left: 0px;}
 .send-item {
    float: left;
    width: 30%;
    margin-right: 10px;
    text-align: left;
}
.sticky .header-menu--left {margin-left:0px}
.main_b .olp_img {width:33%}
.shop_go {line-height:40px}
.sidebar_left .menu li a, .sidebar_left .latestnews li a {font-size:12px}
 .main_b .product-card--wrap {width:50%;}
}

@media (max-width:768px) {
    .header-menu--left > li:not(:last-child) {margin-right:0px}
    .header-menu--right > li:not(:last-child) {margin-right:0px}
    .phone-text {}
    .phone-text .fa-phone {
    display: none;
}
.header .pj {
    height: 30px;
    position: absolute;
    right: 0px;
    top: 50px;
}
.phone .pj span {line-height: 30px!important;}
.pj2 {display:none!important;}
.tab-wrap .btn {float:none;}
.tab-wrap .title{float:none;}
.tab-item--link {font-weight:700}
.iskfg .btn {float:none;margin-bottom:20px}
.title {margin-bottom:0px}
.product-card--wrap {width:auto}
.product-card a {display:block;}
.portfolio-item--wrap{width:auto}
.about_us-feautures {float:none;width:auto}
.portfolio-wrap .clearfix {margin-top:0px}
.project-wrap {padding-top: 30px;}
.project-wrap .title {margin-bottom:20px;float: none!important;display: block;}
.project .slick-prev {right:auto;}
.project .slick-next {right:auto;left:50px}
.logo-slider-js .slick-arrow {top: -90px;left: auto;}
.logo-slider-js {margin-top:40px}
.send-item {width:auto;float: none;}
.send .title {margin-bottom:30px}
.send-wrap_uslugi {
    display: block!important;
}
.send-wrap_uslugi h2 {margin-bottom:20px}
.olp {margin-top:20px}
.iskfg h2 {display:block}
.portfolio-wrap .title {float:none; display:block;}
.portfolio-wrap {padding-top:30px}
.portfolio-wrap .btn {float:none; margin-top:0px;margin-bottom:20px}
.send-wrap_uslugi .olp .olp_img {width:50%}
.project-wrap .btn {float:none!important;margin-top: 0px;margin-bottom: 30px;}
.send-item input {margin:0px auto;display:block;}
.portfolio-item {max-width:100%}
.footer .social a {
    width: 40px;
    height: 40px;
}
.footer .social a svg {
    width: 19px;
    position: relative;
    top: 4px;
}
.footer-center p {display:none;}

.footer-item {width: 100%;position: absolute;top: 170px;float: none;}
.footer-center  {top:10px;}
.footer-menu-wrap {position:relative;top: 0px;}
.footer-menu-wrap {}
.footer {padding-top:300px}
.town-dropdown ul li {
    font-size: 13px;
}
.town span {font-size:13px;}
.head_blank {padding-top:0px;}
.head_blank .header-top {padding-top:0px;margin-bottom: 0px;}
.head_blank .header-top--left {
    float: none;
    min-width: 95%;
}
.product-card--title {display:block; clear:both;}
.categories-module {overflow:hidden;}
.categories-module li h4 a {width:100%;display: block;float: none;}
.category_nashi .span3 {width:100%}
.category-desc {padding-top:10px}
.main_b .olp_img {width:50%}
.main_b img {max-width:100%;}
.shop .olp .olp_img  {width:50%}
.head_blank .phone {top: 20px!important;}
.head_blank  .pj {top: 50px;}
.header-top .phone{top:10px}
.header .logo img {width:100px;margin-left: 0px;}
.header-top .phone span {line-height:15px}
.town {width:150px}
.footer-menu li {text-align:center;width: 50%;float: left;}
.head_blank .logo img {margin-left:20px}
.item-page img {margin-bottom:10px;max-width:100%}
.send-wrap_vopros {margin-top:10px}
 .info23 {margin-left:0px!important}
 .gallery .slider-nav3 img{max-width: 90%;}
 .logo-slider-js  .slick-next {right:10px;}
 .logo-slider-js  .slick-prev{right:50px;}
 .footer-phone,.footer-email,.footer-address {text-align:center;}
 .send-wrap_uslugi .btn {
    display: block;
    max-width: 200px;
}
.slick-slider .project-item {max-width:300px}
}
@media (max-width:768px) and (min-width:400px) {
        .slick-slider .project-item {width: 345px;}
        .slick-slider .portfolio-item{width: 345px;}
        .slick-slider  .product-card{width: 345px;}
}
#mod_itf_form4 textarea {width:100%;border:1px solid #000;border-radius:10px;height:100px;padding-left:30px;padding-top:20px}
.project-js.slick-initialized.slick-slider .project-item--wrap{margin-right:0px;margin-left:10px}
.tab-item--image {display:none;}
.tab-item--link {background: #2c7cd5;padding:5px 10px;padding-right:40px;padding-left: 25px;font-size: 13px;border-radius: 50px;color: #ffffff;transition: all 0.5s;}
.tab-item--link:hover{padding-right:50px;transition: all 0.5s;}
.tab-item--link:before {
    right: 13px;
    top: 12px;
}
.layout-tentblognashi .project-item--wrap{
    margin-right: 0px;
    margin-bottom: 10px;
}
.layout-tentblognashi .project-item--wrap .project-item {margin-left:5px;margin-right:5px;width: auto;}
.layout-tentblognashi  .category_nashi{margin-right:-5px}
.item-page p {line-height:20px}
.carta {overflow:hidden;}
.carta .cart_item {width:25%; float:left; text-align:center}
.carta .cart_item>div {margin-left:5px;margin-right:5px;border:1px solid #ddd;padding:20px;border-radius:10px;margin-bottom: 10px;}
.fgimg img {max-width:100%;}
.fgheader {font-size:16px;font-weight:bold;text-align:center;margin-bottom: 10px;}
.gallery {clear:both;}
.tab-menu a:hover {       -webkit-box-shadow: inset 0 0 0 5em #f0f1f2;
    box-shadow: inset 0 0 0 5em #f0f1f2; -webkit-transition: .35s;
    transition: .35s;}
    .jhj {height: 220px;background-repeat: no-repeat!important;background-size: cover!important;background-position: center center!important;}
    @media (min-width:768px) {
        .slick-dots li button {display:none;}
    }
    .cenj {font-size:29px;font-weight: 100;font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;margin-top: 30px;}
    .fk {margin-top:20px}
   .fk a {
    background: #2c7cd5;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 50px;
    font-size: 17px;
    transition: all 0.3s;
    }
     .layout-tentuslugipr .slider-for {text-align:center;}
    .layout-tentuslugipr .slider-for img {max-width:250px;text-align:center;}
      .layout-tentuslugipr  .gallery {}
      .dfgg4k img{max-height: 130px;width:auto;}
      .dfgg4k .product-card--text span{display:block;text-align:center;width: auto;float: none;font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight: 300;font-size: 20px;}
      .ghv div {font-size: 13px;}
      .ghv {height: 51px;overflow: hidden;}
       .main_b .dfgg4k .product-card--wrap{ width: 33.33%; }
       .main_b .dfgg4k .product-card {max-width:100%;}
       @media (max-width:1000px) {

           .main_b .dfgg4 .product-card--wrap{ width: 50%; }
       }

       .product-card .ghv div {line-height: 17px;font-weight:400;}
      .dfgg4k  .product-card--title {margin-top:10px}
      .tex_b span {position:relative;}
     .tex_b  span i {position:absolute;left:0px;width: 100%;
    left: 0px;
    top: 20px;
    font-family: 'Roboto', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-style: normal;
    font-size: 17px;
    font-weight: 300;}
    .promo-arrowTop.show {position: fixed;right:20px;bottom:40px;background: #2c7cd5;display:block;z-index: 100;width: 60px;height: 60px;border-radius: 50%;}
    .promo-arrowTop.show svg {width: 30px;height: 30px;-webkit-transform: rotate(180deg);transform: rotate(180deg);position: relative;top: 15px;left: 15px;fill: #fff;}
    .product-card a {display:block}
    .product-card a.btn  {display:inline-block}
    .item_info_section ul {padding-left: 20px;margin-left:0px;}
     .item_info_section dd {padding-left:0px;margin-left:0px;}
      .item_info_section ul li  {position:relative;}
     .item_info_section ul li:before {position:absolute;content:''; width:10px; display:block; height:1px; background:#000000;left:-20px;top:12px}
     @media (min-width:1400px) {.promo-wrap
{
    color: #fff;
    background: url(../img/promo-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    height: 600px;
    min-height: 700px;
}}
.mosaicflow .mosaicflow__item {display:none;}
.mosaicflow .mosaicflow__column .mosaicflow__item {display:block;}
 .mosaicflow {min-height: 500px;}   
 .layout-tentuslugipr .col-6 .slider-nav .slick-slide img {max-width:90%;}
 .itemid-101 .project-item--wrap,.layout-tentcity  .project-item--wrap  {float:left;}
  .itemid-101  .project-item--wrap,.layout-tentcity  .project-item--wrap {
    display:none;
     
}

.itemid-101  .project-item--wrap.slick-slide, .layout-tentcity  .project-item--wrap.slick-slide{display:block;}
.itemid-101  .logo-slider-item,.layout-tentcity   .logo-slider-item {display:none;}
.itemid-101  .logo-slider-item.slick-slide,.layout-tentcity  .logo-slider-item.slick-slide {display:block;}
.send-wrap #mod_itf_form2 {display:inline-block; width:90%;}
.send {text-align:center;}
@media (min-width:768px) {.ggti3 {margin-right:20px}
   .ds_video {
    z-index: 100;
}
 }
@media (max-width:1050px) {

    .promo-wrap .vconklo {}
    .promo-wrap .vconklo video {
    width: 150%;
}
}
 

@media (max-width:768px) {

    .promo-arrowTop.show {
    bottom: 140px;
    width: 55px;
    height: 55px;
}
    .promo-arrowTop.show svg {
    width: 20px;
    height: 20px;
    top: 18px;
    left: 18px;
}
}
.layout-tentuslugi .fc1k {width: 40%;text-align:center;}
.layout-tentuslugi .fc1k img {max-height:300px;width:auto;max-width: 100%;}
@media (max-width:1300px) and (min-width:1000px){
    .header .logo {top: 27px;}
    
}
.guir6     {clear: both;
    line-height: 18px;
    font-size: 13px;
    padding-top: 10px;
    max-width: 240px;}
    @media (max-width:1000px) {
        .guir6     {clear: both;
    line-height: 13px;
    font-size: 11px;
    padding-top: 10px;
    max-width: 240px;}
    .footer-blog--title {font-size:15px;}

    }

    @media (max-width:768px) {

       .itemid-161  .footer-blog--top {display:none;}
       .itemid-161 .footer-blog {display:block;width: 100%;position: absolute;top: 170px;float: none;}
       .itemid-161 .slide-menu-open {
    top: -10px!important;
}
    }

    .itemid-161 .dfgc45 {display:none;}
    @media (min-width:768px) {
    .itemid-161 .footer-item,.itemid-161 .footer-blog {width:33.33%!important;max-width: 1000px;}
    .itemid-161 .footer-blog {text-align:right;max-width: 330px;}
    .itemid-161 .footer-address {line-height: 23px;}}

 
.hjs  {position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100;}

.hjs .gdv{border: 4px solid #000;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border-bottom: 5px solid transparent;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -35px;}


.hjs .gdv{ 
animation:uk-rotate 1s infinite linear;-webkit-animation:uk-rotate 1s infinite linear;
animation:uk-rotate 1s infinite linear}@-webkit-keyframes uk-rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@keyframes uk-rotate{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}

@media (max-width:768px) {
  .hjs {display:none;}
  .itemid-102 .item-page img  {border-radius:0px!important;padding-right: 0px!important;float: none!important;}
.itemid-102 .item-page p {padding-left:0px!important}
  .category-desc img {max-width:100%!important;height:auto!important;}
}

.project-item--content p {
   
    height: 20px;
}
 
 .send-check a {text-decoration:none!important;}
.category-desc {}
.iks ul,ol{    margin-top: 5px;
    margin-bottom: 20px;}
.iks li{padding-left:20px}
.iks li:before {content:''; width:7px; height:7px; display:inline-block;background:#2c7cd5;border-radius:50%; position:relative;left:-10px;top:-2px;}
.d_news {text-transform:uppercase;}

@media (max-width: 400px) {
.product-card img { 
  margin:0px auto;
}
}
.ds_video {max-width:1600px;margin:0px auto}
.tab-wrap {max-width:1600px;margin:0px auto}
.fgg .olp {margin-left:-5px;}

   @media (max-width:768px) {

       .footer-blog--top {display:none;}
        .footer-blog {display:block;width: 100%;position: absolute;top: 170px;float: none;}
     .slide-menu-open {
    top: -0px!important;
}
    }

   .dfgc45 {display:none;}
    @media (min-width:768px) {
      .footer-item,  .footer-blog {width:33.33%!important;max-width: 1000px;}
     .footer-blog {text-align:right;max-width: 330px;}
     .footer-address {line-height: 23px;}}
.main_b .product{margin-left:-5px;}
.layout-tentblogshop .product{margin-left:-5px}
.info_blocks {background:#f4fafc;border-radius:5px;border-radius: 10px;padding-top: 15px;padding-bottom: 13px;min-height: 128px;}
.info_blocks .block_icon {width:32%; display:inline-block;text-align:center;}
.info_blocks .block_icon svg {}
.info_blocks .block_icon span {display: block;vertical-align: top;font-size: 20px;padding-top: 0px;padding-left: 5px;font-weight: 500;}
.buyssfs {overflow:hidden;}
.tex_b1 {width:48%;background:#f4fafc;border-radius:10px;float:left;margin-right:2%;min-height: 85px;display:block;}
.buyssfs .tex_b span {padding-left:0px;padding-top:10px;display: block;padding-left: 25px;text-align: left;}
.buyssfs .tex_b span b {font-weight:600;font-size:17px;text-align: left;margin-bottom: 6px;display: block;}
.buyssfs .tex_b  {float:none;}
.buyssfs .tex_b span i {
    position: relative;
    display: block;
    top: 0px;
    font-weight: 500;
    font-size: 27px;
}
.buyssfs .byuk {background:#287dd7;color:#fff;font-weight: 600;padding: 5px 20px;border-radius: 10px;font-size: 17px;float: left;display: inline-block;margin-top: 10px;margin-left: 20px;margin-bottom: 20px;}
.tents1 a {font-size:17px;border-bottom:1px solid #000}
.info_blocks .block_icon svg {width:60px!important; height:60px!important}
@media (max-width:768px) {

     .tex_b1 {width:auto;background:#f4fafc;border-radius:10px;float:none;margin-right:2%;min-height: 85px;display:block;margin-bottom:20px;overflow:hidden;}
     .info_blocks {display:none;}
}
 .vkladksdffg  {margin-top:40px;}
.vkladksdffg .vkladki_menu_item {background:#f4fafc;padding: 20px;margin-bottom:20px;display:none;}
.vkladksdffg .vkladki_menu_item.active { display:block}
.vkladksdffg .vkladki_menu li {display:inline-block;margin-right: 20px;}
.vkladksdffg .vkladki_menu li a {padding:20px;font-size: 17px;display: block;background:transparent;font-weight: 600;}
.vkladksdffg .vkladki_menu li a.active {background:#f4fafc;}

.layout-tentblogshop .fgg {margin-top:30px;}