File Manager - BorneoXploit

Editing: asda-barvent.css

@font-face {
    font-family: 'Cyrillic-Ribbon';
    src: url('font/CyrillicRibbon.eot'); /* IE9 Compat Modes */
    /*src: url('webfont.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
    url('font/CyrillicRibbon.woff2') format('woff2'), /* Super Modern Browsers */
    url('font/CyrillicRibbon.woff') format('woff'), /* Pretty Modern Browsers */
    url('font/CyrillicRibbon.ttf')  format('truetype'), /* Safari, Android, iOS */
    /*url('webfont.svg#svgFontName') format('svg'); !* Legacy iOS *!*/
}

.welcome .bg-welcome {
    background-image: url("images/redisgn/Artboard.jpg");
    width: 100%;
    height: 100%;
}

#blog-single .news-content p a {
    color: blue;
}
#bv-products .row{
    padding:  0 50px;
}

#foot_text a {
    color: blue;
}
.nav h2, .nav h1 {
    font-family: 'Inter',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
    /* identical to box height */
    text-align: center;
    padding: 20px 100px 20px;
    margin: auto 0;

background: linear-gradient(180deg, #1B033F 0%, #003CDE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.nav{
    background-image: url("images/header.png");
    background-repeat: no-repeat;
    background-size: 1950px;
    width: 100%;
    /*background-attachment: fixed;*/
    /*max-width: 1920px;*/
    height: auto;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    align-items: center;
    display: block;
    justify-content: center;
    margin-top: -25px;
}
.asda-nav {
    background-image: url("images/redisgn/ASDA_bckg.jpg") !important;
}
#bv-products .container-fluid, #asda-products .container-fluid, #asda-single-product .container-fluid {
    padding-left: unset;
    padding-right: unset;
}
.cards {
    max-width: 326px;
    word-wrap: break-word;
    background: #FFFFFF;
    box-shadow: 11px 4px 21px rgba(0, 0, 0, 0.25);
    margin: 25px 20px;
}
.card-body{
    padding: 26px;
    box-sizing: border-box;
}
.card-body p{
    font-family: 'Montserrat',sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #000000;

}
.text-white{
    /*width: 151.38px;*/
    height: 38.77px;
    background: #FF1514;
    padding: 7px 10px;
    border-radius: 5px;
}
.text-white:hover {
    background-color: #f0f0f0;
}
.btnb a:hover {
    color: #0b0b0b!important;
}
.btnb2 {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.btnb{
    display: flex;
    justify-content: flex-end;
}
#bv-products .img-fluid {
    /*height: 260px;*/
}

#bv-products .col-lg-4 {
    padding: unset;
    /*padding-bottom: 30px;*/
}
#bv-products .cards .card-body p {
    margin-bottom: unset;
}
#bv-products .btnb {
    display: block;
    position: absolute;
    bottom:20px;
    right: 20px;
}
.mincard{
    width: 282px;
    height: 301px;
    background: #FFFFFF;
    box-shadow: 11px 4px 21px rgba(0, 0, 0, 0.25);
}
#asda-products #asda-p-1 .cards {
    max-width: 350px;
}
#asda-products #asda-p-1 .img-fluid {
    display: block;
    width: 180px;
    height: 270px;
    object-fit: cover;
    margin-left: auto;
    margin-right: auto;
}
#asda-products #asda-p-1 .card-img {
    background-image: url("images/asda-products/asda-choco.png");
    background-size: cover;
}
#asda-p-1 .col-xl-4 {
    padding-left: unset;
    padding-right: unset;
    padding-bottom: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {

.row{
        padding:  0  ;
    }
    .cards{
        width: 640px;
        height: 659.74px;
        background: #FFFFFF;
        box-shadow: 11px 4px 21px rgba(0, 0, 0, 0.25);
    }
    .card-body{
        padding: 26px;
        box-sizing: border-box;
    }
    .card-body p{
        font-family: 'Montserrat',sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 20px;
        color: #000000;

}
    .text-white{
        width: 151.38px;
        height: 48.77px;
        background: #FF1514;
        border: none;

}
    .btnb{
        display: flex;
        justify-content: flex-end;
    }

.mincard{
        width: 640px;
        height: 671px;
        background: #FFFFFF;
        box-shadow: 11px 4px 21px rgba(0, 0, 0, 0.25);
    }
    .card-img img{
        width: 640px;
        height: 550px;
    }

.nav{
        background-image: url("images/asda-products/mesh-gradient 1 (1).png");
        background-repeat: no-repeat;
        background-size: 1550px;
        width: 100%;
        background-attachment: fixed;
        max-width: 1920px;
        height: 228px;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }

}
.entry-meta {
    padding: 15px;
}
.news-content {
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin-bottom: 10px;
    word-wrap: break-word;
}
.news-content p {
    color: #0b0b0b;
}
.news-content h1 {
    display: block;
    font-size: 2em;
    margin: 0.67em 0;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .main-image {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #asda-single-p .col-lg-8 p, #asda-single-p .col-lg-6 p {
        color: #0b0b0b;
        /*padding-left: 50px;*/
        padding-right: 50px;
        font-size: 17px;
    }
    #asda-single-p .col-lg-12 p {
        color: #0b0b0b;
        font-size: 17px;
    }
    #asda-single-p .product-block {
        padding: 50px 0;
        display: flex;
    }
    #asda-single-p .title-2-desc {
        font-size: 20px;
        color: #0b0b0b;
    }
    #asda-single-p .col-lg-6 img {
        float:right;
    }

p {
        font-family: 'Montserrat';
    }
    #banner .col-lg-12 {
        padding-left: unset;
        padding-right: unset;
        margin-bottom: -5px;
    }

.about-asda {
       width: 100%;
        margin-top: 53px;
    }
    .a-banner-img {
        width: 150px;
        margin-top: -20px;
    }
    .about-asda b {
        color: #000;
    }
    .about-asda p {
        border-left: 4px solid #D10000;
        padding-left: 15px;
        font-style: normal;
        font-weight: 400;
        font-size: 19px;
        line-height: 26px;
        color: #272C31;
    }
    .asda-main-title{
        font-size: 42px;
        font-family: Montserrat, Helvetica, Arial, sans-serif;
        font-weight: 700;
        text-align: center;
    }

.asda-lider {
        margin-top: 90px;
        padding-top: 35px;
        padding-bottom: 0;
        position: relative;
    }
    .asda-lider > img {
        width: 100%;
        height: 631px;
        opacity: 1;
        position: absolute;
    }
    .asda-lider .asda-lider-bg {
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        position: absolute;
        background: #F5F7F8;
        opacity: 0.5;
    }
    .asda-lider .container {
        padding: 88px 0px;
    }
    .asda-lider h2 {
        font-size: 42px;
        padding: 20px 0;
    }
    .asda-lider .red-border {
        width: 257px;
        height: 435px;
        border: 1px #D10000 solid;
        position: absolute;
        bottom: 20px;
        transform: translate(140%, 0%);
        z-index: 0;
    }
    .asda-lider blockquote {
        margin: 0 !important;
        border-left: 4px solid #D10000;
    }

.lider-back-pic {
        margin-top: 60px;
        content: url(images/lider-bg.png);
        height: 350px;
        position: absolute;
        left: 0;
    }
    .lider-desc {
        font-style: normal;
        font-weight: 400;
        font-size: 19px;
        line-height: 27px;
        color: #000000;
    }

.cotton {
        padding: 100px 0;
    }
    .cotton .row.justify-content-between .col-lg-5{
        flex: 0 0 45%;
        max-width: 45%;
    }
    .cotton h2 {
        font-size: 45px;
        padding: 0 0 30px;
    }
    .cotton .cotton__desc {
        line-height: 27px;
        font-size: 18px;
        color: #222;
        font-weight: normal;
    }
    .cotton .cotton__achive {
        width: 100%;
        height: auto;
        background: #D10000;
        display: flex;
        padding: 10px;
        align-items: center;
    }

.laboratory .laboratory__desc {
        border-left: 4px solid #D10000;
        padding-left: 20px;
    }

.primushestva, .garantiya {

padding-top: 58px;
        padding-bottom: 35px;
        background: #F5F7F8;
    }
    .primushestva img {
        width: 100px;
        transition: transform .5s;
    }
    .primushestva img:hover {
        transform: scale(1.3);
    }
    .primushestva p {
        padding-top: 35px;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        color: #000000;

}
    .primushestva .col-lg-2, .secta-1 {
        margin-left: 16px;
        margin-right: 16px;
    }
    .katalog-product, .sertifikat {
        margin-top: 50px;
        padding-top: 35px;
        padding-bottom: 35px;
        width: 1419px;
        margin-left: auto;
        margin-right: auto;
    }
    .katalog-product img {
        width: 153px;
        /*height: 250px;*/
        transition: transform .5s; /* Animation */
    }
    .katalog-product img:hover {
        transform: scale(1.2);
    }
    .secta-2-1 {
        margin-right: 45px;
    }
    .secta-2-2 {
        margin-right: 110px;
    }
    .secta-2-3 {
        margin-right: 10px;
    }
    .secta-2-3 img {
        width: 303px; height: 245px;
    }
    .katalog-product p, .katalog-product .asda-name {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
        color: #000000;
        padding-top: 25px;
        width: 235px;
        margin-left: -40px;
    }
    .secta-2-4 .asda-name {
        width: 250px;
    }
    .secta-2-1 .asda-name {
        width: 230px;
    }
    .secta-2-2 .asda-name {
        width: 292px;
        margin-left: -64px;
    }
    .katalog-product .asda-name h6 {
        font-weight: 700;
        font-size: 20px;
        line-height: 29px;
        text-align: center;

color: #D10000;
    }
    .katalog-product .secta-3-p {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
        color: #000000;
        /*width:180px;*/
        margin-left: 45px;
    }
    .garantiya img {
        width: 100px;
        margin-bottom: 65px;
        margin-right: 20px;
        transition: transform .5s;
    }
    .garantiya img:hover {
        transform: scale(1.3);
    }
    .garantiya span {
        display: inline-block;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;

color: #000000;
        width: 300px;
    }
    .garantiya .gsecta-1 {
        left: -150px;
    }
    .garantiya .gsecta-2 {
        margin-right: -350px;
    }
    .gmb-80 {
        margin-bottom: 80px;
    }
    .two-cvadrat {

padding-top: 35px;
        padding-bottom: 35px;

width: 1580px;
        margin: 0 auto;
    }
    .two-cvadrat .cvadrat-1 {
        background: #FCFCFC;
        box-shadow: -26px 6px 48px rgba(0, 0, 0, 0.07);
        border-radius: 40px;
        padding: 76px 79px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        color: #4A4A4A;
    }
    .two-cvadrat .cvadrat-2 {
        background: #FCFCFC;
        box-shadow: -7px 6px 48px rgba(0, 0, 0, 0.15);
        border-radius: 40px;
        padding: 149px 79px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        color: #4A4A4A;
    }
    .ice-cvadrat {
        display: inline-flex;
        background: #FFFFFF;
        box-shadow: 1px 1px 21px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
    }
    .ice-cvadrat img {
        /*display: inline-flex;*/
        margin-left: -35px;
        height: 190px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .ice-cvadrat p {
        margin-left: -20px;
    }
    .ice-cvadrat #p1 {
        padding-top: 40px;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #4A4A4A;
    }
    .ice-cvadrat #p2 {
        padding-top: 80px;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #4A4A4A;
    }
    .pic-map {
        margin: 0 auto;
        width: 510px;
        text-align: center;
    }
    .cip-address {
        padding-top: 45px;
        padding-bottom: 45px;
        background: #EAEAEA;
    }
    .cip-text {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
    }
    #cip-1 {
        margin-left: -6px;
    }
    #cip-2 {
        right: -26px;
    }
    .oplata-turi {
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 1px 1px 21px rgba(0, 0, 0, 0.25);
        width: 172px;
        height: 112px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .oplata-turi img {
        width: 73px;
        height: 73px;
    }
    .oplata-main {
        padding-top: 55px;
        padding-bottom: 55px;
        background: #EAEAEA;
    }
    .oplata-main .oplata-name {
        text-align: center;
        padding-top: 25px;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        /* identical to box height */
        color: #000000;
    }
    .footer-part {
        background: #1B033F;
    }
    .socials {
        display: flex;
        justify-content: center;
    }
    .socials img {
        width: 40px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .footer-part h2 {
        color: #fff;
    }
    .footer-map {
        width: 695px;
    }
    .footer-center {
        display: flex;
        justify-content: center;
    }
    .office {
        color: #fff;
        width: 380px;
        margin-left: 50px;
    }
    #loc {
        display: block;
        width: 31px;
        margin-bottom: -50px;
    }
    .foot-contact {
        right: -80px;
    }
    #contact img {
        margin-top: -5px;
        width: 29px;
    }
    .contact-phone, .contact-email {
    color: #fff;
        margin-left: 20px;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
    }
    .contact-phone a, .contact-email span {
        padding-left: 24px;
        color: white;
    }
    .footer-part h2 {
        font-weight: 500;
    }
    .footer-part #gl-office {
        padding-left: 135px;
    }
    .header-left-info .phone-1 {
        width: 30px;
    }
    .header-left-info a {
        padding-left: 10px;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #011F78;
    }
    .langs {
        position: sticky;
        margin-top: auto;
        margin-bottom: auto;
        margin-right: 53px;
    }
    .langs img {
        width: 29px;
    }
    .liniya {
        display: none;
    }
    .msecta-2-3, .msecta-2-4 {
        display: none;
    }
    .two-cvadrat .mobile {
        display: none;
    }
    .footer-part #contact h2 {
        margin-left: 20px;
    }
    #contact h2#email {
        margin-left: 20px; margin-top: 70px;
    }
    #socials-mob {
        display: none;
    }
    .youtube .youtube-iframe {
        width: 100%;
        height: 315px;
        border-radius: 15px;
    }
    .mr-3 {
        margin-right: 37px;
    }
    .breadcumb {
        /*color: #ddd;*/
        /*display: inline-block;*/
        /*position: absolute;*/
        /*right: 100px;*/
        /*margin-top: 80px;*/
    }
    .breadcumb a:hover {
        color: orange;
    }
}

/**********************************
******END DESKTOP VERSIA ASDA >UZ ***********
**********************************/

@media (min-width: 360px) and (max-width: 768px) {

.asda-main-title{
        font-size: 24px;
        word-break: break-word;
    }

.breadcumb {
        padding-top: 10px;
        line-height: 17px;
    }
    .langs {
        display: none;
    }
    #banner .col-sm-6 {
        padding-left: unset;
        padding-right: unset;
    }
    #banner img {
        height: 150px;
    }
    .about-asda .a-banner-img {
        display: block;
        width: 217px;
        margin-left: auto;
        margin-right: auto;
    }
    .sm-center {
        margin-left: auto;
        margin-right: auto;
    }
    .about-asda p {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #272C31;
        margin-bottom: 50px;
    }
    .kms-pms-info h2 {
        font-size: 21px;
    }

.kms-pms-info p {
        line-height: 27px;
        color: #272C31;
        font-size: 18px;
        font-weight: 400;
    }
    .liniya {
        border: 3px solid #F39200;
        transform: rotate(-180deg);
        width: 100px;
        margin: -10px auto 40px;
    }
    .asda-lider {
        padding-top: 45px;
    }
    .asda-lider h2 {
        text-align: center;
        font-size: 30px;
    }
    .lider-desc {
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        text-align: center;
        color: #000000;
        padding-top: 23px;
    }
    .asda-lider blockquote {
        display: block;
        margin: 43px 0px !important;
        padding: 2px 0 2px 10px;
        color: #000;
        font-size: 18px;
        font-weight: 400;
        text-align: center;
    }
    .cotton {
        padding-left: 30px;
        padding-right: 30px;
    }
    .cotton .row {
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
        padding: 20px 5px;
    }
    .cotton h2, .laboratory h2 {
        font-size: 30px;
        text-align: center;
        padding-bottom: 20px;
    }
    .cotton .cotton__desc {
        line-height: 27px;
        font-size: 18px;
        color: #222;
        font-weight: normal;
    }
    .cotton .cotton__achive {
        width: 100%;
        height: auto;
        background: #D10000;
        display: flex;
        padding: 10px;
        align-items: center;
    }
    .laboratory {
        padding: 15px;
    }
    .laboratory .container {
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
        padding: 20px;
    }
    .laboratory .laboratory__images {
        display: grid;
        row-gap: 20px;
    }
    .youtube {
        z-index: 99;
    }
    .youtube .youtube-iframe {
        width: 91vw;
        height: 270px;
        border-radius: 10px;
    }
    .primushestva{
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    }
    .primushestva h2 {
        margin-top: 40px;
    }
    .primushestva img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 80px;
        filter: drop-shadow(0px 3px 5px #979292);
    }
    .primushestva .col-sm-6 p {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 41px;
        text-align: center;
        color: #000000;
        width: 257px;
        font-size: 18px;
        font-weight: 400;
        color: #272C31;
        font-style: normal;
        line-height: 27px;
    }

.katalog-product {
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
    }
    .katalog-product .asda-name {
        margin-top: 15px;
        text-align: center;
        margin-bottom: 15px;
    }
    .katalog-product .asda-name h6 {
        font-size: 16px;
        color: red;
    }
    .katalog-product h2 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 45px;
        width: 300px;
    }
    .secta-1 img, .secta-2-1 img, .secta-2-2 img, .msecta-2-3 img {
        width: 65px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .msecta-2-4 img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 85px;
    }
    .secta-2-3, .secta-2-4 {
        display: none;
    }
    .katalog-product p {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
        text-align: center;
        color: #000000;
        width: 130px;
        margin: 0 auto;
        padding-top: 35px;
        padding-bottom: 30px;
    }
    .garantiya {
        display: none;
        /*box-shadow: 0 12px 15px -5px rgba(0, 0, 0, 0.25);*/
    }
    .oplata-main, .sertifikat + .container {
        display: none;
    }
    .garantiya h2 {
        margin-top: 38px;
        margin-bottom: 48px;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
    }
    .garantiya .col-sm-6 img {
        display: block;
        margin: 0 auto;
        width: 74px;
    }
    .garantiya .col-sm-6 span {
        display: block;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
        text-align: center;
        width: 205px;
        color: #000000;
        margin: 0 auto;
        padding-top: 34px;
        padding-bottom: 37px;
    }
    .sertifikat {
        box-shadow: 0 12px 15px -5px rgba(0, 0, 0, 0.25);
        padding-bottom: 50px;

}

.sertifikat h2 {
        padding-top: 38px;
        padding-bottom: 38px;
    }
    .sertifikat img {
        box-shadow: 4px 4px 22px -2px rgba(0, 0, 0, 0.25);
    }
    .two-cvadrat .desktop {
        display: none;
    }
    .two-cvadrat .mobile .energy-1-icon {
        width: 50px;
        margin-right: 12px;
    }
    .two-cvadrat .mobile .iso-1-icon {
        width: 30px;
    }
    .two-cvadrat .mobile .chemistry-1-icon {
        height: 30px;
    }
    .two-cvadrat .mobile .stz-1-icon {
        height: 40px;
    }
    .two-cvadrat .mobile {
        display: block;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .two-cvadrat p {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        text-align: center;

color: #717171;
    }
    .two-cvadrat .eco-standart {
        height: 47px;
        padding-left: 6px;
        padding-right: 6px;
    }
    .two-cvadrat {
        box-shadow: 0 12px 15px -5px rgba(0, 0, 0, 0.25);
        padding-bottom: 40px;
    }
    .two-cvadrat .cvadrat-1 {
        background: #FCFCFC;
        box-shadow: -26px 6px 48px rgba(0, 0, 0, 0.07);
        border-radius: 20px;
        padding: 32px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 9px;
        text-align: center;
        color: #4A4A4A;
    }
    .two-cvadrat .cvadrat-2 {
        background: #FCFCFC;
        box-shadow: -7px 6px 48px rgba(0, 0, 0, 0.15);
        border-radius: 20px;
        padding: 69px 48px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        line-height: 9px;
        text-align: center;
        color: #4A4A4A;
    }
    .two-cvadrat .cvadrat-2 img:nth-child(1) {
        width: 177px;
    }
    .two-cvadrat .cvadrat-2 img:nth-child(2) {
        width: 54px;
    }

h2.pic-map {
      text-align: center;
        padding-bottom: 14px;
    }
    #photo-map img {
        object-fit: cover;
        object-position: left;
        height: 340px;
    }

.cip-address {
        padding: 45px 23px;
        background: #EAEAEA;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 16px;
        text-align: center;
        color: #636363;
    }
    .oplata-main .oplata-turi {
        /*width: 172px;*/
        height: 100px;
        background: #FFFFFF;
        box-shadow: 1px 1px 21px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .oplata-main .oplata-name {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #000000;
        padding-top: 21px;
        padding-bottom: 31px;
        display: flex;
        justify-content: center;
    }
    .oplata-main .oplata-turi img {
        width: 60px;
    }
    #socials-desk {
        display: none;
    }
    .footer-part {
        background: #1B033F;
    }
    .footer-part h2 {
        padding-top: 25px;
        color: #fff;
        font-weight: 500;
    }
    .footer-part #loc img {
        width: 31px;
        margin-top: -15px;
    }
    .footer-part .office {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        width: 93%;
        margin-left: 40px;
        color: #fff;
        padding-right: 15px;
        margin-top: -50px;
    }
    .footer-part .footer-map {
        margin-top: 25px;
    }
    .footer-part #contact img {
        width: 28px;
    }
    .footer-part #contact h2 {
        margin-bottom: 28px;
    }
    .footer-part #contact span {
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 16px;
        color: #fff;
        margin-left: 20px;
        padding-top: 5px;
    }
/*    .contact-email span {
        display: inline-block;
        margin-top: -15px;
    }*/
    .footer-part #socials-mob {
        padding-top: 28px;
        padding-bottom: 30px;
    }
    #socials-mob img {
        width: 25px;
    }
    #socials-mob a {
        margin-right: 5px;
    }

.nav {
    height: auto;
    padding-top: 40px;
    padding-bottom: 30px;
    display: flex;
}
    .nav h1 {
        font-size: 5vw;
        line-height: 25px;
        width: 300px;
        word-wrap: break-word;
        padding: unset;
    }
    #asda-single-p .main-image {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #asda-single-p .product-block img {
        padding-bottom: 20px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #asda-single-p .col-sm-6 h4 {
        width: 320px;
        word-wrap: break-word;
        margin-left: auto;
        margin-right: auto;
    }
    #asda-single-p #img01 {
        margin-bottom: 15px;
    }
    #asda-single-p #img01 img {
        margin: 0 auto;
        display: block;
    }
    .cards{
        max-width: 330px;
    }
    blockquote {
        display: unset;
        border-left: unset;
    }
    .alignleft {
        display: block;
        float: unset;
        margin: 0 auto;
        padding-bottom: 15px;
    }
    .d-mob-none{
        display: none;
    }

}

/****************************************
********* END MOBILE VERSION ASDA.UZ ******
*****************************************/

/**************************************************
******** BARVENT.UZ DESKTOP VERSION *****************
**************************************************/
@media (min-width: 1200px) {
    .hoverontouch--aktiv {
        display: unset;
    }
    .max-size-img img {
        /*height: 100%;*/
        max-height: 600px;
    }
    #news-single .col {
        display: flex;
        justify-content: center;
    }
    #news-single .post-thumbnail {
        width: 800px;
    }
    #news-single .max-size-img img:hover, #news-single .post-thumbnail img:hover {
        /*transform: scale(2);*/
        /*z-index: 99;*/
        /*transition: all 1s;*/
        /*position: relative;*/
    }
    #news-single  .news-content h1,
    #news-single  .news-content h2,
    #news-single  .news-content h3,
    #news-single  .news-content h4 {
        display:flex;
        justify-content: center;
    }
    .banner-ramka .banner-barvent {
        display: inline-block;
        background-image: url("images/banner-something.svg");
        background-repeat: no-repeat;
        z-index: 5;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .banner-ramka {
        width: 100%;
        height: 500px;
        position: relative;
        top: -22px;
    }
    .banner-ramka img {
        position: absolute;
        width: 100%;
        height: 442px;
    }
    .banner-ramka h1 {
        position: absolute;
        z-index: 10;
        color: #fff;
        font-size: 70px;
        margin-top: 130px;
        margin-left: 41px;
    }
    .banner-ramka p {
        position: absolute;
        z-index: 10;
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 27px;
        color: #FFFFFF;
        width: 530px;
        margin-top: 218px;
        margin-left: 41px;

}
    .welcome {
        padding-top: 80px;
        padding-bottom: 80px;
        box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.1);

background-image: url("images/redisgn/Artboard.jpg");
        background-size: cover;
    }
    .welcome h2 {
        font-family: 'Google Sans';

font-weight: 700;
        font-size: 40px;
        line-height: 51px;
        text-align: center;

background: linear-gradient(180.97deg, #96B2FF 0.84%, #0034BF 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        margin-top: 50px;
    }
    .welcome h1 {
        font-family: 'Google Sans';
        font-weight: 700;
        font-size: 83px;
        line-height: 122px;
        text-align: center;

background: linear-gradient(180.97deg, #FF4D00 0.84%, #FFB067 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

.welcome h4 {
        font-family: 'Google Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 17px;
        line-height: 22px;
        text-align: center;

background: linear-gradient(180deg, #96B2FF 0%, #0034BF 18.48%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

.welcome h4 + p img {
        width: 458px;
        margin-top: 20px;
    }
    .welcome h4 + p {
        margin-bottom: 0;
    }
    .welcome span#history {
        margin-top: 3px;
        display: block;
        height: 4px;
        width: 202px;
        background: #F39620;
        margin-bottom: 5px;
    }
    .welcome span#kredo {
        margin-top: 3px;
        display: block;
        height: 4px;
        width: 165px;
        background: #F39620;
        margin-bottom: 5px;
    }
    .welcome p {
        font-family: 'Google Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 30px;
        line-height: 38px;
        text-align: center;

color: #000000;
    }
    .group {
        padding-top: 70px;
        padding-bottom: 70px;
        box-shadow: 0px 4px 17px -5px rgba(0, 0, 0, 0.1)
    }
    .group h2, .purpose-and-tasks h2, .partners h2 {
        font-size: 32px;
        line-height: 39px;
        color: #011F78;
        font-weight: 500;
        text-transform: uppercase;
    }
    .group .col-lg-2 {
        max-width: 11.5%;
        background-color: #E7E7E7;
        padding: unset;
        margin: 0 11px;
    }
    .group p {
        background: #E7E7E7;
        padding-top: 23px;
        /*padding-bottom: 35px;*/
        padding-left: 9px;
        padding-right: 5px;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #000000;
    }
    .group p span {
        font-weight: 700;
    }
    .purpose-and-tasks {
        padding-top: 70px;
        padding-bottom: 100px;
    }
    .purpose-and-tasks .col-lg-2 {
        max-width: 12.8%;
    }
    .purpose-and-tasks span {
        display: block;
        font-style: normal;
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
        color: #000000;
    }
    .purpose-and-tasks img {
        width: 150px;
        display: block;
       margin: 0 auto;
    }
    .purpose-and-tasks .img-2 {
        margin-top: 28px;
    }
    .purpose-and-tasks .img-3 {
        margin-top: 25px;
    }
    .purpose-and-tasks .img-5 {
        margin-top: 5px;
    }
    .purpose-and-tasks .text-1 {
        margin-top: -19px;
    }
    .purpose-main {
        position: relative;
        padding: 0;
        width: 100%;
        height: 150px;
        display: block;
        cursor: pointer;
        overflow: hidden;
        transition: height 0.4s;
    }
    .purpose-main:hover {
        height: 350px;
    }
    .purpose-main .content {
        word-wrap: break-word;
        padding: 0 8px;
        opacity: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 15px;
        position: absolute;
        top: 0;
        left: 0;
        color: #000;
        border: 1px solid #ddd;
        border-radius: 15px;
        /*background-color: rgba(252, 252, 252, 0.5);*/
        width: 100%;
        height: 350px;
        transition: all 400ms ease-out;
        text-align: center;
    }
    .purpose-main .content:hover {
        opacity: 1;
    }
    .purpose-main .content .text {
        height: 0;
        opacity: 1;
        transition-delay: 0s;
        transition-duration: 0.4s;
    }
    .purpose-main .content:hover .text {
        opacity: 1;
        transform: translateY(250px);
        -webkit-transform: translateY(170px);
    }

.partners {
        padding-top: 30px;
        padding-bottom: 70px;
        background: #F3F3F3;
        box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.25);
    }
    .partners span.h2-text {
        display: block;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #636363;
        width: 700px;
        padding-top: 20px;
        margin: 0 auto;
    }
    .partners img {
        width: 100px;
        margin: 0 15px;
        transition: transform .5s; /* Animation */
    }
    .partners img:hover {
        transform: scale(1.5);
    }
    .partners #partners {
        padding-top: 50px;
    }

.brief-info {
        padding-top: 95px;
        padding-bottom: 50px;
    }
    .brief-info h1 {
        font-style: normal;
        font-weight: 700;
        font-size: 35px;
        line-height: 49px;
        /* identical to box height */
        text-align: center;
        color: #13307E;
    }
    .brief-info p {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        color: #000000;
        width: 237px;
        margin-left: 125px;
        margin-top: -90px;
    }
    .brief-info img {
        width: 100px;
        transition: transform .5s;
    }
    .brief-info img:hover {
        transform: scale(1.3);
    }
    .brief-info p span {
        display: block;
        color: #A5A5A5;
        font-size: 14px;
        padding-top: 20px;
        line-height: 20px;
    }
    #banner {
        margin-top: -24px;
    }
    #banner img{
        width: 100%;
        height: 470px;
    }
}

@media (min-width: 1200px) {
    .garantiya .gsecta-2 {
        padding-left: 88px;
        margin-right: 0;
    }
    .garantiya .gsecta-1 {
        padding-left: 88px;
        left: 0;
    }
    .two-cvadrat {
        width: 100%;
    }
    .katalog-product, .sertifikat {
        width: 100%;
    }
    .two-cvadrat .cvadrat-2 {
        padding: 98px 79px;
    }
    .header-left-info .phone-1 {
        width: 25px;
    }
    .header-left-info a {
        font-size: 16px;
    }
    .desktop-menu .header-19 .menu--primary .menu__container > li > a {
        padding: 46px 14px 46px 12px;
    }
    .branding__logo img {
        width: 60px;
    }
    .header-19 .header-left-info {
        padding: 20px 20px 10px;
        margin-top: auto;
        margin-bottom: auto;
    }
    .header-19 .menu--primary a {
        font-size: 13px;
    }
    .langs img {
        width: 25px;
    }
    .mr-3 {
        margin-right: 17px;
    }
    .banner-ramka .banner-barvent {
        background-size: 600px;
    }
    .banner-ramka h1 {
        margin-top: 80px!important;
        font-size: 50px!important;
    }
    .banner-ramka p {
        margin-top: 150px!important;
        font-size: 16px!important;
        width: 350px!important;
    }
    .banner-ramka {
        height: 350px !important;
    }
    .purpose-and-tasks span {
        font-size: 13px!important;
        text-align: center;
    }
    .purpose-main {
        height: 170px;
    }
    .purpose-main .content .text {
        font-size: 13px;
    }
    .footer-part #gl-office {
        padding-left: 0;
    }
    .office {
        width: 350px;
    }
    .mb-lg-5 {
        margin-bottom: 20px!important;
    }
    .contact-phone, .contact-email {
        padding-bottom: 15px;
    }
}
@media (min-width: 1500px) and (max-width: 1600px) {
    .banner-ramka {
        height: 420px!important;
    }
}

/*****************************************
***** END BARVENT.UZ DESKTOP VERSION *****
******************************************/

@media (min-width: 360px) and (max-width: 768px) {

.banner-ramka {
        margin-top: -22px;
        height: 409px;
        position: relative;
    }
    .banner-ramka .banner-barvent {
        display: inline-block;
        background-image: url("images/mobile-vec.png");
        background-repeat: no-repeat;
        z-index: 5;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .banner-ramka img {
        /*width: 100%;*/
        height: 100%!important;
        object-fit: cover;
        position: absolute;
    }
    .banner-ramka h1 {
        margin-top: 45px;
        margin-left: 11px;
        position: absolute;
        color: #FFF;
        z-index: 5;
        font-style: normal;
        font-weight: 700;
        font-size: 45px;
        line-height: 55px;;
    }
    .banner-ramka p {
        z-index: 5;
        margin-top: 160px;
        margin-left: 11px;
        position: absolute;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: #FFFFFF;
        width: 290px;
    }
    .welcome {
        box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.1);
        padding-bottom: 20px;
        padding-top: 33px;
    }
    .welcome h2 {
        font-family: 'Google Sans';
        font-weight: 700;
        font-size: 30px;
        line-height: 30px;
        text-align: center;
        background: linear-gradient(180.97deg, #96B2FF 0.84%, #0034BF 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .welcome h1 {
        font-family: 'Google Sans';
        font-weight: 700;
        font-size: 50px;
        line-height: 73px;
        text-align: center;
        background: linear-gradient(180.97deg, #FF4D00 0.84%, #FFB067 50%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .welcome h4 {
        font-family: 'Google Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 17px;
        line-height: 22px;
        text-align: center;
        background: linear-gradient(180deg, #96B2FF 0%, #0034BF 18.48%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }
    .welcome span {
        background: #F18700;
        width: 57px;
        height: 4px;
        display: block;
        margin: 28px auto;
    }
    .welcome p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        color: #919191;
    }
    .footer-part .contact-phone a {
        color: white;
    }
    .group {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .group h2, .purpose-and-tasks h2, .partners h2 {
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 27px;
        /*text-align: center;*/
        color: #011F78;
    }
    .group span.group-line {
        background: #F18700;
        width: 57px;
        height: 4px;
        display: block;
        margin: 28px auto;
    }
    .group img {
        width: 330px;
        height: 231px;
        border-radius: 10px;
    }
    .group p {
        padding: 8px 12px 20px;
        background: #E7E7E7;
        border-radius: 10px;
        color: #000;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
    }
    .group p span {
        display: block;
        font-weight: 700;
    }
    .purpose-and-tasks {
        padding-top: 30px;
        padding-bottom: 40px;
        background: #FFFFFF;
        box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
    }
    .purpose-and-tasks img {
        display: block;
        width: 150px;
        margin: 0 auto;
        -webkit-filter: drop-shadow(5px 5px 5px #535252);
        filter: drop-shadow(5px 5px 2.5px #908c8c);
    }
    .purpose-and-tasks span {
        display: block;
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
        color: #000000;
        text-shadow: 0px 5px 4px #767171;
        text-align: center;
        padding-bottom: 25px;
    }
    .purpose-and-tasks i.group-line, .partners i.group-line, .brief-info i.group-line {

background: #F18700;
        width: 57px;
        height: 4px;
        display: block;
        margin-top: 28px;
        margin-left: auto;
        margin-right: auto;
    }
    .purpose-main {
        position: relative;
        padding: 0;
        width: 100%;
        /*height: 150px;*/
        display: block;
        cursor: pointer;
        overflow: hidden;
        transition: height 0.4s;
    }

.purpose-main .content {
        opacity: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 15px;
        position: absolute;
        top: 0;
        left: 0;
        color: #000;
        border: 1px solid #ddd;
        border-radius: 15px;
        /*background-color: rgba(252, 252, 252, 0.5);*/
        width: 100%;
        height: 100%;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        -ms-transition: all 400ms ease-out;
        transition: all 400ms ease-out;
        text-align: center;
    }
    .hoverontouch--aktiv .content {
        opacity: 1;
    }
    .purpose-main .content .text {
        height: 0;
        opacity: 1;
        transition-delay: 0s;
        transition-duration: 0.4s;
    }
    .hoverontouch--aktiv .text {
        opacity: 1;
        transform: translateY(250px);
        -webkit-transform: translateY(5vh);
    }
    .hoverontouch--aktiv img {
        opacity: 0.3;
    }
    .hoverontouch--aktiv span {
        opacity: 0;
    }
    .partners {
        background: #F3F3F3;
        box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.25);
        border-radius: 10px;
        padding: 43px 0;
    }
    .partners img {
        width: 55px;
        margin-top: 15px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .partners span.h2-text {
        padding-top: 13px;
        display: block;
        font-weight: 500;
        font-size: 13px;
        line-height: 17px;
        text-align: center;
        color: #A5A5A5;
    }
    .partners #partners {
        display: block;
        margin-top: 25px;
    }
    .brief-info {
        padding-top: 40px;
        padding-bottom: 25px;
    }
    .brief-info h1 {
        font-weight: 700;
        font-size: 22px;
        line-height: 27px;
        text-align: center;

color: #13307E;
    }
    .brief-info .br-mtext {
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        color: #A5A5A5;
        padding-top: 20px;
        padding-bottom: 25px;
        width: 290px;
        margin: 0 auto;
    }
    .brief-info img {
        display: block;
        width: 92px;
        margin: 0 auto;
    }
    .brief-info p {
        padding-top: 26px;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #000000;
    }
    .brief-info p span {
        padding-top: 25px;
        color: #A5A5A5;
        display: block;
        font-size: 16px;
        width: 250px;
        margin: 0 auto;
    }
    #news-single .row .col {
        flex: unset;
    }
    #news-single .max-size-img img {
        display: block;
        margin: 0 auto;
    }
    #news-single .news-content {
        padding: 15px;
    }
    #news-single .news-content h1,
    #news-single .news-content h2,
    #news-single .news-content h3,
    #news-single .news-content h4 {
    display: flex;
        justify-content: center;
    }

#bv-products .row {
    padding: 0;
    }
    #bv-products .cards {
    max-width: 330px;
    }
    #bv-products .m-4 {
        /*display: unset;*/
        margin: 0 0 20px 0 !important;
    }
    #bv-products .img-fluid {
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    .nav h2, .nav h1 {
    padding: 0px 30px 0px;
        font-size: 32px;
    }
}
@media (min-width: 400px) and (max-width: 768px) {
    .partners #partners {
        padding-left: 40px;
    }
    #banner h1 {
        width: 360px;
    }
    .group img {
        width: 100%;
    }
}

@media (min-width: 390px) and (max-width: 400px) {
    .group img {
        width: 360px;
    }
    .partners #partners {
        padding-left: 25px;
    }
}

.copyright {
    padding: 10px;
    background-color: #14022e;
    color: white;

}
.copyright div img {
    width: 95px;
}

@media (max-width: 767px) {
    .copyright {
        font-size: 12px;
    }
    .copyright div img {
        width: 76px;
    }
}

Cancel