/**
* gallery fix 2020 07 15
*/
 #colophon {
     padding-bottom: 60px !important;
 }

 #napelemes-rendszerek .product {
     width: 25% !important;
 }

 #g-sidebar-filters {
     /*
    padding-top: 50px;
    padding-bottom: 80px;
    height: 100%;
    */
     position: fixed;
     width: 100%;
     z-index: 1000;
     background: #FFF;
     bottom: 0;
     left: 0;
     padding: 10px 30px 20px;
     box-shadow: 0 -5px 5px -5px #333;
     display: flex;
     /* flex-wrap: wrap;*/
     /*visibility: hidden;*/
     /*   background: linear-gradient(90deg, rgba(231, 78, 112, 1) 15%, rgba(239, 178, 96, 1) 85%)!important*/
 }

 #filter-to-default {
     margin-left: 0 !important;
     background: rgb(231, 78, 112) !important;
     background: linear-gradient(90deg, rgba(231, 78, 112, 1) 15%, rgba(239, 178, 96, 1) 85%) !important;
     color: #FFF !important;
     border-radius: 30px !important;
     padding: 5px 20px;
     text-align: center;
 }

 .checkbox-filters-holder {
     display: flex;
     width: 75%;
 }

 #g-sidebar-filters:after {
     width: 100%;
     height: 100%;
     content: '';
     background-image: url(https://solarzone.hu/wp-content/uploads/2019/09/a-napelem-mukodese-erthetoen-2.jpg);
     position: absolute;
     z-index: -1;
     opacity: 0.1;
     top: 0;
     left: 0;
 }

 /**
* teszt
*/
 /*
.gfilter-inner .widget-title,
.gfilter .label-title {
    color: #FFF!important;
}
*/
 /**
*
*/
 #g-sidebar-filters.fixed {
     position: fixed;
     top: 0;
     height: 100%;
     z-index: 0;
     padding-top: 140px !important;
 }

 .gfilter-inner .widget-title {
     font-size: 15px !important;
     margin-bottom: 0 !important;
     margin-top: 0 !important;
 }

 .checkbox-filters {
     display: flex;
     justify-content: flex-start;
     /*flex-wrap: wrap;*/
 }

 .gfilter .checkbox-filter label {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
     /*margin-right: 10px;*/
 }

 .gfilter.w100 {
     border-bottom: 1px solid gray;
 }

 .gfilter {
     padding-bottom: 10px;
     /*border-bottom: 1px solid gray;*/
     padding: 0 20px;
 }

 .gfilter input {
     width: 20px;
     height: 20px;
     border: 1px solid gray;
     border-radius: 2px;
     color: #FFF;
     cursor: pointer;
 }

 .gfilter .label-title {
     color: #5f727f;
     font-size: 16px;
     margin-left: 5px;
 }

 .gfilter .label-title:hover {
     cursor: pointer !important;
     text-decoration: underline;
 }

 .gfilter .ui-slider-handle {
     position: absolute;
     width: 14px;
     height: 14px;
     top: 50%;
     margin-top: -7px;
     margin-left: -7px;
     border-radius: 50%;
 }

 .range-filter-label {
     text-align: right;
     margin-top: 0;
     font-size: 14px;
 }

 .kwp-filter.range-filter {
     width: 50%;
     margin-right: 25px;
 }

 .hide-by-name-filter {
     display: none !important
 }

 .hide-by-kwp-filter {
     display: none !important;
 }

 .hide-by-villanyszamla-filter {
     display: none !important;
 }

 .hide-by-price-filter {
     display: none !important;
 }

 .hide-by-manufacturer-filter {
     display: none !important;
 }

 .ui-slider-horizontal .ui-slider-handle {
     top: 0.2em !important;
     margin-left: -.6em;
 }

 .napelem-rendszerek-title {
     background: #ff8366;
     color: #FFF;
     font-size: 25px;
     padding-left: 20px;
     margin-bottom: 20px !important;
 }

 .product-title {
     font-size: 14px !important;
     text-transform: none;
 }

 .product-inner .price,
 .products .product-info .price ins,
 .products .product-info .price .amount {
     color: #ff8366 !important;
 }

 .checkbox-filter {
     width: 100%;
     margin-right: 10px;
 }

 footer.custom-footer {
     position: relative;
     z-index: 1000;
 }

 /**
* calculator
*/
 .products .product .product-info .product-rating .empty-rating:before {
     border-color: #ff8366;
 }

 .products .product-info .product-rating .empty-rating:before {
     content: '';
     display: block;
     border: 0 none;
     border-top: 1px solid transparent;
     width: 50px;
     margin: 0 auto;
 }

 .calculator-result-product .product-title {
     color: #5f727f;
     margin-top: 15px !important;
 }

 .calculator-result-product .product-title a {
     color: inherit;
 }

 .products .product-info .product-title {
     margin-top: 5px;
     margin-bottom: 0;
 }

 .calculator-result-product .product-info {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 .calculator-result-product {
     cursor: pointer;
 }

 #villanyszamla.ui-slider-horizontal .ui-slider-handle {
     /*top: -.3em!important;*/
     top: 0 !important;
     margin-left: -.6em !important;
 }

 /**
* products
*/
 .napelem-rendszerek-title {
     background: rgb(231, 78, 112);
     background: linear-gradient(90deg, rgba(231, 78, 112, 1) 15%, rgba(239, 178, 96, 1) 85%);
     border-bottom-right-radius: 30px;
     border-top-right-radius: 30px;
 }

 .products .product-inner {
     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;
 }

 .products .product-inner: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;
 }

 .products .product-inner .woo-product-overlay {
     display: none !important;
 }

 .products .product-inner .product-bottom {
     display: none !important;
 }

 .products .product-inner img {
     border-radius: 30px;
 }

 .w33 {
     width: 33% !Important;
 }

 .w25 {
     width: 25% !important;
 }

 .f-wrap {
     flex-wrap: wrap !important;
 }

 .ai-c {
     align-items: center;
 }

 @media screen and (max-width: 700px) {
     #g-sidebar-filters {
         display: none !important
     }
 }

 .noselect {
     -webkit-touch-callout: none;
     /* iOS Safari */
     -webkit-user-select: none;
     /* Safari */
     -khtml-user-select: none;
     /* Konqueror HTML */
     -moz-user-select: none;
     /* Old versions of Firefox */
     -ms-user-select: none;
     /* Internet Explorer/Edge */
     user-select: none;
 }

 /**
*2022.01.24.
*/
 #site-header {
     background: #FFF;
 }

 #site-header #top-area {
     background-color: #393D50 !important;
     /*color: #000!important*/
 }

 #site-header .gem-contacts-item a:hover {
     color: #ff8366 !important;
 }

 #page-title h1,
 #page-title .title-rich-content {
     max-width: unset !important
 }

 /*
.woocommerce-Price-currencySymbol:after {
    content: '-tól';
}
*/
 /**
*
*/
 #product_page_icons {
     display: flex;
     flex-wrap: wrap;
 }

 #product_page_icons h4 {
     margin-bottom: 0px;
     float: left;
     width: 100%;
     text-align: center;
     margin-top: 10px;
     position: relative;
     z-index: 9999;
     -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
     -o-transition-duration: 0.4s;
     -ms-transition-duration: 0.4s;
     transition-duration: 0.4s;
     font-size: 17px !important;
     margin-bottom: 10px;
     line-height: 24px !important;
     font-weight: normal !important;
     font-family: "Source Sans Pro" !important;
 }

 #product_page_icons h4 a {
     color: #444444 !important;
 }

 #product_page_icons img {
     width: 70px;
     height: 70px;
     text-align: center;
     -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
     -o-transition-duration: 0.4s;
     -ms-transition-duration: 0.4s;
     transition-duration: 0.4s;
     position: relative;
     z-index: 9999;
 }

 #product_page_icons .wpb_column {
     text-align: center;
     font-family: "Source Sans Pro" !important;
 }

 /**
* 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;
     }
 }
 */
 /**
 *
 */
 .wpcs_tab {
     background: rgb(231, 78, 112) !important;
     background: linear-gradient(90deg, rgba(231, 78, 112, 1) 15%, rgba(239, 178, 96, 1) 85%) !important;
     opacity: 1;
     bottom: 20px !important;
     top: unset !important;
     transform: none !important;
     width: 230px !important;
     right: 20px !important;
     border: none;
     border-radius: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: none !important;
     border: none !important;
     font-size: 20px !important;
     padding: 20px !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://solar-zone.hu/wp-content/uploads/2022/01/solarzone_logo.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://solar-zone.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;
 }

 /**
 *
 */
 /*
 .team-person-image img {
     border-radius: 20px!important;
 }
 
 body .team-person-name.title-h4 {
     line-height: 22px!important;
     font-size: 16px!important;
     letter-spacing: 1px;
     font-weight: 400!important;
     font-style: normal!important;
     text-transform: capitalize!important;
     font-family: "Source Sans Pro"!important;
 }
 
 .team-person-position {
     color: #FF8366!important;
     font-style: italic;
     margin-bottom: 10px!important;
     font-family: "Source Sans Pro"!important;
 }
 
 .team-person-description {
     padding: 0 15px;
     line-height: 26px;
     letter-spacing: 0px;
     font-weight: 400;
     font-style: normal;
     color: #999999;
     font-size: 16px;
     font-family: "Source Sans Pro"!important;
 }
 
 .solar-team-member {
     width: 20%!important;
     padding: 20px!important;
     margin-bottom: 0!important;
 }
 
 .solar-team-member .team-person {
     padding: 0!important
 }
 
 @media screen and (max-width: 992px) {
     .solar-team-member {
         width: 50%!important;
         margin: 0!important;
     }
 }
 */
 /**
* websop
*/
 body.woocommerce.post-type-archive-product .block-content {
     margin-top: 60px !important;
 }

 body.woocommerce.post-type-archive-product #main-content {
     background: #FFF !important
 }

 .widget_product_categories>ul>li>a {
     line-height: 2 !important;
 }

 .product .image .image-inner {
     background: #ffffff url(../images/woo-dummy.png) no-repeat 50% 50%;
     box-shadow: inset 0 0 90px 0 rgb(56 69 84 / 15%);
     -moz-box-shadow: inset 0 0 90px 0 rgba(56, 69, 84, 0.15);
     -webkit-box-shadow: inset 0 0 90px 0 rgb(56 69 84 / 15%);
 }

 /**
*
*/
 @media screen and (min-width: 600px) {
     .g-more-button {
         margin-left: 25px !important;
         margin-right: 25px !important;
     }

     .g-more-button {
         min-width: 130px !important;
     }

     .products .product-info {
         padding: 15px 3px 4px !important;
     }
 }

 @media screen and (max-width: 600px) {
     .g-more-button {
         font-size: 12px !important;
         padding: 0 15px !important
     }

     .products .product-info {
         padding: 15px 5px 4px !important;
     }
 }

 #top-area-login {
     width: 27%;
     float: right;
     height: 30px;
     line-height: 30px;
 }

 #top-area-login-form.hide {
     display: none;
 }

 #top-area-login-form,
 #top-area-lost-password-form {
     display: block;
     position: absolute;
     width: 20%;
     min-width: 260px;
     top: 40px;
     min-height: 200px;
     border-top: 1px solid #393d50 !important;
     /*border: 1px solid #ddd;*/
     z-index: 1000;
     background: #FFF;
     border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;
     -webkit-box-shadow: 8px 10px 17px -6px #212331;
     -moz-box-shadow: 8px 10px 17px -6px #212331;
     box-shadow: 8px 10px 17px -6px #212331;
     padding: 10px;
 }

 #top-area-login-form {
     animation: fadeIn ease 0.72s;
     -webkit-animation: fadeIn ease 0.72s;
     -moz-animation: fadeIn ease 0.72s;
     -o-animation: fadeIn ease 0.72s;
     -ms-animation: fadeIn ease 0.72s;
 }

 @keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-moz-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-o-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 @-ms-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 #top-area-login-form #loginform {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
 }

 #top-area-login-form #loginform p {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     padding: 0 10px;
     margin-top: 5px;
     margin-bottom: 0 !important;
 }

 #top-area-login-form #loginform p.login-submit,
 #top-area-login-form #loginform p.login-submit .g-dummy-submit-button {
     width: 100% !important;
 }

 #top-area-login-form .login-remember label {
     display: flex;
     align-items: Center;
 }

 #top-area-login-form #rememberme {
     width: 10% !important;
 }

 #top-area-login-form #loginform p label {
     color: #e9646d
 }

 #top-area-login-form #loginform p label,
 #top-area-login-form #loginform p input:not(#rememberme) {
     width: 100% !important;
 }

 #top-area-login-form .togglePassword {
     font-size: 13px;
 }

 #top-area-login-button,
 #top-area-logout-button {
     cursor: pointer;
     display: flex;
     align-items: center;
 }

 #top-area-register-button {
     border-right: 1px solid #FFF;
 }

 #top-area-login-button:before,
 #top-area-logout-button:before {
     font-family: "Font Awesome 5 Free";
     content: "\f007";
     font-weight: 700;
     margin-right: 8px;
 }

 #top-area-account-button {
     border-right: 1px solid #FFF;
 }

 .top-area-login-buttons {
     display: flex;
 }

 .top-area-login-button {
     float: left;
     text-align: center;
     display: block;
     padding: 0 10px;
 }

 /*
 .top-area-login-button:hover {
     outline: 2px solid #FFF;
     transition: all ease-in-out 0.15s;
     -moz-transition: all ease-in-out 0.15s;
     -webkit-transition: all ease-in-out 0.15s;
 }
 
 .top-area-login-button:hover a {
     transition: all ease-in-out 0.15s;
     -moz-transition: all ease-in-out 0.15s;
     -webkit-transition: all ease-in-out 0.15s;
 }
 */
 #top-area-login-form #wp-submit,
 #lost-password-submit-button {
     margin: 0 !important;
     background: #e9646d;
     color: #FFF;
 }

 #lost-password-submit-button,
 #back-to-login-button {
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     border: none !important;
     line-height: 1.4;
     background: rgb(231, 78, 112) !important;
     background: linear-gradient(90deg, rgba(231, 78, 112, 1) 15%, rgba(239, 178, 96, 1) 85%) !important;
     font-size: 16px;
     color: #ffffff !important;
     font-weight: 500;
     border: 0;
     cursor: pointer;
     text-align: center;
     padding: 0 20px;
     border-radius: 30px !important;
     line-height: 25px !important;
     overflow: hidden;
     position: relative;
     max-width: max-content !important;
 }

 #lost-password-submit-button:after,
 #back-to-login-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;
 }

 #lost-password-submit-button:hover:after,
 #back-to-login-button:hover:after {
     left: 120%;
     transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
 }

 #lost-password-submit-button:hover,
 #back-to-login-button:hover {
     filter: brightness(110%);
     -webkit-filter: brightness(110%);
     -moz-filter: brightness(110%);
     transform: scale(1.04);
     transition: all ease-in-out 0.2s;
 }

 /*
 #top-area-login-form #wp-submit:hover,
 #lost-password-submit-button:hover {
     background: #3c3950!important;
     transition: all ease-in-out 0.15s;
     -moz-transition: all ease-in-out 0.15s;
     -webkit-transition: all ease-in-out 0.15s;
 }
 */
 #top-area-login-form .login-submit {
     padding-bottom: 20px !important;
     width: 40% !important;
     order: 2;
     padding: 0 10px 10px !important;
 }

 #top-area-lost-password {
     width: 100% !important;
     order: 1;
     font-size: 13px;
     align-items: center;
     display: flex;
     color: #000;
     padding-left: 12px;
     padding-bottom: 0;
     cursor: pointer;
 }

 .lost-password-text {
     color: #99a9b5;
 }

 #top-area-lost-password label {
     font-size: 16px;
 }

 #top-area-lost-password-form {
     min-height: 130px !important;
     position: absolute;
     top: -1px;
     left: 0;
     width: 100%;
     height: 100%;
     background: #FFF;
 }

 #top-area-login-form input[type='submit'],
 #lost-password-submit-button {
     height: 30px;
     line-height: 30px;
     text-transform: none !important;
     padding: 0 17px;
     font-size: 14px;
     font-weight: normal;
 }

 #top-area-login-form.lostpass {
     min-height: 140px;
 }

 #top-area-login-form.lostpass .login-remember,
 #top-area-login-form.lostpass .login-password,
 #top-area-login-form.lostpass .login-submit {
     display: none !important;
 }

 .lost-password-response {
     padding: 0 30px;
     margin-top: 10px;
     line-height: 16px;
     font-size: 14px;
     text-align: left;
     color: red;
 }

 #top-area-login-form.loader #login-loader {
     display: flex;
 }

 #login-loader {
     display: none;
     height: 100%;
     position: absolute;
     z-index: 4344;
     background: #ffffffab;
     width: 100%;
     text-align: center;
     justify-content: center;
     align-items: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     top: 0;
     left: 0;
     border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;
 }

 #top-area-login-form label {
     font-size: 13px !important;
 }

 #top-area-login-form input {
     margin-top: 0 !important;
     background: #f6f6f6 !important;
     min-height: 40px;
     /*color: #e9646d!important*/
 }

 #top-area-login-form input:focus,
 #top-area-login-form input:focus-visible,
 #top-area-login-form input:active {
     border-color: #e9646d !important
 }

 #top-area-login-form .g-dummy-submit-button {
     margin-top: 0 !important;
     font-size: 14px !important;
     padding: 10px 50px !important;
     height: 30px !important;
     margin-bottom: 0 !important;
 }

 #top-area-login-form .login-remember {
     margin-left: -2px
 }

 .text-c {
     text-align: center;
 }

 #top-area-reg a {
     color: #e9646d !important;
     font-weight: bold;
     font-size: 14px;
 }

 #top-area-reg a:hover {
     color: #efb260 !important;
 }

 .solar_reg_button {
     margin-top: 5px;
     color: #e9646d;
     font-weight: bold;
 }

 .solar_reg_button:hover {
     cursor: pointer;
     color: #efb260 !important;
 }

 @media screen and (max-width: 865px) {
     #top-area-login-form {
         left: 0 !important;
         width: 100% !important;
         /*height: 400px;*/
         z-index: 10000000000;
         position: fixed;
         top: 50px !important;
     }

     #topbar_login {
         position: relative;
         right: 40px;
     }
 }