@font-face {
    font-family: Proxima Nova Bold;
    src: url(fonts/ProximaNova-Bold.woff);
}

@font-face {
    font-family: Proxima Nova BoldIt;
    src: url(fonts/ProximaNova-BoldIt.woff);
}

@font-face {
    font-family: Proxima Nova Light;
    src: url(fonts/ProximaNova-Light.woff);
}


@font-face {
    font-family: Proxima Nova Regular;
    src: url(fonts/ProximaNova-Regular.woff);
}


@font-face {
    font-family: GothamPro;
    src: url(fonts/GothamPro.woff);
}


html{
    box-sizing: border-box;
}

*, *::after, *::before{
    box-sizing: inherit;
}


body{
    margin: 0;
    font-family: Proxima Nova Regular;
    font-size: 14px;
    background:#fff;

}

img{
    max-width: 100%;
}

a{
    text-decoration: none;
    transition: all 0.5s ease;
}

a:hover{
    cursor: pointer;
}

ul{
    list-style: none;
    padding-inline-start:0;
    -webkit-padding-start:0;
    margin: 0;
    margin-block-start:0;
    margin-block-end:0;
}

.content-block, #content{
    max-width: 1350px;
    padding: 0 3vw;
    margin: 0 auto;

}

.btn{
    min-width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    height: 40px;
    color: #ffffff;
    font-family: "Proxima Nova Regular";
    font-size: 12px;
    border: none;
    text-transform: uppercase;
    transition: all 0.5s ease;

}



.btn:hover{
    cursor: pointer;
}

.red-btn{
    background: #f74d4e;
    border: 1px solid #f74d4e;
}

.red-btn:hover{

    background: white;
    color: #f74d4e;
}

.btn:active{
    position: relative;
    bottom: : -1px;
    left: 1px;
}

.blue-btn{
    background:#4082ef;
    border: 1px solid #4082ef;
}

.blue-btn:hover{
    color: #4082ef;
    background: white;

}

header[name=header]{
    padding-top: 95px;
    background: url(img/baner-6.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
    min-height: 600px;
}

.navbar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
}

.navbar-top{
    display: flex;
    align-items: center;
    background: white;
    min-height: 60px;

}

.logo{
    height: 40px;
    display: flex;
    align-items: center;
    padding-right: 24px;
    border-right: 1px solid rgba(48, 48, 48,0.3)

}

.logo-text{
    width: 330px;
    padding: 0 18px;
    font-family: "Proxima Nova BoldIt";
}

.logo-text span:first-child{
    font-size: 16px;
    color: #2f2f2f;
}

.logo-text span:last-child{
    color: #4082ef;
}

.make-an-order-btn{
    padding-left: 9px;
}

.make-an-order-btn button{
    text-transform: uppercase;
    width: 132px;
}

.callback-block{
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: space-around;
}

.phone-number{
    margin-left: 10px;
}

.phone-number ul li{

    align-items: center;
}

.phone-number ul{
	height: 26px;
	overflow: hidden;
	transition: height 0.5s ease;
}


.phone-number ul li:first-child{
    display: flex;
    align-content: center;
}

.phone-number li img:first-child{
    margin-right: 7px;
}


.phone-number li:first-child > img:last-child{
    padding: 10px;
    height: 100%;
    transition: transform 0.5s ease;
}

.phone-number li:first-child > img:last-child:hover{
    cursor: pointer;
}

.phone-number a{
    display: flex;
    font-family: Proxima Nova Bold;
    color: #2f2f2f;
}

.callback-btn{
    margin-left: 10px;
}

.callback-btn button{
    width: 238px;

}

.navbar-bottom{
    min-height: 35px;
    box-shadow: 7px 10px 34px 4px rgba(16, 22, 73, 0.08);
    background-color: #4082ef;
}

.mobile-telefon-list{
    display: none;
}

.mobile-telefon-list ul li{
    margin-top: 2px;

}

.mobile-telefon-list a{
    height: 20px;
    color: white;
}

.mobile-telefon-list li svg{
    position: relative;
    top: 1px;
    padding-right: 5px;
    transition: transform 0.5s ease;
}

.mobile-telefon-list li svg:hover{
    cursor: pointer;

}

.mobile-telefon-list ul{
    transition: height 0.5s ease;
    height: 20px;
    overflow: hidden;
}

.navbar-bottom nav ul{
    display: flex;
    justify-content: flex-end;
}



.navbar-bottom nav ul a{
    display: block;
   padding: 10px 10px;
     height: 35px;
    font-family: Proxima Nova Light;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;

}

.navbar-bottom nav ul a:hover{
    background-color: white;
    color: #4082ef;
}



.main-header-area{
    height: auto;

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-header-area article{
    flex-basis: 580px;
    flex-shrink: 1;

}





.up-text{
    margin-top: 25px;
    display: flex;
    align-items: center;

}

.up-text > div{
    margin-right: 10px;
    width: 44px;
    height: 2px;
    background-color: white;
}

.up-text span{
    font-family: Proxima Nova Bold;
    text-transform: uppercase;
    color: white;
    font-size: 12px;
}

.main-header-area article:first-child h1{
    font-size: 40px;
    line-height: 50px;
    color: white;
    text-align: center;
}

.main-header-area article:first-child p{
    font-size: 12px;
    width: 80%;
    text-align: center;
}

.catalog{
    display: flex;
    max-width: 420px;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-shrink: 1;
    justify-content: space-around;
    align-items: stretch;
}

.catalog-item{
    border-left: 2px solid #4082ef;
    flex-basis: 200px;
    height: 70px;
   margin-top: 10px;

     background: url(img/shape2.png) no-repeat;
    background-position: center left;
    background-color: white;
}



.catalog-item a{
    display:flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-family: Proxima Nova Bold;
    font-size: 16px;
    color: #2f2f2f;
    transition: all 0.5s ease;
}

.catalog-item a:hover{

    background: #4082ef;
    color: white;
}

.catalog + button{
	margin-left: auto;
	margin-right: auto;
    margin-top: 30px;
    box-shadow: 0 7px 27px 2px rgba(22, 73, 156, 0.41);
}

.main-header-area article:last-child{
    display: flex;
    align-items: flex-end;


}

.main-header-area article:last-child > div{
	position: relative;
margin-top:110px;
}


.kondicioner-link{
    position: absolute;
}

.pulse{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid white;
    margin: 15px 0;
}

.pulse div{

    width: 80%;
    height: 80%;
    background: white;
    border-radius: 50%;
    animation: radial-pulse 1s infinite;
}

.pulse a{
    display: block;
    width: 40px;
    height: 40px;
}

@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
  }

  100% {
    box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
  }
}

.kondicioner-link:nth-child(2) .pulse{
     left: calc(50% - 20px);
    width: 40px;
    height: 40px;
}

.category-kondicioner-link{
    position: relative;
    transition: transform 0.5s ease;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}

.category-kondicioner-link:hover{
    transform: scale(1.05);
}

.category-kondicioner-link a{
    display: block;
    padding: 10px 35px;
    color: #2f2f2f;
    border-radius: 4px;
    font-family: Proxima Nova Bold;
    background-color: white;

}

.kondicioner-link:nth-child(3) .pulse{
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
}

.kondicioner-link:nth-child(4) .pulse{
     left: calc(50% - 15px);
    width: 30px;
    height: 30px;
}


.kondicioner-link:nth-child(2){
	left: 20px;
    top: 200px;
}

.kondicioner-link:nth-child(3){
   left: 130px;
    top: 40px;
}
.kondicioner-link:nth-child(4){
    left: 250px;
    top: 230px;
}

.kondicioner-link:nth-child(2) .category-kondicioner-link a img, .kondicioner-link:nth-child(4) .category-kondicioner-link a img{
    position: absolute;
    top:-10px;
    left: calc(50% - 9px);
}

.kondicioner-link:nth-child(3) .category-kondicioner-link a img{
    position: absolute;
    bottom:-10px;
    left: calc(50% - 9px);
    transform: rotate(180deg);
}

.pop-up{

    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #4082ef;
    background: white;
    color: #4082ef;
    font-family: Proxima Nova Bold;
    font-size: 20px;
    z-index: 99;

}

button.pop-up svg  path{
  fill: #4082ef;
}

button.pop-up:hover{
     cursor: pointer;
     background-color: #4082ef;
}




button.pop-up:hover svg  path{
  fill: white;
}


.service-purchase{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;


}

.cart-item{
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    flex-basis: 430px;
    height: 340px;
    box-shadow: 0 15px 37px 6px rgba(27, 27, 27, 0.13);
    border-radius: 4px;
    margin-top: 60px;
    padding: 50px 40px;
    background-image: url("img/triangle.png");
    background-repeat: no-repeat;
    background-position: 0 54px;
    transition: transform 0.5s ease;
}

.cart-item:hover{
    transform: scale(1.05);
}

.cart-item > *{
    width: 100%;
}

.cart-item h2{
    margin-top: 0;
    margin-block-start: 0;
    color: #2f2f2f;
    font-size: 24px;
}

.cart-item ol{
    padding-inline-start: 0;

}

.uslugi li{
    font-family: Proxima Nova Bold;
    color: #4082ef;
    padding: 5px 0;
}

.uslugi li a:first-child{
    color: #2f2f2f;
    display: inline-block;
    width: calc(100% - 67px);
}

.uslugi li a:last-child{
    display: inline-block;
    font-size: 12px;
    float: right;
    color: #4082ef;
    transition: all 0.5s ease;
}

.uslugi li a:last-child:hover{
    transform: translateX(5px);
}

.uslugi li a:last-child::after{
    content: url("img/next.png");
    padding-left: 5px;
}

.uslugi li + li{
    border-top: 1px solid #dadada;
}

.buttons{
    display: flex;
    justify-content: space-between;

}

.works{
    padding-top: 60px;
}

.section-heading {
    display: flex;
    justify-content: center;
}

.section-heading h2{
    font-size: 30px;
    color: #2f2f2f;
}

.section-heading h2::before{
    content: url("img/triangle.png");
    padding-right: 10px;
}

.works-gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
}

.work-example-item{

    display: flex;
    height: 170px;
    flex-basis: 340px;
    margin-top: 20px;
    padding-left: 15px;
    box-shadow: 0 15px 37px 6px rgba(27, 27, 27, 0.13);
    background-image: url("https://deltaclimat.com.ua/wp-content/uploads/2020/08/rect.png");
    background-repeat: no-repeat;
    background-position: 0 20px;
    border-radius: 4px;
    transition: transform 0.5s ease;
}



.bottom-button{
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom-button button{
    margin-top: 40px;
    margin-bottom: 60px;
    width: 200px;
}

.text-part{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 50%;
    padding-top: 25px;
}
.text-part > *{
    width: 100%;
}

.text-part h3{
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.text-part p{
    font-size: 12px;
    height: 60px;
    overflow: hidden;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.text-part a{
    font-family: "Proxima Nova Bold";
    font-size: 12px;
    color: #4082ef;
    margin-bottom: 30px;
}

.text-part a:hover{
    transform: translateX(5px);
}

.text-part a::after{
    content: url("img/next.png");
    padding-left: 5px;
}

.image-for-work{
    width: 50%;
    background-size: cover;
}

.work-example-item:nth-child(1) .image-for-work{
    background-image: url("img/remont.jpg");
}

.work-example-item:nth-child(2) .image-for-work{
    background-image: url("img/zapravka.jpg");
}

.work-example-item:nth-child(3) .image-for-work{
    background-image: url("img/zimny-komplekt.jpg");
}

.work-example-item:nth-child(4) .image-for-work{
    background-image: url("img/ustanovka.jpg");
}

.work-example-item:nth-child(5) .image-for-work{
    background-image: url("img/chistka.jpg");
}

.work-example-item:nth-child(6) .image-for-work{
    background-image: url("img/diagnostika.jpg");
}


.benefits{
    padding: 20px 0;
    background-image: url("img/family-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.benefits .section-heading{
    justify-content: start;
}

.benefits-list{
    max-width: 630px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.benefits-item{
    box-shadow: 0 15px 37px 6px rgba(27, 27, 27, 0.13);
    background-color: white;
    flex-basis: 200px;
    margin-top: 20px;
    padding:25px 15px;
    border-radius: 4px;
    transition: all 0.5s ease;
}

.benefits-item:hover{
    transform: scale(1.05);
}

.benefits-item > div{
	display: flex;
	align-items: center;
}

.benefits-item h3{
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.benefits-item p{
    max-height: 45px;
    overflow: hidden;
    font-size: 12px;
}

.benefits-item img{
    margin-right: 10px;
}

.benefits button{
    width: 180px;
    margin: 50px 0 50px calc(315px - 90px);
}

.section-numbers{
    background-color: #4082ef;
    background-image: url("img/treugolniki.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.numbers{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 50px;
    padding-bottom: 50px;


}

.number-item{
    color: white;
    text-align: center;

    background-image: url("img/bot.png");
    background-repeat: no-repeat;
    flex-basis: 200px;
    background-position: center bottom;
    margin-bottom: 20px;
}

.number-item h2{
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    font-size: 40px;
    font-family: "Proxima Nova Bold";
}

.number-item h2 + p{
	margin-bottom: 50px;
}

.numbers button{
    position: absolute;
    bottom: -20px;
    width: 175px;
}


.numbers button:active{
    position: absolute!important;
    bottom: -21px!important;
    left: calc(50% - 88px)

}


.clients{

    padding-top: 100px;
    padding-bottom: 100px;
}

.clients .section-heading{
    display: block;
    margin: 0 auto;
    text-align: center;
        width: 80%;
    max-width: 400px;
}

.galereiy-karusel{
    margin: 40px 20px 0 20px;
}



.about{
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    background-image: url("img/logo3.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;

}

.about > div{
    flex-basis: 550px;
}

.about > div:nth-child(2){
    flex-grow: 1;
}

.about .section-heading{
    justify-content: start;
}

.about ul{
    padding-inline-start: 40px;
    padding-right: 40px;
}

.about p{
    margin-left: 25px;
}

.about ul li::before{
    color:#3779ff;
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    font-weight: bold;
   font-size: 20px;
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em;
}

.about ul li span{
    color: #2f2f2f;
}

.about li{
    margin-bottom: 10px;
}

.about button{
    width: 180px;
    margin: 30px 0 50px calc(225px - 90px);
}

.section-with-map{
    background-color: #eef3fa;
    background-image: url(img/triangl.png);
    background-repeat: no-repeat;
    background-position: calc(100% + 70px) bottom;
}

.map{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 70px;

}

.map iframe{
	flex-grow: 1;
}

.map > div{
    flex-basis: 450px;
    margin-top: 20px;
    flex-shrink: 1;
    margin-left: 20px;
}


.map .section-heading{
    display: block;
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.map .section-heading h2{
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;

}

#form-for-message input{
    display: block;
    height: 40px;
    width: 100%;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    border-radius: 4px;
}

#form-for-message input:focus{
    box-shadow: 0 15px 37px 6px rgba(27, 27, 27, 0.13);
}

#form-for-message textarea{
    border-radius: 4px;
    width: 100%;
    overflow: auto;
    border: none;
    resize: none;
    height: 90px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
}

#form-for-message input[type=submit]{
    width: 150px;
    margin-top: 20px;
    margin-left: calc(50% - 75px);
}

.top-footer{
    overflow: auto;
    background-image: url("img/skybg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.logo-for-footer{
    margin: 160px auto 80px auto;
    width: 300px;
}

.logo-for-footer p{
    color: white;
    text-align: center;
}

.logo-for-footer span{
    height: 15px;
    color: #ffffff;
    font-family: "Proxima Nova BoldIt";
    font-size: 16px;
}

.telefons{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.telefons div{
    flex-basis: 150px;
    margin-left: 20px;
    margin-top: 10px;
}

.telefons div a{
    display: flex;
    align-items: center;
    color: white;
}

.telefons div img{
    padding-right: 5px;
}

.top-footer button{
    width: 180px;
    margin: 30px auto 50px auto;
}

.bottom-footer{
    color: white;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    min-height: 55px;
    background-color: #1954b4;
}

.bottom-footer .copyright{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    flex-basis: 200px;
    height: 44px;
}

.bottom-footer .footer-nav{
    flex-basis: 200px;
}

.bottom-footer .up{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 200px;
    height: 44px;
}

.footer-nav{
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.footer-nav a{
    margin-left: 10px;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
}

#menu-item-203 a{
    display: flex;
    align-items: center;
    justify-content: center;
}

#menu-item-203 a svg{
    margin-right: 5px;
}

#menu-item-203{
    display: none;
}

@media screen and (max-width: 650px) {
    #menu-item-203{
    display: block;
}

}



.navbar-bottom nav ul li:first-child{
    display: none;
}


 .kondicioner-link:nth-child(2){
        left: 20px;
        top: 200px;
    }
    .kondicioner-link:nth-child(3){
        left: 130px;
        top: 40px;
    }
    .kondicioner-link:nth-child(4){
        left: 250px;
        top: 230px;
    }

@media screen and (max-width: 1260px) {
    .main-header-area{
        justify-content: center;
    }

   .clients + section{
	background: linear-gradient(180deg,#eef3fa, #4082ef);
}


    .about{
        background-image: none;
        justify-content: center;
        background-color: inherit;
    }

    .about > div{
    	flex-grow: 1;
    }

    .about .section-heading{
    	justify-content: center;
    }

    .about button{
    	margin: 30px 0 50px calc(50% - 90px);
    }


}

@media screen and (min-width: 1200px){



    .navbar-top{
        padding: 0 calc((100vw - 1350px + 6vw) / 2);
    }

    .navbar-bottom{
        padding: 0 calc((100vw - 1350px + 6vw) / 2);
    }
}

@media screen and (max-width: 1160px) {
    .callback-btn{
        display: none;
    }


}

@media screen and (max-width: 905px) {
    .logo-text{
        display: none;
    }
        	.map > div{
    margin-left: 0;
}

    .logo{
        border-right: none;
    }

    .navbar-top{
        justify-content: space-around;
    }

    .callback-block{
        flex-grow: 0;
    }
}

.navbar-bottom .phone-number{
    display: none;
}

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

	.main-header-area article:first-child p{

display: none;
}

    .callback-block{
        display: none;
    }

    .kondicioner-link:nth-child(2){
        left: 5%;
        top: 39%;
    }
    .kondicioner-link:nth-child(3){
        left: calc(50% - 120px);
        top: 6%;
    }
    .kondicioner-link:nth-child(4){
        left: 50%;
        top: 50%;
    }
    .navbar-bottom{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .navbar-bottom nav ul {
        position: relative;
    }

    .navbar-bottom nav ul li{
        position: absolute;
        right: 0;
        display: none;
        width: 150px;
    }


    .navbar-bottom nav ul li a{
       background-color: #4082ef;
        text-align: center;
    }

    .navbar-bottom nav ul li:first-child{
        position: static;
        display: block;
    }

    .navbar-top{
        height: 60px;
    }

    .mobile-telefon-list{
    	margin-left: 5px;
        display: block;

    }

    .benefits button{
    	margin-left: calc(50% - 90px);
    }

    .benefits .section-heading{
    	justify-content: center;
    }

    .benefits-list{
    	max-width: 100%;
    }


}

body{
	padding: 0!important;
}

.section-with-map + #main{
	display: none;
}

.footer-nav a:hover{
	color: #57AEE5;
}

.up-text{
	width: 188px;
}

.main-header-area article:first-child > *{
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

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


	.catalog{
		max-width: 340px;
	}

	.catalog-item{
		flex-basis: 160px;
	}
}

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

.main-header-area article:first-child h1{
	font-size: 30px;
}

	.kondicioner-link:nth-child(4){
    left: 44%;
    top: 56%;
}
}

@media screen and (max-width: 425px){
	.benefits-item{
		flex-basis: 75%;
		padding-bottom: 15px;
	}
}





.woocommerce ul.products[class*=columns-] li.product, .woocommerce-m ul.products[class*=columns-] li.product {

	padding: 10px 5px;

	transition: all 0.5s ease;

}



@media (max-width: 400px){
	.woocommerce ul.products[class*=columns-] li.product {
    width: 100%!important;
}
}

@media (min-width: 400px){
	.woocommerce ul.products[class*=columns-] li.product {
    width: 50%!important;
}
}

@media (min-width: 600px){
	.woocommerce ul.products[class*=columns-] li.product {
    width: 50%!important;
}
}




@media (min-width: 850px){
	.woocommerce ul.products[class*=columns-] li.product {
    width: 33.33%!important;
}
}

@media (min-width: 1180px){
	.woocommerce ul.products[class*=columns-] li.product {
    width: 25%!important;
}
}


.woocommerce ul.products{
width: 100%;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;

}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
text-align: center;
height: 42px;
overflow: hidden;
}

.woocommerce  .price{
	display: flex!important;
	justify-content: center;
	font: 122.5%/1.8 BlinkMacSystemFont, -apple-system, Arial, "Segoe UI", Roboto, Helvetica, sans-serif;
	font-size: 20px!important;
}

.woocommerce-loop-product__title +  .price{
	margin-top: calc(13px + .5em)
}


.woocommerce ul.products li.product .button{
	margin-left: calc(50% - 50px);
}



#woof_widget-3 + div{
	width: calc(100% - 230px);
}

.logged-in div.wpcf7 {

    margin-top: 0!important;
}

#eModal-1{
	padding: 10px 10px 0 10px;
}

#eModal-1 input{
	width: 100%;
}

#eModal-1 textarea{
	resize: none;
}

#woof_widget-3{
	display: block;
	width: 230px;
	padding-bottom: 10px;
	   transition: box-shadow 0.5s ease;
	   border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 43px;
}

.widgettitle {
    margin: 0;
	margin-block-start: 0;
    margin-block-end: 0;
}

.woof_container h4{
    margin-top: 0;
	margin-block-start: 0;
    margin-bottom: 10px;
    margin-block-end: 10px;
    font-family: sans-serif;
}

.widget_price_filter h4{
    margin-top:  5px;
	margin-block-start: 5px;
    margin-bottom: 15px;
    margin-block-end: 15px;
}
.woocommerce div.product form.cart .button,
.woocommerce ul.products li.product .button{

	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0!important;
	margin-top: 0!important;
    width: 100px;
    height: 40px;
    color: #ffffff;
    background:#4082ef;
    border: 1px solid #4082ef;
    font-family: "Proxima Nova Regular";
    font-size: 12px;
    text-transform: uppercase;
    transition: all 0s ease;
}

.woocommerce div.product form.cart .button::before{
    content: url("https://deltaclimat.com.ua/wp-content/uploads/2020/08/shopping-cart.svg");
    margin-right: 2px;
    transition: all 0s ease;

}

.woocommerce div.product form.cart .button:hover::before{
    content: url("https://deltaclimat.com.ua/wp-content/uploads/2020/08/shopping-cart-1.svg");
}


.woocommerce div.product form.cart .button:hover{
    cursor: pointer;
    color: #4082ef;
    background: white;

}


.woocommerce ul.products li{
	transition: transform 0.5s ease;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin: 0!important;
    padding: 10px 5px !important;
}





.woocommerce a.added_to_cart{
	display: none!important;
}

.xoo-wsc-ft-btn{
	border-radius: 4px;
	transition: all 0.5s ease;
}

.xoo-wsc-ft-btn:hover{
	color:#4082ef!important;
	background-color: white!important;
}

.xoo-wsc-basket{
	margin: 0!important;
}

.filter_btn{
	position: absolute;
	display: none;
}

 .onsale{
	top: 7px!important;
    right: auto!important;
    left: 7px!important;
    margin: 0!important;
    border-radius: 12px!important;
    line-height: normal!important;
    padding: 5px 10px !important;
    min-height: auto!important;
    font-size: 14px!important;
    background-color: #f84147!important;
}
.price_label{
	font-size: 13px;
}

@media screen and (max-width: 700px){
	#woof_widget-3 + div{
	width: 100%;
}

.woof_container_inner{
	width: 90%;
	margin: 0 auto;
}

	#woof_widget-3{
		position: fixed;
		top: 52px;
		bottom: 0;
		left: 0;
		overflow: auto;
		transition: width 0.5s ease;
		width: 0;
		z-index: 999999999;
		background-color: white;
	}

	.widgettitle {
		display: none;
	}



.filter_btn{
	position: fixed;
	left: 0;
	top: 300px;
	display: block;
	background-color: #4082ef;
	color: white;
	border-radius: 4px;
	height: 25px;
	z-index: 100;
	border:1px solid #4082ef !important;
	transition: all 0.5s ease;
	    height: 40px;
    width: 40px;
}

.filter_btn:hover{
	cursor: pointer;
	background-color: white!important;
	color: #4082ef!important;
}

.filter_btn svg{
	    top: 2px;
    position: relative;
    transition: fill 0.5s ease;
}

.filter_btn:hover svg{
	fill: #4082ef;
}
	.woof_products_top_panel li {
    float: right!important;
}

.woof_products_top_panel ul{

	float: right;
}
}



.add_to_cart_button {
	background-color: #4082ef!important;
	color: white!important;
	border:1px solid #4082ef !important;
	transition: all 0s ease;
	text-transform: uppercase;
}

.add_to_cart_button::before{
	content: url("https://deltaclimat.com.ua/wp-content/uploads/2020/08/shopping-cart.svg");
	margin-right: 2px;

}

.add_to_cart_button:hover::before{
	content: url("https://deltaclimat.com.ua/wp-content/uploads/2020/08/shopping-cart-1.svg");
}



.add_to_cart_button:hover {
	background-color: white!important;
	color: #4082ef!important;
}

.woof_checkbox_term {
	display: inline;
	position: relative;
	bottom: -3px;
	margin: 0;
}

.woof_checkbox_label {
	display: inline!important;
}

.woof_checkbox_count{
	padding: 0 4px;
	border-radius: 13px;
	background-color: #DBEAF9;
}

.ui-slider-range{
	background-color: #1f92bd!important;
}

.ui-slider-handle {
	width: 24px!important;
    height: 24px!important;
    border: none!important;
    border-radius: 50%!important;
    background-color: #f5f5f5!important;
    -webkit-box-shadow: inset 0 0 0 1px #ebebeb !important;
    box-shadow: inset 0 0 0 1px #ebebeb !important;
    cursor: pointer ;
    top: -10px!important;
}

.woocommerce-result-count{
	display: none;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
    height: 2px!important;
}

.price_slider_wrapper{
	margin-top: 10px;
}

.products .star-rating{
	left: calc(50% - 32px);
}

.woocommerce .star-rating span{
	color: gold;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: rgb(34,31,31);
	font-size: 16px!important;
	font-stretch: 100%;
	font-weight: normal;
    font-family: BlinkMacSystemFont, -apple-system, Arial, "Segoe UI", Roboto, Helvetica, sans-serif;
    margin-bottom: 5px!important;

}

.woocommerce .woocommerce-ordering select {
    border-radius: 6px;
    padding: 0 5px;
    border: 1px solid #d2d2d2;
    background: white;
    height: 29px;
    color: black;
    margin: 0 10px;
}

.woocommerce .woocommerce-ordering select:hover {
	cursor: pointer;
}

.woocommerce .price {
    color: black!important;
}

.woocommerce .price ins {
    text-decoration: none;
    color: #f84147;
    margin-left: 6px;
    font-weight: 400!important;
}

.woocommerce .price del {
    color: #a6a5a5!important;
    font-size: 18px!important;
    text-decoration-color: #f84147;
}

.woocommerce .price del > span{
        position: relative;
    top: 3px;
}


.woocommerce .quantity .qty{
    height: 40px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	width: 70%;
}

.woocommerce .star-rating::before{
	color: #ffa900;
}

.archive .main-header-area{
	display:none;
}

.archive header[name=header]{
	min-height:0;
}

@media screen and (max-width: 650px){
	header[name=header] .content-block{
		padding: 0;
	}

	.main-header-area article:last-child{
		flex-grow: 1;
	}
}

.woocommerce .woocommerce-breadcrumb{
	margin-top: 10px!important;
}

.woocommerce-products-header__title {
	margin-block-end:0px!important;
    margin-bottom: : 0!important;
}

.product-template-default .main-header-area{
    display:none;
}

.product-template-default  header[name=header]{
    min-height:0;
}

.product-template-default .product_title{
    margin-block-end:15px;
    margin-bottom: 0;
}

 .product-template-default .woocommerce-product-rating{
    margin-bottom: 10px!important;
 }

 .product-template-default .entry-summary .price{
    margin: 0;
    margin-block-start:0;
    margin-block-end:0;
    justify-content: flex-start;
    font-size: 35px!important;

 }

 .woocommerce-page div.product div.summary{
    display: flex;
    flex-wrap: wrap;
 }

  .woocommerce-page div.product div.summary > *{
    width: 100%;
    order:3;
 }

 .woocommerce div.product form.cart{
    order: 2;
 }

 .woocommerce div.product .product_title{
    order: 0!important;
 }

 .woocommerce div.product .woocommerce-product-rating{
    order:1!important;
 }

 .woocommerce div.product p.price{
    order: 1;
 }

@-webkit-keyframes swing {
  15% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  30% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  65% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes swing {
  15% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  30% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  65% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}


.pop-up svg{
  -webkit-animation: swing 0.6s ease infinite;
  animation: swing 0.6s ease infinite;

}

.woof_list label{
    font-family: sans-serif;
}



.woocommerce-Price-currencySymbol{
    font-size: 0.7em;
}

 .product-template-default .zoomImg{
    display: none!important;
}

.pswp__bg{
    opacity: 0.5!important;
}
#woof_widget-4{
  list-style: none;

}

.woof_show_mobile_filter{
  float: left;
}

#woof_results_by_ajax{
  padding-top: 20px;
}

.woof_show_mobile_filter{
  margin-top: 20px;
}
.woof_show_filter_for_mobile .woof_show_mobile_filter{
  display: none;
}

.woocommerce-ordering select{
  max-width: 180px;
}

.related.products #woof_widget-4{
  display: none;
}

.woovr-variation-info{
  display: flex;
  align-items: center;
}

.woovr-variation-info > div{
  padding: 5px;

}

.woovr-variation-price,.woovr-variation-name{
    min-width: 90px;
}
.woovr-variation-availability{
  display: none!important;
}
.woovr-variation-description{
  border: 1px solid #4082ef;
}


@media screen and (min-width: 768px) {
  .woof_sid_widget{
    min-width: 200px;
    display: block!important;
  }
  .woof_show_mobile_filter{
    display: none;
  }

}
@media screen and (max-width: 767px) {
  .woof_sid_widget{
    display: none;
  }

}