.port-view-more {background-color: #4b4e53; color: #fff; font-weight: bold; cursor: pointer;}

.logo-footer-cont {display: flex; justify-content: space-around;}

.sp, .sp ul, .sp li  {max-height: 700px !important; overflow: hidden; }
.main-page {font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
.main-page .description {border: 1px solid red; width: 100% ; }
.error-code {font-size: 80px ; color: black; margin-bottom: 60px;  }

.hidden-period {display: none }
[data-function="show-all-periods"] {cursor: pointer;}
.blog-main-posts h3 {min-height: 68px; }
.breadcrumbs {text-align: left ;}
.header-wrapper {background-color: #fff }

.checkbox a {text-decoration: underline;}

.rodopolicy {position: fixed; bottom: 0px; z-index: 1001; background-color: #fff; padding: 30px 20px 20px 20px ; border-top: 1px solid #dadada ; width: 100%; display: none; left: 0px; }
.rodopolicy .col {display: inline-block}
.rodopolicy .col-content {width: 65%; text-align: justify; margin-left: 10%; font-size: 14px;padding: 10px 10px 20px 0; font-weight: 400;font-style: normal; color: #7e8082}
.rodopolicy .col-accept { width: 15%; text-align: center;}
.rodopolicy .col-accept a.acceptpolicy {background-color: #1c5a7d  ; color: #fff ; padding: 15px; font-size: 15px; font-weight: 400; text-transform: uppercase; position: relative; }

.p-70-cont {padding-top: 70px; padding-bottom: 70px;}

.section-title {margin-bottom: 10px }

.slide-flex {display: flex; align-items: center; justify-content: center; height: 100%;}
.slide-flex * {color: white !important; max-width: 98vw !important;}
.slide-flex div:nth-child(1) {margin-top: 200px;}

.static-slide {font-size: 16px; letter-spacing: 3px; }

.tooltip-form-field::after {
    content : '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    transform: rotate(45deg);
    bottom: -5px;
    left: 5%;
    background-color: #023f58;
    z-index: 90;
}
.tooltip-form-field {
    z-index: 100;
    background-color: #023f58;
    width: auto;
    display: block;
    padding: 3px;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: -75px;
    line-height: 14px;
    padding: 5px;
}
 /*
 switchery
 */

.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch input { opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s; }
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #405262;}
input:focus + .slider {box-shadow: 0 0 1px #405262;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}

.switch-container  {margin-bottom: 80px; }
.switch-container div {display: inline-block; float: left;}
.switch-container div:nth-child(2) {width: 80%; padding-left: 20px;;}

.repository-section .folder {margin: 10px 0; padding: 20px; border: 1px solid #dadada; cursor: pointer;}
.repository-section .folder .content {padding: 20px 0 }
.repository-section .row.folder .headline span {position: absolute; right: 30px; }
.repository-section .files {display: none }
.repository-section .files .file {padding: 10px 0 ; border-bottom: 1px solid ;  border-color: #dadada}
.repository-section .files .file:last-child {border-bottom: 0px; }
.repository-section .files .file a {background-color: #405262; color: #fff; padding: 5px; ;}

.postalcode-rules {min-width: 350px;}
.partner-search-form {display: flex; justify-content: center; align-items: center;}
.partner-search-form button {background-color: #023F58; padding: 27px 0; color: #fff ; font-weight: bold; text-transform: uppercase;}
.partner-search-form label {text-transform: uppercase; color: #023F58; font-size: 28px; width: 100%}
.partner-search-form * {width: 130px;;}
.partners input[name="PostalCode"]{ text-align: left; font-size: 22px; padding: 25px; border: 2px solid #023F58}
.logout-button a {color: #405262 ; font-size: 14px; text-decoration: underline;}
.partner-item {border-bottom: 1px solid #dadada;}
.partner-item:last-child {border-bottom:0px }

.download-button {margin-top: 25px}

.validation-error  {color: red ; font-size: 12px;}
.validation-error-form-statement {padding: 15px 0; display: none;}
.form-error {border-color: red }

.head-with-frame {padding: 280px 0 200px 0 }
.head-with-frame .frame{border: 4px solid #fff ; max-width: 70% ; margin: 0px auto }
.head-with-frame .breadcrumbs {text-align: center !important ;}

.gallery-headline {text-transform: uppercase; font-weight: 400; font-size: 18px ;}

.model-title h3 {text-align: center !important; padding-bottom: 10px;;}

.modal-layer {position: fixed; top: 0px; z-index: 100; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.7); display:block ; overflow: scroll; }
.modal-layer::-webkit-scrollbar {display: none;}
  .modal-layer {-ms-overflow-style: none;}

.modal-form {width: 70vw; background-color: #fff ;  padding: 50px;  box-shadow: 1px 1px 150px #f1f1f1; margin: 0px auto; margin-top: 5%  }
.modal-form .modal-header {border-bottom: 0px; position: relative;}
.modal-form .close-modal { width: 25px; text-align: center; position: absolute; right: 0px; top: 20px; cursor: pointer;}
.modal-form input[type="text"], .modal-form input[type="email"], .modal-form input[type="number"],  .modal-form textarea {all: unset; border: 0px; border-bottom: 1px solid #a6a7a9 ; border-radius: 0px; color: #4b4e53; width: 100%; }
.modal-form .form-group.action div {padding-left: 0px;}

select[name="InstallationDate"], 
select[name="Region"] {width: 100%}

.opinions-section .stars {padding: 10px 0 10px 0}
.opinions-section .star.active:before {color: #fdb002}
.opinions-section .star:before {color: #888; font-size: 20px;}
.opinions-section .avg-rating { font-size: 80px; height: 80px;}
.opinions-section .medium-star:before {font-size: 30px;}

.product-in-post { background-color: #f0f0f0; padding: 10px ; display: flex; justify-content: center; align-items: center; margin: 0px}
.product-in-post div {padding: 0px; margin: 0px; }
.product-in-post .button.blue {text-transform: uppercase;}
.product-in-post .cta-product-lead {font-weight: bold ;}
.product-in-post .cta-product.action  {text-align: center; padding: 0px; margin: 0px; }

.top-cta-button {margin-top: -10px; background-color: #023F58 !important; text-transform: uppercase; font-weight: bold ;}


#f_cta { position: fixed; z-index: 100;  color: #fff; bottom: 0px !important ; width: 15%  ;  padding: 5px 0 ;  display: none ; right: 1px; bottom: 15px;height: 75px;}
#f_cta .cta-col {display: inline-block ; text-align: right;  }
#f_cta .col-icon {width: 16%; text-align: right; }
#f_cta .mobile-cta {text-align: right; }
#f_cta .col-option { width: 100% ; }
#f_cta .col-option i {display: inline;}
#f_cta i {font-size: 22px; cursor: pointer; }
#f_cta a svg{position: relative; top: -10px; left: -10px;}
#f_cta a {color: #fff ; cursor: pointer; background-color: #023f58; margin: 0 10px 10px 0; height: 60px ; width : 60px; display: inline-block; border-radius: 50% ; border: 1px solid #006288; }
#f_cta .share-actions {display: none }
#f_cta .share-actions .cta-col {width: 24% }


.offer-selector {justify-content: start; margin: 40px 0 }
.offer-selector {margin: 70px 0 }
.offer-selector select {font-size: 25px; width: 100% !important; min-width: 400px;;} 

.reviews-io.header-widget {     color: white;width: 300px;position: absolute;text-align: center;top: -130px;right: 50px;background-color: white;padding: 30px;border-bottom: 10px solid #14b8a6;border-radius: 30px 0 30px 30px; box-shadow: 0px 0px 300px #14b8a6;}
.reviews-io.header-widget span {color: black !important }
.reviews-io.header-widget .title {font-size: 20px; color: black; padding-bottom: 10px;}

div[data-section="SliderSection"] .reviews-io {bottom: 20%; right: 10%; z-index: 28; top: initial}

.reviews-section .container .CarouselWidget__footer {
    text-align: center;
    padding-top: 20px;
}
.reviews-section .container #reviewsio-carousel-widget {
    padding: 20px;
    box-shadow: -151px 56px 328px #a5e3dd;
}

.carrer-page {    max-width: 50%; margin: 0px auto;}
.carrer-page .agreement{ align-items: start; display: flex;}
.carrer-page .agreement input[type="checkbox"] {margin-right: 10px; margin-top: 5px;}   
.carrer-section .info-box {background-color: #65e765;border-radius: 3px;padding: 10px;color: black;font-weight: bold;border: 1px solid #40b340;}

@media only screen and (max-width:1024px){
    .head-with-frame {padding: 180px 0 90px 0 !important}
    .modal-form {width:  60%;}
} 

@media only screen and (max-width:1500px){
    #f_cta {display: block ;}
} 

@media only screen and (max-width:768px){
    .modal-form {width:  80%;}
    .rodopolicy .col-content { width: 100% ; margin-left: 0px ; font-size: 13px; padding-bottom: 50px ;}
    .rodopolicy .col-accept { width: 100% ;  }
    .rodopolicy .col-accept a { width: 100% ; text-align: center; display: inline-block;}

}

@media only screen and (max-width:465px){
    
    .modal-form {width:  95%;padding: 50px 15px; top: 0px !important}
}