body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
p {
    /*   font-family: Lato, sans-serif!important;*/
    font-family: "Source Sans Pro"!important;
}

.white h1 {
    color: #FFF!important;
}

.top_nav {
    position: relative;
    display: block!important;
}

.top_nav:before {
    content: '';
    background: rgba(26, 108, 174, 1);
    background: linear-gradient( 90deg, rgba(26, 108, 174, 1) 15%, rgba(59, 160, 223, 1) 85%);
    height: 5px;
    width: 100%;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: -2.5px;
    float: left;
}

.top_nav .pull-left i {
    color: #ff8366!important;
    margin-right: 0.33em;
    /*
    vertical-align: top;
    display: inline-block;
    */
    width: 16px;
    font-size: 16px;
}

.top_nav .pull-left .widget {
    /*margin-right: 20px;*/
}

.top_nav .pull-right {
    /*margin-right: 20px;*/
    display: flex;
    align-items: center;
}

#top-contact-button {
    position: absolute;
    right: 7.5%;
}

#top-contact-button span {
    overflow: hidden;
}

#top-contact-button span a {
    position: relative;
    color: #FFFFFF;
    background: rgba(26, 108, 174, 1);
    background: linear-gradient( 90deg, rgba(26, 108, 174, 1) 15%, rgba(59, 160, 223, 1) 85%)!important;
    border-radius: 30px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
    font-weight: bold;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}

.g-more-button {
    width: 80%;
    margin: auto;
    overflow: hidden;
    position: relative;
    /*  margin-bottom: 20px!important; */
}

.g-more-button a {
    color: #FFFFFF;
    background: rgba(26, 108, 174, 1)!important;
    background: linear-gradient( 90deg, rgba(26, 108, 174, 1) 15%, rgba(59, 160, 223, 1) 85%)!important;
    border-radius: 30px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
    margin: auto;
    overflow: hidden;
    line-height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.g-more-button a:hover {
    color: #FFF!important;
}

#top-contact-button:hover,
.g-more-button:hover,
.wpcs_tab:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    transform: scale(1.04);
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
}

input[type="submit"]:hover {
    filter: brightness(110%);
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
}


/*#top-contact-button span:after,*/

.g-more-button:after {
    display: inline-block;
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate( 35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 10;
}

#top-contact-button:hover span:after,
.g-more-button:hover:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.top_nav .widget {
    display: flex!important;
    align-items: center;
    color: #becbd4!important;
    font-size: 14px!important;
    float: left;
    padding-left: 0px!important;
    padding-right: 30px!important;
}

.top_nav .widget a {
    color: #becbd4!important;
    font-size: 14px!important;
}

.top_nav .widget a:hover {
    color: #ff8366!important;
    transition: all ease-in-out 0.15s;
    -webkit-transition: all ease-in-out 0.15s;
}

.top_nav .textwidget {
    font-size: 14px;
    line-height: 30px;
    vertical-align: top;
    display: flex;
    align-items: center;
}

.top_nav .social_widget {
    position: relative;
    padding-left: 30px!important;
}

.top_nav .social_widget:after {
    content: '';
    position: absolute;
    height: 60%!important;
    margin-top: 0!important;
    top: 20%!important;
    right: 0;
    border-right: 1px solid #494c64;
}

.top_nav .social_widget:before {
    content: '';
    position: absolute;
    height: 60%!important;
    margin-top: 0!important;
    top: 20%!important;
    left: 0;
    border-left: 1px solid #494c64;
}

.top_nav .span6 {
    width: auto!important;
}

form.wpcf7 {
    margin-bottom: 0
}

.wpcf7 input:not([type="submit"]),
.wpcf7 textarea {
    border-radius: 30px!important;
    padding: 12px;
    padding-left: 20px!important;
    border: 1px solid #dfe5e8;
}

.wpcf7 input[type="submit"] {
    color: #FFF!important;
    width: 100%!important
}

input[type="submit"] {
    width: auto!important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: none!important;
    line-height: 1.4;
    background: rgba(26, 108, 174, 1)!important;
    background: linear-gradient( 90deg, rgba(26, 108, 174, 1) 15%, rgba(59, 160, 223, 1) 85%)!important;
    font-size: 16px;
    color: #ffffff!important;
    font-weight: 500;
    border: 0;
    cursor: pointer;
    text-align: center;
    margin: 40px auto 10px auto;
    padding: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-radius: 30px!important;
    line-height: 25px!important;
}

footer#footer .inner {
    background-image: url('https://zoneklima.hu/wp-content/uploads/2022/01/footer_bg.jpg');
    background-color: #212331;
    background-attachment: fixed;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.ajanlatkeres_row .container {
    background: #FFF;
    border-radius: 40px;
    padding: 40px;
    color: #000!important
}


/*
.ajanlatkeres_row .container * {
    color: #000!important
}
*/


/**
*
*/

.current-menu-item,
.menu-item {
    border-top: none!important;
}

.menu-item a {
    font-family: 'Poppins', sans-serif!important;
    font-style: normal!important;
    font-weight: 700!important;
    font-size: 13px!important;
    letter-spacing: 0!important;
}


/**
*
*/

#referenciak .container {
    max-width: 100%!important;
    width: 100%!important;
}

.top_nav {
    position: fixed!important;
    top: 0;
}

.header_wrapper {
    top: 50px!important;
}


/**
* produzct
*/

.products .product {
    border-radius: 30px;
    padding: 10px;
    -webkit-box-shadow: 8px 10px 17px -6px #beb6b6;
    -moz-box-shadow: 8px 10px 17px -6px #BEB6B6;
    box-shadow: 8px 10px 17px -6px #beb6b6;
    overflow: hidden;
    padding-bottom: 10px!important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0!important;
    margin-top: 40px!important;
}

.products .product:hover {
    border-color: #dfe5e8!important;
    -webkit-box-shadow: 4px 5px 9px -6px #beb6b6;
    -moz-box-shadow: 4px 5px 9px -6px #BEB6B6;
    box-shadow: 4px 5px 9px -6px #beb6b6;
    transition: all ease-in-out 0.15s;
    -webkit-transition: all ease-in-out 0.15s;
}

.woocommerce ul.products li.product .image_wrap:hover,
.woocommerce-page ul.products li.product .image_wrap:hover {
    transform: none!important;
    -webkit-transform: none!important;
}

.woocommerce-loop-product__title {
    margin-top: 5px;
    margin-bottom: 0;
    color: #5f727f;
    letter-spacing: 0px;
    font-style: normal;
    font-weight: 700;
    font-size: 12px!important;
    line-height: 1.2!important;
}

.product .overlay {
    display: none!important;
}

.button.product_type_simple {
    display: none!important;
}

.price del,
.price ins {
    font-size: inherit!important;
    color: inherit!important;
    width: 100%!important;
}

.product .price {
    color: #ff8366!important;
    display: flex!important;
    flex-wrap: wrap;
}

ul.products {
    display: flex;
    flex-wrap: wrap
}

.wpcs_tab {
    background: rgba(26, 108, 174, 1) !important;
    background: linear-gradient( 90deg, rgba(26, 108, 174, 1) 15%, rgba(59, 160, 223, 1) 85%)!important;
    opacity: 1;
    bottom: 20px!important;
    top: unset!important;
    transform: none!important;
    right: 20px!important;
    border: none;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    border: none!important;
}

.wpcs_content_inner {
    border-color: #c0c0c0!important;
    border-radius: 30px;
}

.wpcs-cf7 {
    position: relative;
}

.wpcs_content_main:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 35%;
    height: 30px;
    width: 30%;
    background-image: url(https://zoneklima.hu/wp-content/uploads/2022/04/zoneklima_logo-masolat.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.wpcs_content_main:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(https://zoneklima.hu/wp-content/uploads/2022/01/solar_sun.png);
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: top center;
    pointer-events: none!important;
    opacity: 0.7;
}

.wpcf7-form-control-wrap input:not([type="submit"]),
.wpcf7-form-control-wrap textarea {
    background: #FFF!important;
    position: relative;
    z-index: 10;
    margin-top: 10px!important;
    margin-bottom: 0!important;
}

.wpcf7 form.invalid .wpcf7-response-output {
    /*border-color: #e74e70;*/
    color: #dc3232!important;
    border: none!important;
    margin-top: 0!important;
}

.wpcf7-not-valid-tip {
    padding-left: 20px;
    color: #dc3232!important;
}

.wpcf7-form-control-wrap input.wpcf7-not-valid,
.wpcf7-form-control-wrap textarea.wpcf7-not-valid {
    border-color: #dc3232!important
}


/**
*
*/

.scrollup {
    display: none!important;
}

#header_icons .vc_column_container>.vc_column-inner {
    padding-top: 0!important;
}

#header_icons p {
    margin-bottom: 0!important
}

@media screen and (max-width: 800px) {
    .m-f-wrap {
        flex-wrap: wrap;
    }
    .m-w50 {
        width: 50%!important;
    }
    body .header_wrapper .container,
    footer .container {
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    body .top_nav .container {
        padding-left: 20px!important;
        padding-right: 20px!important
    }
    body:not(.single-product) .container {
        max-width: 100%!important;
        /*padding-left: 20px!important;
        padding-right: 20px!important*/
    }
    #top-contact-button {
        display: none!important;
    }
    .top_nav .social_widget {
        display: none!important;
    }
    .top_nav .pull-left .widget:first-child {
        display: none!important;
    }
    body .top_nav .span6:first-child {
        width: 100%!important
    }
    .top_nav .pull-left {
        display: flex;
        justify-content: space-evenly;
        width: 100%!important
    }
    .top_nav .widget {
        padding-right: 0!important
    }
    .header_wrapper {
        position: fixed!important
    }
    ul.products li.product {
        width: calc(50% - 10px)!important;
        margin-left: 0!important;
    }
    ul.products li.product:nth-child(odd) {
        margin-right: 20px!important;
    }
    ul.products li.product:nth-child(even) {
        margin-right: 0px!important;
    }
    body.single-product .product_title {
        font-size: 25px!important;
        line-height: 1.3;
        text-align: center;
    }
    body.single-product .span12 {
        width: 100%!important;
        margin: auto!important
    }
    body.single-product .summary {
        text-align: center
    }
    body.single-product #content {
        padding-top: 120px
    }
    body.single-product .price {
        font-size: 14px!important
    }
    body.single-product .woocommerce-product-gallery__wrapper {
        margin: 0!important
    }
    body.single-product .woocommerce .related ul li.product:nth-child(odd),
    .woocommerce .related ul.products li.product:nth-child(odd) {
        margin-right: 20px!important;
    }
    section.related.products {
        padding: 20px;
        box-sizing: border-box;
    }
    .snap_header {
        display: none!important;
    }
    .mobile_small_menu.open {
        display: flex!important;
        align-items: center;
    }
    .mobile_small_menu.open:before {
        font-size: 25px!important;
        color: #FF8366!important;
    }
    .menu-small ul.menu>li>a {
        /*color: #becbd4!important;*/
        color: #393D50!important;
        font-size: 15px!important;
    }
    .menu-small ul {
        position: relative;
        padding-top: 0!important;
        /*  padding-bottom: 0!important;*/
    }
    .menu-small:after {
        content: '';
        background: rgb(231, 78, 112);
        background: linear-gradient( 90deg, rgba(26, 108, 174, 1) 15%, rgba(59, 160, 223, 1) 85%);
        height: 5px;
        width: 100%;
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        margin-top: 0;
        margin-bottom: -2.5px;
        float: left;
    }
    .snap-content:not([style*="transform"]) {
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        transform: none!important;
    }
    .rolunk .vc_col-sm-2 {
        width: calc(50% - 10px)!important
    }
    .rolunk .vc_col-sm-2:nth-child(even) {
        margin-left: 20px!important;
    }
    .rolunk .vc_col-sm-2 .vc_column-inner {
        padding-left: 0!important;
        padding-right: 0!important
    }
    .rolunk .wpb_row {
        display: flex;
        flex-wrap: wrap
    }
    .wpb_image_grid .wpb_image_grid_ul .isotope-item {
        list-style: none;
        margin: 0 1px 1px 0;
        max-width: 50%;
        position: relative!important;
        float: left;
        width: calc(50% - 2px);
        left: 0!important;
        top: unset!important;
    }
    .snap-drawers {
        visibility: hidden!important;
    }
    .snap-drawer-left,
    .menu-small {
        /*   background-color: #393D50!important*/
        background-color: #FFF!important
    }
    body .header_widgetized .footer_social_icons.circle li a i {
        line-height: 32px!important
    }
    .row-dynamic-el .media {
        display: flex;
        justify-content: center;
    }
    body .no-padding-mobile .vc_column-inner {
        padding: 0!important;
    }
    body .solar-header-mobile {
        display: flex;
        justify-content: center;
        line-height: 42px;
        text-align: center;
    }
    body .solar-header-mobile .wpb_content_element {
        text-align: center;
    }
    body .solar-header-mobile .wpb_content_element img {
        float: none!important;
    }
    .solar_counter .column_container {
        width: 50%!important;
        margin-top: 40px;
    }
    #snapcontent {
        height: initial!important;
        margin-top: 100px;
    }
    /**
    * nem jelentek meg a képek mobilon...
    */
    .wpb_animate_when_almost_visible {
        opacity: 1!important;
    }
    #product_page_iframes {
        flex-wrap: wrap!important;
    }
    .iframe_container {
        width: 100%!important;
        padding: 0!important;
    }
    .woocommerce .products.related h2 {
        line-height: 30px;
    }
}

footer .widget * {
    color: #FFF!important;
}

footer .flex {
    display: flex;
}

footer p:empty {
    display: none!important;
}

footer br {
    display: none!important;
}

footer p br {
    display: block!important;
}

footer i {
    display: flex!important;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

footer .span3 {
    padding-right: 20px;
}

body.single-product .summary,
body.single-product .summary a {
    color: #000!important;
}

body.single-product .related .price {
    font-size: 14px!important;
}

body.single-product .related>h2 {
    border-top: 1px solid #EEE;
    font-size: 30px!important;
    padding-top: 40px;
}

body.single-product .product .flex-control-thumbs {
    display: flex;
    flex-wrap: wrap;
}

body.single-product .product .flex-control-thumbs li {
    width: 27%!important;
    margin: 10px!important;
}

.woocommerce-product-gallery {
    overflow: hidden
}

.woocommerce ul.products li.product .image_wrap,
.woocommerce-page ul.products li.product .image_wrap {
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    transition: none!important;
    -webkit-transition: none!important;
}

.woocommerce ul.products li.product img {
    padding: 10px;
    box-sizing: border-box;
    border-radius: 30px;
}

.woocommerce .products li h2 {
    position: relative;
}

.woocommerce .products li h2:before {
    content: '';
    width: 30%;
    height: 1px;
    background: rgb(59 160 223);
    position: absolute;
    top: -5px;
    left: 35%;
}

.single-product .product_title {
    font-size: 30px!important;
    line-height: 1.2;
}

.solar_title_divider {
    border-top: 1px solid #dfe5e8;
    border-bottom: 1px solid #dfe5e8;
    height: 4px;
    margin-top: 20px;
}

.g-subtitle.product-title {
    font-size: 13px!important;
    line-height: 1.2!important;
    padding: 0 15px;
    margin-bottom: 5px;
}


/**
* product page gallery slider
*/

body .slick-arrow {
    background-color: #b6c6c9!important;
    color: transparent!important;
    font-size: 24px!important;
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
    text-align: center;
    opacity: 0;
}

body .wpgs-for .flaticon-right-arrow.slick-arrow:before,
body .slick-next.slick-arrow:before {
    content: '>'!important;
    color: #FFF!important;
    font-size: 30px;
    font-family: inherit!important;
    display: inline-block;
    transform: scale(.5, 1);
}

body .wpgs-for .flaticon-back.slick-arrow:before,
body .slick-prev.slick-arrow:before {
    content: '<'!important;
    color: #FFF!important;
    font-size: 20px;
    font-family: inherit!important;
    display: inline-block;
    transform: scale(.5, 1);
}

.wpgs-for .slick-arrow:hover {
    background-color: #ff8366!important;
    transition: all ease-in-out 0.15s;
    -webkit-transition: all ease-in-out 0.15s;
}

button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
    display: none!important
}

.wpgs.woocommerce-product-gallery:hover .slick-arrow {
    opacity: 1!important;
    transition: all ease-in-out 0.15s;
    -webkit-transition: all ease-in-out 0.15s;
}


/*
.slick-slide:not(.woocommerce-product-gallery__image) {
    width: 80px!important
}
*/


/*
.wpgs-nav .slick-active img {
    width: 80px!important
}
*/

.wpgs-nav .slick-active img:hover {
    opacity: 1!important;
}


/**
*
*/

#product_page_iframes {
    width: 100%;
    display: flex;
    align-items: center;
    background: #efefef !important;
    position: relative;
}

#product_page_iframes:after {
    content: '';
    width: 5000px;
    height: 100%;
    position: absolute;
    background: #efefef !important;
    left: -2000px;
    z-index: -1;
}

.iframe_container {
    width: 50%;
    padding: 40px;
}

.iframe_container.left {
    padding-left: 0!important
}

.iframe_container.right {
    padding-right: 0!important
}

.flex {
    display: flex;
}


/**
*
*/

body.single-product #header_icons {
    position: relative;
    padding-bottom: 15px;
}

body.single-product #header_icons:before {
    content: '';
    position: absolute;
    top: 0;
    left: -30vw;
    width: 160vw;
    height: 100%;
    background-image: url(https://zoneklima.hu/wp-content/uploads/2022/02/icons_row_bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


/**
* referenciak gallery
*/

@media screen and (min-width: 865px) {
    .wpb_image_grid .wpb_image_grid_ul a {
        display: block;
        height: 100%;
    }
    .wpb_image_grid .wpb_image_grid_ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .wpb_image_grid .wpb_image_grid_ul .isotope-item {
        min-width: calc(100vw / 7 - 3.5px)!important;
        width: calc(100vw / 7 - 3.5px)!important;
        max-height: calc(100vw / 7 - 3.5px)!important;
        min-height: calc(100vw / 7 - 3.5px)!important;
        list-style: none;
        margin: 0 1px 1px 0;
        left: unset!important;
        position: relative!important;
        top: unset!important;
    }
    .wpb_image_grid .wpb_image_grid_ul img {
        display: block;
        object-fit: cover;
        width: 100%!important;
        height: 100%!important;
        margin: 0!important;
    }
    body {
        overflow-x: hidden!important;
    }
}

@media screen and (max-width: 865px) {
    .wpb_image_grid .wpb_image_grid_ul .isotope-item {
        min-width: calc(100vw / 2 - 2px)!important;
        width: calc(100vw / 2 - 2px)!important;
        max-height: calc(100vw / 2 - 2px)!important;
        min-height: calc(100vw / 2 - 2px)!important;
        list-style: none;
        margin: 0 1px 1px 0;
        left: unset!important;
        position: relative!important;
        top: unset!important;
    }
}

#kapcsolat {
    padding-top: 70px!important
}