body{font-family:'Roboto',sans-serif;margin:0!important}
a{text-decoration:none}
#myDiv{height:100vh;overflow-y:scroll}
.flex-container{display:flex}

.home-select-content{margin:auto;padding:0 0 40px; max-width:1300px;}


.home-title h1{font-size:35px;font-weight:700;line-height:42px;color:#000;margin-bottom:0;max-width:420px;padding:0 20px}
.home-title{padding-bottom:20px}
.flex-container{display:flex;flex-wrap:wrap}
.flex-container a{cursor:pointer}
.home-content{transition:.3;flex-basis:100%;padding:20px;box-sizing:border-box}
.home-content:hover{background-color:#f9f9f9}
.home-content img{width:100%;height:auto!important;background:transparent!important;padding:0!important}

.home-content:nth-child(3n+1){margin-right:0}
.home-content h2{font-size:24px;font-weight:700;line-height:28px;color:#000;margin-bottom:0;padding-bottom:0}
.home-content p{font-size:16px;font-weight:400;line-height:18px;color:#767676;margin-top:5px}
.home-content .button{display:inline-block;padding:15px 25px;background-color:#34746E;color:#fff;text-decoration:none;border-radius:0;transition:background-color .3s ease}
.home-content .button:hover{background-color:#B5D998}
.home-content .button:active{background-color:#B5D998}
.home-image{position:relative}
.home-image span{position:absolute;display:inline-block;bottom:0;right:0;background-color:#fff;padding:18px 12px;color:#000}
.home-image span p{display:inline-block;color:#000;font-size:12px;padding-left:3px;margin:0}
@media all and (min-width: 576px) {
.column-left-inner{padding-right:0;max-width:585px;width:100%;margin-right:0;margin-left:auto}
}
@media all and (max-width: 575px) {
.column-left-inner{padding-right:0;padding-left:0;width:100%;margin-right:0;margin-left:0}
}
@media all and (min-width: 576px) {
.column{float:left}
}
@media all and (min-width: 992px) {
.column-left{width:45%;background-color:#F6F9FC;min-height:100vh;order:1;padding-top:40px}
}
@media all and (min-width: 576px) and (max-width:991px) {
.column-left{width:50%;background-color:#F6F9FC;min-height:100vh;order:1;padding-top:40px}
}
@media all and (max-width: 575px) {
.column-left{width:100%;background-color:#F6F9FC;order:2;min-height:auto;padding:0 10px}
}
.column-right-inner{position:sticky;top:0;}
@media all and (min-width: 992px) {
.column-right{width:55%;order:2;padding-top:40px}
}
@media all and (min-width: 576px) and (max-width:991px) {
.column-right{width:50%;order:2;padding-top:40px}
}
@media all and (max-width: 575px) {
.column-right{width:100%;order:1;max-height:90vh;height:auto;position:sticky;top:0;}
}
@media all and (min-width: 576px) {
.column-right-inner{padding-left:30px;padding-right:10px;max-width:715px;width:100%;margin-left:0;margin-right:auto}
}
@media all and (max-width: 576px) {
.column-right-inner{width:100%;margin-left:0;margin-right:auto}
}
@media all and (min-width: 576px) {
.column-left .header-title{padding-right:30px;padding-left:10px}
}
@media all and (min-width: 576px) {
.column-left .header-title h2{font-size:35px;font-weight:700;display:inline-block}
}
@media all and (max-width: 575px) {
.column-left .header-title h2{font-size:24px;font-weight:700;display:inline-block}
}
@media all and (min-width: 576px) {
.column-left .header-title p{font-size:16px;font-weight:300;display:inline-block}
}
@media all and (max-width: 575px) {
.column-left .header-title p{font-size:12px;font-weight:300;display:inline-block}
}
.calc-container{width:100%;position:relative}
.calc-inner-conteiner{margin:auto}
@media all and (min-width: 576px) {
.first-accordion{padding-right:30px;padding-left:10px}
}
.accordion{padding-bottom:20px}
.accordion-header{background-color:#f5f5f5;padding:.5em;cursor:pointer}
.accordion-header:hover{background-color:#e5e5e5}
.accordion-content{ padding:.5em; }
.line-button-fix{position:absolute;top:0;right:0;z-index:20}
@media all and (min-width: 576px) {
.line-button a{position:relative;border:none;background-color:none;background:none;margin:0;padding:0;z-index:20}
}
@media all and (min-width: 576px) {
.line-button a{text-decoration:none;transition:.3s}
}
@media all and (min-width: 576px) {
.line-button img{width: auto;height: 30px;background: #EFEFEF;padding: 9px;transition: .3s;}
.seeall-btn{height: 50px!important;}
}
@media all and (max-width: 575px) {
.line-button img{width:auto;height:24px;background:#EFEFEF;padding:8px;transition:.3s}
}
.line-button img:hover{background:#34746E}
@media all and (min-width: 576px) {
.column-right .image-container{width:100%;height:auto;position:relative}
}
@media all and (max-width: 575px) {
.column-right .image-container{height:auto;margin:auto;padding:0;position:relative}
}
.image-container .dinamic-price{position:absolute;top:0;left:0;background:#1F1938;z-index:10}
@media all and (min-width: 576px) {
.dinamic-price span{font-size:24px;font-weight:700;display:inline-block;color:#fff;padding:20px 25px;max-width:100%}
}
@media all and (min-width: 576px) {
.dinamic-price span p{font-size:12px;font-weight:300;display:inline-block;padding-left:10px;margin:0;color:#fff;max-width:100%}
}
@media all and (max-width: 575px) {
.dinamic-price span{font-size:20px;font-weight:700;display:inline-block;color:#fff;padding:8px 10px;max-width:100%}
}
@media all and (max-width: 575px) {
.dinamic-price span p{font-size:14px;font-weight:300;display:inline-block;padding-left:5px;margin:0;color:#fff;max-width:100%}
}
#Outside-image{width:100%;height:auto;position:relative}
#Inside-image{width:100%;height:auto;position:relative}
.image{position:absolute;top:0;left:0;width:100%;height:auto}
.accordion-section{margin-bottom:0}
.accordion-section button{background:none;border:none;width:100%;margin:0;padding:0}
.accordion-heading{background-color:#fff;padding:10px 0;display:flex;justify-content:space-between;border:1px solid #F0F0F0;position:relative;transition:.3s}
.accordion-section .accordion-heading:hover{background-color:#f9f9f9}
.acc-icon-line{padding-left:10px}
.accordion-heading .acc-icon-line img{width:auto;height:25px;display:inline-block;position:absolute;top:50%;left:10px;transform:translate(-0%,-50%)}
.accordion-heading h3{margin:0;line-height:40px;padding-left:35px}
.accordion-icon-content{padding-top:0;transition:transform .3s;position:absolute;top:50%;right:10px;transform:translate(-0%,-50%)}
.accordion-icon{width:20px;height:20px}
.accordion-content{padding:0;}
.accordion-option{background-color:#fff;padding:0;border:1px solid #F0F0F0;margin-top:-1px;position:relative;transition:.3s}
.accordion-section .accordion-option:hover{background-color:#f8f8f8}
.accordion-option label{padding:5px 0;margin-bottom:3px}
.accordion-section-inner{margin-bottom:0}
.accordion-heading-inner{background-color:#fff;padding:10px;cursor:pointer;display:flex;justify-content:space-between;border:1px solid #F0F0F0;margin-top:-1px;transition:.3s}
.accordion-heading-inner:hover{background-color:#f8f8f8}
.accordion-heading-inner h3{margin:0;font-size:16px;color:#000;font-weight:500}
.accordion-icon-inner{font-weight:700;transition:transform .3s}
.accordion-content-inner{padding:0;}
.accordion-content-inner input{float:right;height:18px;width:18px}
.checkbox-container{height:18px;width:18px;position:absolute;top:50%;right:11px;transform:translate(-0%,-50%)}
.checkbox-container input[type="checkbox"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;width:18px;height:18px;margin-right:0;font-size:16px}
.checkbox-container input[type="checkbox"]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:1px solid #B5D998;margin-top:0;text-align:center}
.checkbox-container input[type="checkbox"]:checked::before{background-color:#B5D998;content:"\2713";margin-top:0;color:#fff}
.checkbox-container input[type="radio"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;width:18px;height:18px;margin-right:0;font-size:16px}
.checkbox-container input[type="radio"]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;border:1px solid #B5D998;margin-top:0;text-align:center; border-radius: 10px}
.checkbox-container input[type="radio"]:checked::before{background-color:#B5D998;content:"\2713";margin-top:0;color:#fff}
.accordion-content-inner .option-text{padding-left:60px;padding-right:40px}
.option-text p{margin:0;padding-top:10px;padding-bottom:0}
.accordion-content-inner label{color:#000;font-size:14px}
.accordion-content-inner span{color:#898989;font-size:14px;display:block;padding-bottom:10px}
.acc-icon-line img{display:inline-block}
.acc-icon-line h3{display:inline-block;color:#000;font-size:16px;font-weight:700}
.accordion-front-icon{width:30px;height:auto}
@media all and (min-width: 576px) {
.column-left .calc-button{padding-right:30px;padding-left:10px; paddint-top: 30px}
}
.calc-button{padding-bottom:30px; padding-top: 30px}
.calc-button-inner a{color:#fff;text-decoration:none;font-size:20px;font-weight:500}
.calc-button-inner{background-color:#B5D998;border:1px solid #B5D998;width:100%;color:#fff;padding:20px 0;text-align:center;text-decoration:none;display:inline-block;font-size:20px;cursor:pointer;border-radius:0;transition:.3s}
.calc-button-inner:hover{background-color:#34746E;border:1px solid #34746E}
.calc-button-inner img{width:auto;height:18px;padding-left:15px;margin-bottom:-2px}
.accordion-option-front-img{max-width:auto;max-height:25px; max-width: 35px; padding:10px;position:absolute;top:50%;transform:translate(-0%,-50%)}
.accordion-icon-inner{display:inline-block;width:20px;height:20px;background-image:url(img/plus-icon.svg);background-repeat:no-repeat;background-position:center}
.ui-accordion-header-active .accordion-icon-inner{background-image:url(img/minus-icon.svg)}
.space-bottom{padding-bottom:20px}
#popupContainer{position:fixed;z-index:9999;left:0;top:0;height:100%;background-color:rgba(0,0,0,0.5);display:none;align-items:flex-start;justify-content:left;width:100%;padding-left:0}
@media all and (min-width: 992px) {
#popupContent{background-color:#fff;padding:0;padding-left:6%!important;width:100%;max-width:36%;max-height:100vh;height:100%;overflow-y:auto;width:100vw}
}
@media all and (min-width: 576px) and (max-width: 991px) {
#popupContent{background-color:#fff;padding:0;padding-left:3%;max-width:50%;max-height:100vh;overflow-y:auto;width:100vw}
}
#popupContent .flex-container{display:flex;flex-wrap:wrap}
#popupContent .home-content img{width:100%}
#popupContent .home-content{flex-basis:100%;padding:20px;box-sizing:border-box}
#popupContent .home-title h1{padding-bottom:20px;font-size:24px;color:#000;max-width:100%;line-height:34px;display:inline-block;padding-bottom:0;padding-left:0;padding-right:0;width:100%}
.closebutton{width: 45px;height: 45px;padding: 0;margin: 0;border: none;position: absolute;right: 20px;top: 10px;z-index: 9999}
#closeButton{width:45px;height:20px;padding:0;margin:0;position:absolute;right:20px;top:10px;z-index:9999}
#closeButton img{background:#EFEFEF;padding:10px;margin:0;left:0}
#popupContent .home-select-content{position:relative}
.option-list-item{padding-bottom:20px;max-width:100%;margin-right:20px;margin-left:10px}
.column-left-export .col-img img{width:100%}

.column-left-export .dinamic-price{position:relative;display:inline-block;background:#1F1938}
.column-left-export .pr-info{position:relative;display:block;width:34px;height:34px;position:relative;border-radius:50px;background:#1F1938;margin-top:20px}
.column-left-export .pr-info a{font-size:20px;color:#fff;position:absolute;top:17px;left:17px;border-radius:50px;transform:translate(-50%,-50%)}

.column-left-export-inner .header-title{padding-left:10px}
.column-left-export-inner .header-title h2{display:inline-block}
.column-left-export-inner .header-title p{display:inline-block}
.accordion-option .option-text{padding-left:60px;padding-right:40px}
.accordion-option .option-text p{margin:0;padding-top:10px;padding-bottom:0;font-size:14px;font-weight:400}
.accordion-option label{color:#000;font-size:14px}
.accordion-option span{color:#898989;font-size:14px;font-weight:400;display:block;padding-bottom:10px}
@media all and (min-width: 576px) {
.column-right-export-inner h3{font-size:24px;font-weight:400;color:#000;padding:20px}
}
@media all and (max-width: 575px) {
	.column-right-export-inner h3{font-size:24px;font-weight:400;color:#000;padding:20px 0px}
}
.contact-form form .check-box{color:#000;font-size:14px;font-weight:300}
.contact-form form .check-box a{text-decoration:underline;color:#000;font-weight:300;font-size:14px}
.contact-form::placeholder{color:#000;font-size:16px;line-height:18px;font-weight:300}
.add-file-button{position:relative;max-width:800px}

input[type="file"] + label::after{content:'';display:none}
.hidden22{display:none}
#popup22{position:fixed;top:0;left:0;width:85vw;transform:translate(-0%,-0%);background:#fff;z-index:9999}
.home-select-title{padding-right:20px;padding-left:20px}
.home-select-title h1{padding-bottom:0;margin-bottom:0;font-size:24px;font-weight:400;max-width:420px;color:#000;line-height:34px;display:inline-block;width:100%}
#popupContainer22{position:fixed;z-index:9999;left:0;top:0;height:100%;background-color:rgba(0,0,0,0.5);display:none;align-items:flex-start;justify-content:left;width:100%;padding-left:0}
@media all and (min-width: 992px) {
	#popupContent22{background-color:#fff;padding:0;padding-left:0!important;width:100%;max-width:85%;max-height:100vh;overflow-y:auto;width:100vw}
}
@media all and (min-width: 576px) and (max-width: 991px) {
	#popupContent22{background-color:#fff;padding:0;padding-left:0;max-width:85%;max-height:100vh;overflow-y:auto;width:100vw}
}
#popupContent22 .flex-container{display:flex;flex-wrap:wrap;}
#popupContent22 .home-content img{width:100%}
#popupContent22 .home-content{flex-basis:100%;padding:20px;box-sizing:border-box}
#popupContent22 .home-title h1{padding-bottom:20px;font-size:24px;color:#000;max-width:100%;line-height:34px;display:inline-block;padding-bottom:0;padding-left:20px;width:100%}
.closebutton22{width:100%;position:relative}
#closeButton22{width:45px;height:45px;padding:0;margin:0;border:none;position:absolute;right:20px;top:10px;z-index:9999}
#closeButton22 img{background:#EFEFEF;padding:10px;margin:0;left:0;transition:.3s;}
#closeButton22 img:hover{background:#34746E}
#popupContent22 .home-select-content{position:relative}
#visual img{transition-duration:.2s}

.image-container .col-img{ position: relative; }







@media all and (max-width: 575px) {
	#popupContent{background-color:#fff;padding:0;max-width:100%!important;max-height:100vh;height:100%;overflow-y:auto;width:100vw}
	.contact-form h3{margin:10px 0}
	.contact-form form{background-color:#fff;padding:0}
	.contact-form input[type="text"],.contact-form input[type="tel"],.contact-form input[type="email"],.contact-form textarea{border:1px solid #F0F0F0;padding:15px 10px;width:100%;font-size:16px;font-weight:300;font-family:'Roboto',sans-serif;margin-bottom:20px}
	.contact-form input[type="file"]{position: relative!important;overflow: hidden;border: 1px solid #F0F0F0;padding: 15px 3%;margin: 0px;width: 100%;font-size: 16px;font-weight: 300;font-family: 'Roboto',sans-serif;margin-bottom: 30px;}
.contact-form input[type="file"] + label{position:absolute;top:12px;right:0px;border-radius:50px;transform:translate(-0%,-0%);width:30px;height:30px;background-color:#F0F0F0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.contact-form input[type="file"] + label::before{content:"+";font-weight:700;font-size:20px}
.contact-form input[type="submit"]{background-color: #B5D998;font-size: 20px;font-weight: 300;color: #fff;border: none;padding-top: 20px;padding-bottom: 20px;max-width: 285px;width: 100%;cursor: pointer;margin: 30px 0px;transition: background-color .3s ease;}
.contact-form input[type="submit"]:hover{background-color:#34746E}
	.column-right-export{width:100%;padding-top:10px;padding-left:10px;padding-right:40px}
	.title-expected h3{font-size:24px;font-weight:400;color:#000;margin:10px 0}
	.column-left-export-inner{padding-right:0;padding-left:0;width:100%;margin-right:0;margin-left:0}
	.column-left-export .image-container{height:auto;margin:auto;padding:0;position:relative}
	.image-container .col-price{flex-basis:100%;padding:0 10px;order:1;box-sizing:border-box}
	#popupContent22{background-color:#fff;padding:0;max-width:100%!important;max-height:100vh;overflow-y:auto;width:100vw}
}
@media all and (min-width: 576px) {
	.home-select-content{padding:30px 0 50px}

	.contact-form form{background-color:#fff;padding:0 60px 0 20px}
	.contact-form input[type="text"],.contact-form input[type="tel"],.contact-form input[type="email"],.contact-form textarea{border: 1px solid #F0F0F0;padding: 15px 3%;margin: 0px 4%;width: 86%;font-size: 16px;font-weight: 300;font-family: 'Roboto',sans-serif;margin-bottom: 30px;}
	.contact-form input[type="file"]{position: relative!important;overflow: hidden;border: 1px solid #F0F0F0;padding: 15px 3%;margin: 0px 4%;width: 86%;font-size: 16px;font-weight: 300;font-family: 'Roboto',sans-serif;margin-bottom: 30px;}
.contact-form input[type="file"] + label{position:absolute;top:12px;right:6%;border-radius:50px;transform:translate(-0%,-0%);width:30px;height:30px;background-color:#F0F0F0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.contact-form input[type="file"] + label::before{content:"+";font-weight:700;font-size:20px}
.myCheckbox-block{padding:0px 4%;}
.contact-form input[type="submit"]{background-color: #B5D998;font-size: 20px;font-weight: 300;color: #fff;border: none;padding-top: 20px;padding-bottom: 20px;max-width: 285px;width: 100%;cursor: pointer;margin: 30px 4%;transition: background-color .3s ease;}
.contact-form input[type="submit"]:hover{background-color:#34746E}
	.column-left-export{width:calc(55% - 35px);background-color:#F6F9FC;min-height:100vh;padding-top:0;padding-left:30px;}
	.column-right-export{width:45%;padding-top:40px}
	.title-expected h3{font-size:24px;font-weight:400;color:#000}
	.column-left-export-inner{padding-right:0;max-width:715px;padding-left:0;width:100%;padding-top:40px;margin-right:0;margin-left:auto}
	.column-right-export-inner{padding-right: 0;max-width: 585px;width: 100%;margin-left: 0px;margin-right: auto;}
	.column-left-export .image-container{width:100%;height:auto;position:relative;display:flex;flex-wrap:wrap}
	.image-container .col-price{flex-basis:100%;padding:20px;order:1;box-sizing:border-box}
}

@media all and (min-width: 768px) {
	.image-container .col-img{flex-basis:45%;padding:0 0px;box-sizing:border-box}
	.image-container .col-price{flex-basis:55%;padding:20px;box-sizing:border-box}
}

@media all and (max-width: 767px) {
	#popupContainer22{align-items:center;padding-left:0}
    .fix1 { padding-left: 0%; width: 100% }
    .fix2 { width: 100% }
	.image-container .col-img{flex-basis:100%;padding:0;box-sizing:border-box;order:2}
	#popupContainer{align-items:center;padding-left:0}
}

@media all and (min-width: 576px) and (max-width: 991px) {
	.home-content{flex-basis:50%;}
}
@media all and (min-width: 992px) {
	.home-content{flex-basis:33.33%;}
}