@charset "UTF-8";

ol, ul {
    list-style: none;
}

.knopka {
    min-height: 22px;
    padding: 19px 0;
    width: 400px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #008ef7;
    margin: 0 auto;
    display: block;
    color: white;
}

table {
    border-collapse: collapse;
    border-spacing: 0;

}

/* meyerweb css reset end */

textarea:focus, input:focus {
    outline: 0;

}

input {
    border-width: 0;

}

em {
    font-style: Italic;

}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h1 {
color: rgb(0, 140, 243)
}

.group:before, .group:after {
    content: "";
    display: table;

}

.group:after {
    clear: both;

}

.group {
    zoom: 1;
    /* ie 6/7*/

}

embed, img, object, video {
    max-width: 100%;

}

sup {
    font-size: 58.3%;
    /*Corresponds to Photoshop's font size glyph transformation*/
    vertlcal-allgn: text-top;

}

sub {
    font-size: 58.3%;
    /*Corresponds to Photoshop's font size glyph transformation*/
    vertical-align: text-bottom;

}


html {
    font-size: 16px;
}

body {
    line-height: 1.6;
    color: black;
    background: white;
    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 1.375rem;
    /* 22px /16px = 1,375rem*/
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    text-decoration: none;
}

.global_container_ {
    float: none;
    height: auto;
    margin: 0 auto;
    position: relative;
    width: 100%;
    background: #ffffff center 0;
    background-position: center top;
    overflow: hidden;
}

.header {
    position: relative;

}

.group-2 {
    padding: 7px 0;
    position: relative;
    background: #005796;

}

.l-constrained {
    margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: 1240px;
    font-size: 14px;

}

.sloi-3 {
    float: left;

}

.text {
    float: left;

    margin: 8px 0 015px;
    color: #ffffff;

    font-size: 0.875rem;
    /* 14px /16px = 0.875rem*/

    font-weight: 200;

}

.sloi-4 {
    float: left;

    margin: 0 0 0 16px;

}

.text-2 {
    float: left;

    margin: 8px 0 0 18px;
    color: #ffffff;

    font-size: 0.875rem;
    /* 14px /16px = 0.875rem*/

    font-weight: 200;

}

.group-3 {
    margin: 16px 0 0;
    position: relative;
    width: 100%;
    /* 1920px /1920px = 100% */
}

.sloi-2 {
    float: left;

}

.text-3 {
    float: right;
    /*margin: 10px 0 0;*/
    color: #010101;

    font-size: 1.875rem;
    /* 30px /16px = 1.875rem*/

    font-weight: 200;

}

.sloi-6 {
    float: right;

    margin: 9px 29px 0 0;

}

.nav {
    margin-top: 5px;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    background-color: #e8e8e8;
    text-align: center;

}

.nav-list {
    margin: 0;
    position: relative;
    list-style: none;
    padding: 18px 0 20px;
    display: inline-block;

}

.nav-list li {
    float: left;

    margin: 0 36px 0 0;

}

.nav-list lilast-child {
    margin-right: 0;

}

nav-item {
    font-size: 1rem;
    /* 16px /16px = 1 rem */
    font-weiglit: 200;
}

.page-image {
    height: 820px;
    position: relative;
    width: 100%;
}

.page-image img {
    width: 100%;
    height: 100%;
    max-height: 760px;
    object-fit: cover;
    z-index: 0;
}

.abs {
    position: absolute;
}

.transp {
    opacity: 0.5;
}

.container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0;
}

.img-text {
    width: 850px;
    float: right;
    text-align: left;
    padding-top: 95px;
    color: #ffffff;
    position: relative;
}

.text-4 {
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 0 73px #000706;
    /*drop shadow*/
    text-transform: uppercase;

}

.regular {
    font-weight: normal;
}

.semi-light {
    font-size: 1.95rem;
    /* 30px */
}

.text-5 {
    font-size: 2.2rem;
    /* 30 px / 16 px = 1 875 rem */
    font-weight: 300;
    line-height: 50px;
    text-shadow: 0 0 27px #000706;
    /*drop shadow*/
}

.button-1 {
    margin-top: 85px;
    margin-bottom: 100px;
}

.text-7 {
    line-height: 40px;
    text-shadow: 0 0 27px #000706;
    /*drop shadow*/
    font-size: 1.3125rem;
}

.text-style-4 {
    font-weight: 600;
    font-size: 1.875rem;
}

.main-content-wrapper {
    margin: 0 auto;
    margin-top: 65px;
    position: relative;
    max-width: 1240px;
}

.text-8 {
    line-height: 40px;
    text-align: center;
}

.text-9 {
    margin: 17px auto 0;
    max-width: 1238px;
    line-height: 40px;
    text-align: center;
}

.text-10 {
    margin: 66px 0 0;
    font-size: 1.875rem;
    /* 30px /16px = 1,875rem*/
    text-align: center;
    text-transform: uppercase;
}

.col-10 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.row-13 {
    position: relative;

}

.logo {
    width: 120px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 42px 30px;
}

.group-5 {
    /*height: 740px;*/
    margin: 0;
    padding: 37px 0 39px;
    position: relative;
    background: url(../images/pryamougolnik_3.jpg) no-repeat;
    background-size: cover;
}

.text-11 {
    font-size: 1.875rem;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.row-6 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 22px;
}

.adv-group {
    margin: 40px 70px;
    position: relative;
    width: 255px;

}

.ellips-holder {
    margin: 0 auto;
    padding: 60px 0 59px;
    position: relative;
    width: 180px;
    height: 180px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
    -webkit-box-shadow: 12.948116px 12.503851px 27px 0 rgba(0, 7, 6, 0.08);
    /*drop shadow*/
    -moz-box-shadow: 12.948116px 12.503851px 27px 0 rgba(0, 7, 6, 0.08);
    /*drop shadow*/
    box-shadow: 12.948116px 12.503851px 27px 0 rgba(0, 7, 6, 0.08);
    /*drop shadow*/

}

.adv-img {
    display: block;
    margin: 0 auto;
    position: relative;
    bottom: 10px;

}

.adv-txt {
    margin: 43px 0 0;
    font-size: 1,2rem;
    /* 16px /16px = 1 rem*/
    text-align: center;
    text-transform uppercase;
}

.group-12 {
    margin: 0 auto;
    padding: 140px 0;
    position: relative;
    width: 1240px;
}

.price-group {
    margin: 10px 20px;
    position: relative;
    width: 340px;
    text-align: center;
    background: #f6f6f6;
}

.item-text {
    color: white;
}

.price-text {
    padding-top: 40px;
}

.price-holder {
    height: 80px;
    padding: 19px 0 21px;
    position: relative;
    background: #008ef7;
    font-size: 0.85rem;
    text-transform: uppercase;
}

.group-13 {
    min-height: 200px;
    position: relative;
    width: 400px;
    background: #f6f6f6;
    margin-top 64px;

}

.text-18 {
    text-align: center;

}

.text-18 > * {
    color: #ffffff;
    font-size: 1rem;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
}

.text-19 {
    margin: 40px 0 0;
    font-size: 1.875rem;
    /* 30px /16px = 1.875rem*/
    lineheight: 20px;
    text-align: center;
}

.col-5 {
    position: relative;
    width: 400px;

}

.text-20 {
    font-size: 1.875rem;
    /* 30px /16px = 1,875rem*/

    text-align: center;

    text-transform uppercase;

}

.group-14 {
    margin: 34px 0 0;
    min-height: 200px;
    position: relative;
    background: #f6f6f6;

}

.pryamougolnik-4-kopiya-ho! der-2 {
    min-height: 40px;
    padding: 19 px0 21px;
    position: relative;
    background: #008ef7;

}

.text-21 {
    text-align: center;

}

.text-21 > * {
    color: #ffffff;

    font-size: 1rem;
    /* 16px /16px = 1 rem*/

    line-height: 20px;

    text-align: center;

    text-transform uppercase;

}

.text-22 {
    margin: 40px 0 0;

    font-size: 1.875rem;
    /* 30px /16px = 1,875rem*/
    line-height: 20px;
    text-align: center;
}

.group-15 {
    min-height: 200px;
    position: relative;
    width: 400px;
    background: #f6f6f6;
    margin-top: 64px limportant;

}


.text-23 {
    max-width: 400px;
    text-align: center;

}

.text-23 > * {
    color: #ffffff;
    font-size: 1rem;
    /* 16px /16px = 1 rem*/
    text-align: center;
    text-transform uppercase;
}

.text-24 {
    margin: 30px 0 0;
    font-size: 1rem;
    /* 16px /16px = 1 rem*/
    line-height: 20px;
    text-align: center;
}
.group-11 {
    margin-top: 75px;
    position: relative;
    margin-bottom: 65px;
}
.group-16 {
    position: relative;
    /*margin-top: 65px;*/
    background: url(../images/pryamougolnik_5.jpg) no-repeat center 0;
    background-size: cover;
}

.col-4 {
    height: 360px;
    padding: 57px 0 60px;
    position: relative;
    background: rgba(0, 0, 0, 0.55);

}

.text-25 {
    color: #ffffff;
    font-size: 1.875rem;
    /* 30px /16px = 1.875rem*/
    text-align: center;

}

.row-3 {
    margin: 35px auto 0;
    position: relative;
    width: 1030px;
    margin-bottom: 37px;

}

.gruppa-3 {
    float: right;
    min-height: 40px;
    width: 230px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #13a6e1;
    color: #ffffff;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

.gruppa-7 {
    float: left;
    height: 60px;
    padding: 0 19px;
    width: 30%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.83);
    -webkit-box-shadow: inset 1.43868px 1.389317px 2px 0 rgba(0, 7, 6, 0.4);
    /*inner shadow*/
    -moz-box-shadow: inset 1.43868px 1.389317px 2px 0 rgbafo, 7, 6, 0.4);
    /*inner shadow*/
    box-shadow: inset 1.43868px 1.389317px 2px 0 rgba(0, 7, 6, 0.4);
    /*inner shadow*/
    font-size: 1rem;
    /* 16px /16px = 1 rem*/
    font-weight: 200;
    line-height: 60px;
    margin: 5px 8px;
}

.button-2 {
    margin-top: 60px;
}

.group-17 {
    height: 188px;
    width: 1905px;
    overflow: hidden;
    padding: 31px 0 361px;
    position: relative;
    background: url(../images/pryamougolnik_6.jpg) no-repeat center 0;
}

.col-3 {
    height: 155px;
    overflow: hidden;
    padding: 18px 16px;
    width: 221px;
    z-index 15;
    background: url(../images/figura_1.png) no-repeat;
    left: 940px;
    top: 30px;
    position: absolute;
}

.sloi-2-kopiya {
    display: block;
    position: relative;

}

.row-2 {
    margin: 22px 0 0;
    position: relative;

}

.sloi-47 {
    float: left;

    margin: 012px 0 0;

}

.text-29 {
    margin: 12px 0 0;
    font-size: 1.125rem;
    text-align: right;

}

.sloi-45 {
    display: block;
    left: 970px;
    top: 170px;
    position: absolute;
    z-index: 14;

}

.footer {
    position: relative;

}

.group-18 {
    position: relative;

}

.row {
    padding: 34px 0 33px;
    position: relative;
    background: #f6f6f6;
    margin: 0;
    text-align: center;
}

.footer-holder {
    background-color: #005796;
    height: 58px;
    color: white;
    padding-top: 22px;
    font-size: 18px;
}

.social {
    margin: 0 11px;
}

.map {
    margin-bottom: -20px;
}

@media screen and (max-width:479px){

    .text-4{
        font-size: 5vw;
        text-align: center;
        padding: 5px;
    }

    .text-5{
        font-size: 4.3vw;
        text-align: center;
        line-height: 30px;
        padding: 5px;
    }

    .img-text{
        width: 100%;
        padding-top: 10px;
    }

    .page-image{
        height: auto;
    }

    .button-1{
        margin: 15vw auto 5px auto;
    }

    .img-container{
        width: 100% !important;
    }

    .col-xs-1 {
        width: 100%;
    }

    .col-4{
        height: auto;
    }

    .text-3{
        font-size: 5.3vw;
    }

    .col-10 > a{
        width: 50%;
    }
    .knopka{
        width: 90%;
    }

    .logo{
        margin: 42px 50%;
        transform: translateX(-50%);
    }

    .text-2{
        float: none;
        margin: 10px 0 0 35px;
    }

    .sloi-4{
        margin: 0;
    }

    .sloi-6{
        float: none;
        margin: 0 0 0 15px;
    }

    .semi-light{
        font-size: 4.3vw;
    }
    
    .text-7{
        text-align: center;
        padding: 5px;
    }

    .nav-list > li{
        font-size: 4.5vw;
        margin-right: 0;
        float: right;
        width: 50%;
    }

    .nav-list > li:nth-child(odd){
        float: left;
    }
    
    .item{
        height: 50vw;
    }
    
    .item > img{
        height: 50vw;
    }

    .carousel-indicators{
        display: none;
    }
    
    .page-text{
        padding: 0px 15px 0px 15px
    }
    
    .gruppa-7:last-child{
        margin-top: 15px;
    }

    .text-8{
        margin-top: 15px;
    }
    
    .footer-holder{
        padding: 10px;
        height: auto;
        font-size: 3.5vw;
    }
    
    .text-9 > span{
        float: left;
    }

    .map{
        margin-top: 15px;
    }

}