#onlinesales-loader-fullscreen {
display: none;
}
#onlinesales-loader-fullscreen .onlinesales-loader-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.65);
z-index: 200;
}
#onlinesales-loader-fullscreen .onlinesales-loader-overlay .onlinesales-spinner {
border: 16px solid #f3f3f3;
/* Light grey */
border-top: 16px solid #f00;
/* Blue */
border-radius: 50%;
width: 90px;
height: 90px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
footer.footercomp {
display: none;
}
.css-floating-labels label {
transform: translate3d(0, -10px, 0) !important;
color: #212121!important;
font-size: 12px!important;
}
.color-blue-text {
color: #1EA2B1;
}
.eon-font {
font-family: "EONBrixSans";
}
.min-w-100 {
min-width: 100px;
}
.pt3 {
padding-top: 3px;
}
@media only screen and (min-width: 992px) {
.content_body {
overflow: visible;
}
.product-detail-main-boxes {
padding-right: 0;
}
}
.eon-it-navbar__underline {
border-bottom: 1px solid #f6f6f7;
}
.bg-light-torquoise {
background-color: rgba(30, 162, 177, 0.25);
}
.online-sales-footer {
display: flex;
height: 80px;
padding: 20px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
background-color: #f6f6f7;
position: fixed;
bottom: 0;
z-index: 12;
text-align: center;
width: 103%;
/* webkit */
}
.online-sales-footer .online-sales-footer-container {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
}
.online-sales-footer .online-sales-footer-container .prev-bracket-turquoise {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon / 24 / chevron bold left%3C/title%3E%3Cg id='icon-/-24-/-chevron-bold-left' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M15.0219966,20.9919222 C14.875917,20.9919222 14.7330229,20.9492262 14.6109966,20.8689215 C11.4654966,18.8026715 8.37699659,16.1424215 5.67924659,13.1746715 C5.07637048,12.5020919 5.07604737,11.4836336 5.67849659,10.8106715 C8.37474659,7.84367155 11.4632466,5.18267155 14.6109966,3.11492155 C14.9563344,2.90800039 15.4034157,3.01030433 15.624402,3.34681531 C15.8453883,3.68332629 15.7616082,4.13424611 15.4344966,4.36892155 C12.3902466,6.36842155 9.40149659,8.94467155 6.78849659,11.8194215 C6.70463596,11.9195199 6.70495249,12.065438 6.78924659,12.1651715 C9.40299659,15.0414215 12.3924966,17.6176715 15.4344966,19.6149215 C15.711773,19.7969182 15.8365839,20.1394256 15.7414063,20.4571458 C15.6548811,20.7459825 15.4052282,20.9519736 15.1113634,20.986723 L15.0219966,20.9919222 Z' id='icon' fill='%231EA2B1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E%0A");
margin-left: -90px;
width: 15px;
height: 25px;
cursor: pointer;
}
.online-sales-footer .online-sales-footer-container .prev-bracket-turquoise.show-back-label {
margin-right: 20px;
}
.online-sales-footer .online-sales-footer-container .prev-bracket-turquoise:not(.show-back-label) {
margin-right: 60px;
}
.online-sales-footer .online-sales-footer-container .prev-bracket-grey {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon / 24 / chevron bold left%3C/title%3E%3Cg id='icon-/-24-/-chevron-bold-left' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M15.0219966,20.9919222 C14.875917,20.9919222 14.7330229,20.9492262 14.6109966,20.8689215 C11.4654966,18.8026715 8.37699659,16.1424215 5.67924659,13.1746715 C5.07637048,12.5020919 5.07604737,11.4836336 5.67849659,10.8106715 C8.37474659,7.84367155 11.4632466,5.18267155 14.6109966,3.11492155 C14.9563344,2.90800039 15.4034157,3.01030433 15.624402,3.34681531 C15.8453883,3.68332629 15.7616082,4.13424611 15.4344966,4.36892155 C12.3902466,6.36842155 9.40149659,8.94467155 6.78849659,11.8194215 C6.70463596,11.9195199 6.70495249,12.065438 6.78924659,12.1651715 C9.40299659,15.0414215 12.3924966,17.6176715 15.4344966,19.6149215 C15.711773,19.7969182 15.8365839,20.1394256 15.7414063,20.4571458 C15.6548811,20.7459825 15.4052282,20.9519736 15.1113634,20.986723 L15.0219966,20.9919222 Z' id='icon' fill='%23BFBFBF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
width: 15px;
height: 25px;
margin-left: -90px;
}
.online-sales-footer .online-sales-footer-container .prev-bracket-grey.show-back-label {
margin-right: 20px;
}
.online-sales-footer .online-sales-footer-container .prev-bracket-grey:not(.show-back-label) {
margin-right: 60px;
}
.online-sales-footer .online-sales-progress-bar {
width: 70%;
display: block;
/* default: inline-block */
margin: 0;
border: 0 none;
background: #e8e8e8;
border-radius: 15px;
float: right;
}
.online-sales-footer .online-sales-progress-bar::-moz-progress-bar {
border-radius: 15px;
background: #1ea2b1;
}
.online-sales-footer .online-sales-progress-bar::-webkit-progress-value {
transition: width 1s;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.online-sales-footer .online-sales-progress-bar {
height: 15px;
}
}
.online-sales-footer .online-sales-progress-bar::-webkit-progress-bar {
background: transparent;
}
.online-sales-footer .online-sales-progress-bar::-webkit-progress-value {
border-radius: 15px;
background: #1ea2b1;
}
.main-step-title p {
color: #404040;
font-size: 32px;
font-weight: bold;
margin-top: 65px;
}
.subtitle-wrapper {
margin-bottom: 40px;
}
.subtitle-wrapper .main-step-subtitle p {
margin-bottom: 25px;
}
.subtitle-wrapper .tips-anchor-modal {
margin-bottom: 20px;
}
.tips-anchor-modal.answers-inline {
display: flex;
align-items: center;
}
.region-choice-section {
height: 50px;
margin-bottom: 50px;
}
.unavailable-service-wrapper {
margin-bottom: 150px;
}
.unavailable-service {
padding: 20px;
margin-bottom: 60px;
}
.unavailable-service.bg-light-torquoise {
background-color: rgba(30, 162, 177, 0.25);
}
.unavailable-service .unavailable-service__main-title p {
color: #39393a;
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
}
.unavailable-service .unavailable-service__description p {
margin-bottom: 15px;
}
.unavailable-service .unavailable-service__phone-number {
display: flex;
}
.unavailable-service .unavailable-service__phone-number .recontact-number {
margin-bottom: 0;
}
.other-products-section .other-products-section__description p {
font-size: 18px;
font-weight: normal;
margin-bottom: 0;
}
.single-choice-box {
display: flex;
flex-direction: column;
padding: 20px 0 20px 15px;
border-radius: 6px;
border: solid 1px #f6f6f7;
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
background-color: var(--white);
cursor: pointer;
}
.single-choice-box .single-choice-box-inner {
display: flex;
flex-direction: row;
margin-top: 10px;
}
.single-choice-box .answer-icon,
.single-choice-box .answer-icon-picked {
width: 56px;
height: 56px;
margin: 5px 0;
}
.single-choice-box .answer-label {
width: max-content;
padding: 0 5px 0 10px;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
font-weight: bold;
height: min-content;
margin-left: auto;
margin-top: -5px;
margin-bottom: -18px;
}
.single-choice-box .answer-label span {
font-size: 14px;
line-height: 20px;
}
.single-choice-box .answer-description-wrapper {
margin-left: 20px;
margin-top: 5px;
display: flex;
flex-direction: column;
}
.single-choice-box .answer-description-wrapper .answer-title {
color: #39393a;
font-size: 18px;
font-weight: bold;
margin: 0 5px 10px 0;
}
.single-choice-box .answer-description-wrapper .answer-description {
color: #39393a;
font-size: 16px;
font-weight: normal;
margin: 0 20px 0 0;
}
.product-detail-wrapper {
padding: 40px 0 30px 0;
margin-bottom: 80px;
}
.product-detail-wrapper .product-detail-main-title p {
margin-top: 40px;
font-size: 46px;
font-weight: 900;
}
.product-detail-wrapper .product-detail-main-boxes {
display: flex;
flex-direction: row;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs {
background-color: #FFFFFF;
border-radius: 6px;
width: 66%;
height: auto;
margin-right: 50px;
padding: 40px 20px 30px 20px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header {
display: flex;
flex-direction: row;
justify-content: space-around;
margin-bottom: 40px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header .product-detail-header-image {
display: flex;
align-items: center;
justify-content: center;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header .product-detail-header-description {
display: flex;
flex-direction: column;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-title {
font-size: 24px;
font-weight: bold;
color: #39393a;
margin-bottom: 20px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-advantages {
display: flex;
flex-direction: column;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-advantages .single-advantage {
display: flex;
align-items: flex-start;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-advantages .single-advantage .single-advantage-icon {
width: 24px;
height: 24px;
margin-right: 10px;
margin-bottom: 5px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .panel {
border-bottom: solid 1px #979797;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .documents-accordion-wrapper .panel-heading {
border-top: none !important;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .panel-heading {
padding: 10px 0;
border-top: solid 1px #979797;
color: #39393a;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .panel-heading .angle-brackets-online-sales {
height: 20px;
margin: 10px;
width: 30px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon / 24 / chevron bold up%3C/title%3E%3Cg id='icon-/-24-/-chevron-bold-up' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M20.2507231,17.272889 C19.9977936,17.2733203 19.761717,17.1461154 19.6229731,16.9346357 C17.6242231,13.8918857 15.0479731,10.9023857 12.1724731,8.28863571 C12.0720229,8.20496659 11.9260602,8.20528253 11.8259731,8.28938571 C8.95122308,10.9023857 6.37497308,13.8918857 4.37697308,16.9338857 C4.14956984,17.2801682 3.68450563,17.3765389 3.33822309,17.1491357 C2.99194056,16.9217325 2.89556985,16.4566682 3.12297308,16.1103857 C5.18997308,12.9641357 7.85022308,9.87563571 10.8172231,7.17863571 C11.4899488,6.57689076 12.5073656,6.57656788 13.1804731,7.17788571 C16.1489731,9.87488571 18.8099731,12.9633857 20.8769731,16.1111357 C21.0282591,16.3414602 21.0410536,16.6361979 20.9102955,16.8787658 C20.7940661,17.0943817 20.5810545,17.2379048 20.3416145,17.2672968 L20.2507231,17.272889 Z' id='icon' fill='%231EA2B1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .panel-heading .collapsed .angle-brackets-online-sales {
height: 20px;
margin: 10px;
width: 30px;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon / 24 / chevron bold down%3C/title%3E%3Cg id='icon-/-24-/-chevron-bold-down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M20.9918645,7.47794572 C20.9918645,7.62402534 20.9491685,7.76691936 20.8688639,7.88894572 C18.8026139,11.0344457 16.1423639,14.1229457 13.1746139,16.8206957 C12.5020342,17.4235718 11.4835759,17.4238949 10.8106139,16.8214457 C7.84361385,14.1251957 5.18261385,11.0366957 3.11486385,7.88894572 C2.9079427,7.54360789 3.01024664,7.0965266 3.34675762,6.87554032 C3.6832686,6.65455405 4.13418842,6.73833409 4.36886385,7.06544572 C6.36836385,10.1096957 8.94461385,13.0984457 11.8193639,15.7114457 C11.9194622,15.7953063 12.0653803,15.7949898 12.1651139,15.7106957 C15.0413639,13.0969457 17.6176139,10.1074457 19.6148639,7.06544572 C19.7968605,6.78816935 20.1393679,6.66335841 20.4570882,6.75853605 C20.7459248,6.84506119 20.9519159,7.09471414 20.9866653,7.38857886 L20.9918645,7.47794572 Z' id='icon' fill='%231EA2B1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .tech-accordion .panel-body,
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .documents-accordion .panel-body {
padding: 15px 0;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .tech-accordion .single-spec .single-spec-label,
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .documents-accordion .single-spec .single-spec-label {
font-weight: normal;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .tech-accordion .single-spec .single-spec-value,
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .documents-accordion .single-spec .single-spec-value {
font-weight: bold;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .documents-accordion .single-document {
margin-bottom: 15px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .documents-accordion .single-document span {
color: #1ea2b1;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer {
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 25px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer .discount-box {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 15px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer .discount-box .full-price {
font-size: 18px;
font-weight: 400;
color: #1ea2b1;
text-decoration: line-through;
text-decoration-thickness: 2px;
margin-right: 10px;
align-items: center;
display: flex;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer .discount-box .discount-copy {
font-size: 16px;
background-color: #e3e000;
color: #b00402;
font-weight: bold;
padding: 5px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer .discount-box .border-discount {
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-right: 10px solid;
border-right-color: #e3e000;
background-color: transparent;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer .final-product-cost {
font-size: 38px;
font-weight: 900;
color: #00738b;
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer .final-product-cost-superscript {
font-size: 9px;
color: #1ea2b1;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer .product-detail-description {
font-size: 18px;
display: flex;
justify-content: center;
flex-direction: column;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .products-detail-footer .product-detail-description p {
display: flex;
justify-content: center;
margin-bottom: 15px;
}
.product-detail-wrapper .generic-included-services-container {
margin-top: 30px;
}
.product-detail-wrapper .generic-included-services-container .generic-included-services-wrapper {
margin-left: 25px;
}
.more-product-wrapper.flex-desktop.two-products .product-detail-main-boxes {
width: 33.3%;
}
.more-product-wrapper.flex-desktop.two-products .product-detail-main-boxes .products-detail-technical-specs {
width: 100%;
margin-right: 0;
}
.more-product-wrapper.flex-desktop.two-products .included-services-wrapper {
width: 33.3%;
}
.more-product-wrapper.two-products .generic-included-services-wrapper {
margin-left: 25px;
}
@media only screen and (min-width: 992px) {
.more-product-wrapper.two-products .generic-included-services-wrapper {
width: 30%;
}
}
.more-product-wrapper.flex-desktop.three-products .product-detail-main-boxes {
width: 33.3%;
}
.more-product-wrapper.flex-desktop.three-products .product-detail-main-boxes .products-detail-technical-specs {
width: 100%;
margin: 0;
}
.included-services-wrapper,
.generic-included-services-wrapper {
border-radius: 6px;
background-color: #FFFFFF;
padding: 30px 25px;
align-self: flex-start;
}
.included-services-wrapper .included-services-title,
.generic-included-services-wrapper .included-services-title {
color: #39393a;
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
.included-services-wrapper .included-services-list,
.generic-included-services-wrapper .included-services-list {
padding: 0 0 0 25px;
margin: 0;
}
.included-services-wrapper .included-services-list li,
.generic-included-services-wrapper .included-services-list li {
margin-bottom: 12px;
}
.slick-online-sales-container {
position: relative;
}
.slick-list .image-wrapper {
width: 450px;
padding-left: 0;
padding-right: 0;
}
.slick-arrow.slick-prev {
background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.9 27' style='enable-background:new 0 0 15.9 27;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23E53325;%7d %3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M15.4,25L15.4,25c-4.6-3-9-6.8-13-11.2l0,0c0,0-0.1-0.1-0.1-0.2s0-0.2,0.1-0.2l0,0c4-4.5,8.3-8.2,13-11.3 c0.5-0.3,0.7-1,0.3-1.6c-0.3-0.5-1-0.7-1.6-0.3C9.3,3.4,4.8,7.3,0.7,11.8C0.2,12.3,0,12.9,0,13.5s0.2,1.2,0.7,1.7 c4.1,4.6,8.6,8.4,13.4,11.6c0.5,0.3,1.2,0.2,1.6-0.3C16.1,26.1,15.9,25.4,15.4,25'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M0.8,15.3L0.8,15.3L0.8,15.3z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
}
.slick-arrow.slick-prev.slick-disabled {
pointer-events: none;
background-image: url("data:image/svg+xml, ");
}
.slick-arrow.slick-next {
background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 27.2' style='enable-background:new 0 0 16 27.2;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23E53325;%7d %3c/style%3e%3cg%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M15.3,11.8C11.2,7.2,6.7,3.4,1.9,0.2C1.4-0.1,0.7,0,0.3,0.5C0,1,0.1,1.7,0.6,2.1c4.6,3,9,6.8,13,11.2l0,0 c0,0,0.1,0.1,0.1,0.2s0,0.2-0.1,0.2l0,0c-4,4.5-8.3,8.2-13,11.3c-0.5,0.3-0.7,1-0.3,1.6s1,0.7,1.6,0.3c4.8-3.2,9.3-7.1,13.4-11.6 c0.5-0.5,0.7-1.1,0.7-1.7C16,12.9,15.8,12.3,15.3,11.8'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M15.3,11.8L15.3,11.8L15.3,11.8z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
}
.slick-arrow.slick-next.slick-disabled {
pointer-events: none;
background-image: url("data:image/svg+xml, ");
}
ul.slick-dots {
list-style: none;
margin: auto 0;
padding: 0;
}
ul.slick-dots li {
font-size: 0;
line-height: 0;
border: 0;
outline: 0;
height: 15px;
width: 22px;
float: left;
background-color: transparent;
background-position-x: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Epunto_carosello_rosso_2%3C/title%3E%3Cg id='punto_carosello_rosso_2' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='bulletpoint' transform='translate(2.000000, 2.000000)' fill='%23EA1C0A' stroke='%23EA1C0A' stroke-width='3'%3E%3Ccircle id='Oval' cx='8' cy='8' r='6.5'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
ul.slick-dots li.slick-active {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Epunto_carosello_rosso_1%3C/title%3E%3Cg id='punto_carosello_rosso_1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='bulletpoint' transform='translate(2.000000, 2.000000)' stroke='%23EA1C0A' stroke-width='3'%3E%3Ccircle id='Oval' cx='8' cy='8' r='6.5'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.slick-custom-container {
position: relative;
padding: 30px 20px 20px 20px;
}
@media only screen and (max-width: 767px) {
.slick-custom-container {
justify-content: space-between;
}
}
@media only screen and (min-width: 768px) {
.slick-custom-container {
justify-content: center;
}
.slick-custom-container button.slick-next {
margin-left: 100px;
}
.slick-custom-container button.slick-prev {
margin-right: 100px;
}
}
.online-sales-modal-dialog {
width: 1100px;
margin: auto;
}
.online-sales-modal-dialog .online-sales-container {
padding: 25px 35px;
margin-left: auto;
margin-right: auto;
}
.online-sales-modal-dialog .online-sales-container .online-sales-modal-header {
padding: 15px;
display: flex;
justify-content: space-between;
}
.online-sales-modal-dialog .online-sales-container .online-sales-modal-header .tip-title {
text-align: center;
font-size: 26px;
margin: 0;
font-weight: bold;
}
.online-sales-modal-dialog .online-sales-container .modal-footer.border-none {
border: none;
}
.online-sales-modal-dialog .tip-left .subtitle {
min-height: 60px;
margin-bottom: 10px;
}
.online-sales-modal-dialog .tip-left img {
height: auto;
}
.online-sales-modal-dialog .tip-left img .width-450 {
width: 450px;
}
.online-sales-modal-dialog .tip-right {
width: 50%;
padding-left: 25px;
}
.online-sales-modal-dialog .tip-right .subtitle {
min-height: 60px;
margin-bottom: 10px;
}
.online-sales-modal-dialog .tip-right img {
width: 450px;
height: auto;
}
.online-sales-modal-dialog .multi-image-container {
display: block;
position: relative;
overflow-x: unset;
padding: 0;
}
.online-sales-modal-dialog .modal-footer .title-footer-tip {
display: flex;
justify-content: center;
}
.online-sales-modal-dialog .modal-footer .subtitle-footer-tip {
display: flex;
justify-content: center;
}
.online-sales-modal-dialog .modal-footer .subtitle-footer-tip span {
font-weight: normal;
}
.modal-details {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: block;
height: 0;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal-details.fade.in {
overflow-x: hidden;
overflow-y: auto;
z-index: 2001;
height: auto;
}
.product-detail-modal .modal-content {
width: 100%;
}
.product-detail-modal .modal-content .modal-header {
padding-bottom: 0;
}
.product-detail-modal .modal-content .products-detail-technical-specs {
background-color: #FFFFFF;
border-radius: 6px;
height: auto;
padding: 0px 20px 10px 20px;
}
.product-detail-modal .modal-content .products-detail-technical-specs .product-detail-header {
display: flex;
flex-direction: row;
margin-bottom: 40px;
}
.product-detail-modal .modal-content .products-detail-technical-specs .product-detail-header .product-detail-header-image {
display: flex;
margin-right: 20px;
align-items: center;
justify-content: center;
}
.product-detail-modal .modal-content .products-detail-technical-specs .product-detail-header .product-detail-header-description {
display: flex;
flex-direction: column;
}
.product-detail-modal .modal-content .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-title {
font-size: 24px;
font-weight: bold;
color: #39393a;
margin-bottom: 20px;
}
.product-detail-modal .modal-content .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-advantages {
display: flex;
flex-direction: column;
}
.product-detail-modal .modal-content .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-advantages .single-advantage {
display: flex;
align-items: flex-start;
}
.product-detail-modal .modal-content .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-advantages .single-advantage .check-icon {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon / 24 / value proposition%3C/title%3E%3Cg id='icon-/-24-/-value-proposition' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M11.9999423,2.25 C13.5591923,2.25 15.0494423,2.60775 16.4294423,3.312 C16.7976923,3.50025 16.9439423,3.9525 16.7556923,4.3215 C16.5674423,4.68975 16.1166923,4.83675 15.7469423,4.64775 C14.5799423,4.05225 13.3199423,3.75 11.9999423,3.75 C7.45119231,3.75 3.74994231,7.45125 3.74994231,12 C3.74994231,16.54875 7.45119231,20.25 11.9999423,20.25 C16.5486923,20.25 20.2499423,16.54875 20.2499423,12 C20.2499423,10.7895 19.9941923,9.62325 19.4886923,8.5335 C19.3146923,8.15775 19.4781923,7.7115 19.8539423,7.5375 C20.2304423,7.3635 20.6759423,7.52775 20.8499423,7.90275 C21.4469423,9.192 21.7499423,10.5705 21.7499423,12 C21.7499423,17.376 17.3759423,21.75 11.9999423,21.75 C6.62394231,21.75 2.24994231,17.376 2.24994231,12 C2.24994231,6.624 6.62394231,2.25 11.9999423,2.25 Z M19.3287923,4.494825 C19.6662923,4.734825 19.7450423,5.202825 19.5050423,5.540325 L12.4137923,15.510075 C12.2675423,15.715575 12.0365423,15.825075 11.8017923,15.825075 C11.6517923,15.825075 11.4995423,15.780075 11.3675423,15.686325 L7.68879231,13.070325 C7.35129231,12.830325 7.27179231,12.361575 7.51254231,12.024075 C7.75179231,11.686575 8.22054231,11.607075 8.55804231,11.847825 L11.6262923,14.028825 L18.2832923,4.671075 C18.5232923,4.333575 18.9912923,4.254075 19.3287923,4.494825 Z' id='icon' fill='%231EA2B1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
min-width: 20px;
min-height: 20px;
background-size: contain;
margin-left: 5px;
margin-right: 10px;
margin-top: 3px;
}
.product-detail-modal .modal-content .products-detail-technical-specs .product-detail-header .product-detail-header-description .product-advantages .single-advantage-icon {
width: 24px;
height: 24px;
margin-right: 10px;
margin-bottom: 5px;
}
.product-detail-modal .modal-content .products-detail-technical-specs #tech-details {
border-bottom: solid 1px #979797;
border-top: solid 1px #979797;
padding: 15px 0;
}
.product-detail-modal .modal-content .products-detail-technical-specs #tech-details p {
font-weight: bold;
margin-bottom: 25px;
}
.product-detail-modal .modal-content .products-detail-technical-specs #tech-details .single-spec .single-spec-label {
font-weight: normal;
}
.product-detail-modal .modal-content .products-detail-technical-specs #tech-details .single-spec .single-spec-value {
font-weight: bold;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer {
display: flex;
justify-content: center;
flex-direction: column;
margin-top: 25px;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer .discount-box {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 15px;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer .discount-box .full-price {
font-size: 20px;
font-weight: 400;
color: #1ea2b1;
text-decoration: line-through;
text-decoration-thickness: 2px;
margin-right: 10px;
align-items: center;
display: flex;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer .discount-box .discount-copy {
font-size: 18px;
background-color: #e3e000;
color: #b00402;
font-weight: bold;
padding: 5px;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer .discount-box .border-discount {
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-right: 10px solid;
border-right-color: #e3e000;
background-color: transparent;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer .final-product-cost {
font-size: 38px;
font-weight: 900;
color: #00738b;
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer .final-product-cost-superscript {
font-size: 9px;
color: #1ea2b1;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer .product-detail-description {
font-size: 18px;
display: flex;
justify-content: center;
flex-direction: column;
}
.product-detail-modal .modal-content .products-detail-technical-specs .products-detail-footer .product-detail-description p {
margin-bottom: 15px;
display: flex;
justify-content: center;
}
.residenza-container .online-sales-already-client-address {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
padding: 20px 15px;
background-color: #f6f6f7;
border-radius: 8px;
}
.ctc-ropo-modal-online-sales .header-with-cross {
display: none !important;
}
.ctc-ropo-modal-online-sales.exit-point .ctc-exit-funnel-header {
display: none !important;
}
.ctc-ropo-modal-online-sales.exit-point .header-with-cross {
display: block !important;
}
.ctc-ropo-modal-online-sales .ctc-exit-funnel-header {
display: block;
}
.ctc-ropo-modal-online-sales.exit-point .modal-footer {
display: none;
}
.ctc-ropo-modal-online-sales .phone-contact {
display: none!important;
}
.widget-ctc-ropo-modal-section .phone-contact {
display: none!important;
}
button.bg-eon-darkgrey:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='26px' height='52px' viewBox='0 0 26 52' enable-background='new 0 0 26 52' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M8.414,1.076C4.994,1.75,2.322,4.23,1.672,7.775c-2.23,12.15-2.23,24.301,0,36.452c0.65,3.545,3.322,6.02,6.742,6.693 C14.332,51.884,26,52,26,52V0C26,0.001,13.667,0.13,8.414,1.076z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
button.bg-eon-darkgrey span {
background-color: #e8e8e8 !important;
}
button.bg-eon-darkgrey:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='26px' height='52px' viewBox='0.239 0.829 26 52' enable-background='new 0.239 0.829 26 52' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='rgb(232,232,232)' d='M17.824,51.754c3.42-0.674,6.092-3.154,6.742-6.699c2.23-12.15,2.23-24.301,0-36.451 c-0.65-3.545-3.322-6.02-6.742-6.694c-5.918-0.964-17.585-1.08-17.585-1.08v52C0.239,52.829,12.571,52.7,17.824,51.754z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.widgets-container {
bottom: 140px!important;
}
.eon-icon-info-turquoise {
width: 20px;
height: 20px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 22 22'%3E %3Cg fill='none' fill-rule='evenodd' transform='translate(1)'%3E %3Ccircle cx='10' cy='11' r='10' stroke='%2300A5B4' stroke-width='2'/%3E %3Ctext fill='%2300A5B4' font-family='EONBrixSansBold, EON Brix Sans' font-size='18' font-style='italic' font-weight='bold' transform='translate(8)'%3E %3Ctspan x='-1' y='18'%3Ei%3C/tspan%3E %3C/text%3E %3C/g%3E %3C/svg%3E") no-repeat center;
}
.tooltip {
background: #666666;
color: #ffffff;
padding: 5px;
}
.tooltip .tooltip-inner {
max-width: 235px;
font-family: EONBrixSans;
background: #666666;
color: #ffffff;
font-size: 10px;
font-weight: 400;
line-height: 1.3;
letter-spacing: normal;
}
.tooltip .tooltip-arrow {
border-color: #666666;
border-left-color: transparent;
border-right-color: transparent;
}
.eon-it-navbar__container {
width: 100%;
background-color: #FFFFFF;
z-index: 24;
top: 0;
left: 0;
right: 0;
}
.eon-it-navbar__container:not(.posStatic-tab) {
position: fixed;
}
#button-section-next-step1,
#no-already-client-online-sales {
display: none;
}
#online-sales-section {
margin-bottom: 50px;
}
#online-sales-section ul {
list-style: none;
}
#online-sales-section .already-client-section #already-client-online-sales,
#online-sales-section .already-client-section .no-client-email,
#online-sales-section .already-client-section .no-client-phone {
display: none;
}
#online-sales-section .already-client-section.multipleCC #already-client-online-sales {
display: block;
}
#online-sales-section .already-client-section.no-email.no-phone .copy-no-email-no-phone {
display: block;
}
#online-sales-section .already-client-section.no-email.no-phone .copy-no-phone,
#online-sales-section .already-client-section.no-email.no-phone .copy-no-email {
display: none;
}
#online-sales-section .already-client-section.no-email .no-client-email {
display: block;
}
#online-sales-section .already-client-section.no-phone .no-client-phone {
display: block;
}
#online-sales-section .name-section .validation-input.parsley-success + label,
#online-sales-section .surname-section .validation-input.parsley-success + label,
#online-sales-section .cf-section .validation-input.parsley-success + label {
font-size: 12px;
transform: translate3d(0, -10px, 0);
}
#online-sales-section .check-valid-code-input {
position: relative;
width: auto;
}
#online-sales-section .check-valid-code-input .validation-input.parsley-success {
border: 2px solid #1ea2b1;
}
#online-sales-section .check-valid-code-input .validation-input.parsley-success + label {
font-size: 12px;
transform: translate3d(0, -10px, 0);
}
#online-sales-section .check-valid-code-input .check-container {
display: none;
top: 0;
width: 50px;
height: 50px;
position: absolute;
right: 0;
}
#online-sales-section .check-valid-code-input .check-icon {
width: 33px;
height: 32px;
display: inline-block;
position: absolute;
margin: 8px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='32' viewBox='0 0 33 32'%3E%3Cpath fill='%231EA2B1' fill-rule='evenodd' d='M14.942 23.652c-.2 0-.403-.06-.579-.185l-7.35-5.227c-.45-.32-.555-.945-.235-1.395.32-.45.945-.556 1.395-.235l6.535 4.647L23.584 8.78c.206-.297.554-.46.913-.428.36.033.673.257.821.585.149.329.109.712-.105 1.003l-9.455 13.292c-.187.264-.492.42-.816.42z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
}
#online-sales-section .shadow {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
#online-sales-section .color-blue-text {
color: #1EA2B1;
}
#online-sales-section .info-section {
padding: 20px 0;
}
#online-sales-section .info-section ul {
margin: 0;
}
#online-sales-section .info-section .info-title {
margin-bottom: 35px;
}
#online-sales-section .info-section .info-title p {
font-size: 28px;
}
#online-sales-section .info-section .check-icon {
background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='19px' height='16px' viewBox='0 0 19 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 55.2 (78181) - https://sketchapp.com --%3E %3Ctitle%3ECheck%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E %3Cpath d='M8.34939163,15.3032329 C8.14939163,15.3032329 7.94639163,15.243232 7.77039163,15.118232 L0.420391628,9.89123198 C-0.0297204427,9.57090683 -0.134933526,8.94634405 0.185391628,8.49623198 C0.505716783,8.04611991 1.13027956,7.94090683 1.58039163,8.26123198 L8.11539163,12.908232 L16.9913916,0.431231981 C17.1964642,0.134684273 17.545294,-0.0285099857 17.9043636,0.00411308409 C18.2634333,0.0367361539 18.5771403,0.260124812 18.7254108,0.588775304 C18.8736814,0.917425796 18.8335555,1.30044602 18.6203916,1.59123198 L9.16539163,14.883232 C8.97748565,15.1471487 8.67336768,15.30368 8.34939163,15.3032329 L8.34939163,15.3032329 Z' id='path-1'%3E%3C/path%3E %3C/defs%3E %3Cg id='Check' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cmask id='mask-2' fill='white'%3E %3Cuse xlink:href='%23path-1'%3E%3C/use%3E %3C/mask%3E %3Cuse id='Mask' fill='%2339393A' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E %3C/g%3E %3C/svg%3E") no-repeat center;
min-width: 20px;
min-height: 20px;
background-size: contain;
}
#online-sales-section .recap {
display: none;
}
#online-sales-section .recap .pre {
display: none;
border-radius: 8px;
background-color: #c7e8eb;
padding: 20px 50px;
}
#online-sales-section .recap .post {
border-radius: 8px;
background-color: #f6f6f7;
padding: 20px 50px;
}
#online-sales-section .section-title {
position: relative;
}
#online-sales-section .section-title p {
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
#online-sales-section .style-note {
font-size: 14px;
color: #8f9192;
}
#online-sales-section .style-note p {
font-size: 14px;
color: #8f9192;
}
#online-sales-section .background-grey {
background-color: #f3f3f3;
}
#online-sales-section .padding-15 {
padding: 15px;
}
#online-sales-section .residential-address-card {
border-radius: 8px;
background-color: #f6f6f7;
padding: 20px 15px;
}
#online-sales-section .configurator-item-radio.eon-radio-label.same-height-fix {
min-height: 216px;
height: auto;
}
#online-sales-section .configurator-item-radio.eon-radio-label {
width: 100%;
height: 100%;
padding: 0;
}
#online-sales-section .configurator-item-radio.eon-radio-label:before {
left: auto;
top: 20px;
right: 20px;
height: 25px;
width: 25px;
}
#online-sales-section .additional-option-header {
justify-content: space-between;
}
#online-sales-section .additional-option-header .option-tooltip {
text-decoration: underline;
text-align: right;
width: 100%;
}
#online-sales-section .additional-option-header .option-title {
width: 100%;
}
#online-sales-section .eon-radio-label.addon-blu {
background-color: transparent;
}
#online-sales-section .eon-radio-label.addon-blu:before {
background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='path-1' cx='16' cy='16' r='15'%3E%3C/circle%3E%3Cmask id='mask-2' maskContentUnits='userSpaceOnUse' maskUnits='objectBoundingBox' x='0' y='0' width='32' height='32' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3C/defs%3E%3Cuse id='Oval-3' stroke='rgb(255,255,255)' stroke-width='2' fill='none' xlink:href='%23path-1'%3E%3C/use%3E%3C/svg%3E");
}
#online-sales-section .eon-radio-label.addon-blu.checked {
background-color: transparent;
}
#online-sales-section .eon-radio-label.addon-blu.checked:before {
background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='599 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Radio_Btn_selected-Copy' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(599.000000,0.000000)'%3E%3Ccircle id='Oval-3-Copy-5' stroke='rgb(255,255,255)' stroke-width='2' fill='none' cx='16' cy='16' r='15'%3E%3C/circle%3E%3Ccircle id='Oval-4' fill='rgb(255,255,255)' cx='16' cy='16' r='8'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
}
#online-sales-section .parsley-error .checkbox-note-legali.checkbox-parsley-validate:before,
#online-sales-section .parsley-error.checkbox-parsley-validate:before {
background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E%3Ctitle%3ECheck_red%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Check_red' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Form/Checkbox/ErrorState' fill='%23FFFFFF' stroke='%23D51607' stroke-width='2'%3E%3Cpath d='M16,1 C12.4551393,1 8.91014256,1.33725689 5.36529159,2.01161344 C4.51466376,2.17345165 3.75709507,2.58648009 3.17176925,3.17180446 C2.58644399,3.75712827 2.17341472,4.51469428 2.01157232,5.36533995 C0.663017049,12.45515 0.663017049,19.54485 2.01158096,26.6347055 C2.17341472,27.4853057 2.58644399,28.2428717 3.17176925,28.8281955 C3.75709507,29.4135199 4.51466376,29.8265484 5.36531231,29.9883905 C8.91011484,30.6625824 12.4551252,31 16,31 C19.5448748,31 23.0898852,30.6625824 26.63475,29.9883787 C27.4853362,29.8265484 28.2429049,29.4135199 28.8282307,28.8281955 C29.413556,28.2428717 29.8265853,27.4853057 29.9884277,26.63466 C31.336983,19.54485 31.336983,12.45515 29.988419,5.36529449 C29.8265853,4.51469428 29.413556,3.75712827 28.8282307,3.17180446 C28.2429049,2.58648009 27.4853362,2.17345165 26.6346877,2.0116095 C23.0898574,1.33725689 19.5448607,1 16,1 Z' id='Fill-281-Copy-13'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
#online-sales-section .parsley-error .privacy-disclaimer {
color: #D51607 !important;
}
#online-sales-section .parsley-error .radio-parsley-validate:before,
#online-sales-section .parsley-error.radio-parsley-validate:before {
background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 63.1 (92452) - https://sketch.com --%3E%3Ctitle%3Eradio_red%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='radio_red' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Radio_Btn' fill='%23FFFFFF' stroke='%23D51607' stroke-width='2'%3E%3Cg id='Form/RadioButton/ErrorState'%3E%3Ccircle id='Oval-3' cx='16' cy='16' r='15'%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}
#online-sales-section .steps-container {
margin: 0;
padding: 0;
}
#online-sales-section .steps-container .step {
min-height: 0;
}
#online-sales-section .steps-container .step .step-content {
padding: 20px 0;
background: white;
border-bottom: 1px solid #e8e8e8;
}
#online-sales-section .steps-container .step .step-content .prefix-tel-fields input.prefixDisabled,
#online-sales-section .steps-container .step .step-content .prefix-pod input.prefixDisabled,
#online-sales-section .steps-container .step .step-content .prefix-tel-fields input.prefixPodDisabled,
#online-sales-section .steps-container .step .step-content .prefix-pod input.prefixPodDisabled {
width: 30%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #F3F3F3;
border: 2px solid #bfbfbf;
color: #39393A;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 8px;
}
#online-sales-section .steps-container .step .step-content .prefix-tel-fields fieldset,
#online-sales-section .steps-container .step .step-content .prefix-pod fieldset {
width: 70%;
}
#online-sales-section .steps-container .step .step-content .prefix-tel-fields fieldset input,
#online-sales-section .steps-container .step .step-content .prefix-pod fieldset input {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#online-sales-section .steps-container .step .step-content .prefix-tel-fields fieldset input:focus,
#online-sales-section .steps-container .step .step-content .prefix-pod fieldset input:focus {
box-shadow: none !important;
outline: none;
}
#online-sales-section .steps-container .step .step-content .prefix-pod input.prefixPodDisabled {
width: 15%;
padding-left: 0 !important;
text-align: center;
}
#online-sales-section .steps-container .step .step-content .prefix-pod fieldset {
width: 85%;
}
#online-sales-section .steps-container .step .step-header {
text-decoration: none;
color: #404040;
padding: 15px 0;
font-size: 26px;
background: white;
position: relative;
z-index: 21;
margin: 0;
}
#online-sales-section .steps-container .step .step-header .step-icon {
margin-right: 10px;
height: 52px;
min-width: 52px;
display: flex;
justify-content: center;
align-items: center;
background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='28px' viewBox='0 0 28 28' enable-background='new 0 0 28 28' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%2356B9C4' d='M14,27c-3.1,0-6.2-0.3-9.3-0.9c-1.4-0.3-2.6-1.4-2.8-2.8c-1.2-6.2-1.2-12.4,0-18.6 c0.3-1.4,1.4-2.6,2.8-2.8C7.8,1.3,10.9,1,14,1c3.1,0,6.2,0.3,9.3,0.9c1.4,0.3,2.6,1.4,2.8,2.8c1.2,6.2,1.2,12.4,0,18.6 c-0.3,1.4-1.4,2.6-2.8,2.8C20.2,26.7,17.1,27,14,27z'/%3E %3Cpath fill='%2356B9C4' d='M14,2c3,0,6.1,0.3,9.1,0.9c1,0.2,1.8,1,2,2c1.1,6,1.1,12.2,0,18.2c-0.2,1-1,1.8-2,2C20.1,25.7,17,26,14,26 c-3,0-6.1-0.3-9.1-0.9c-1-0.2-1.8-1-2-2c-1.1-6-1.1-12.2,0-18.2c0.2-1,1-1.8,2-2C7.9,2.3,11,2,14,2 M14,0c-3.2,0-6.3,0.3-9.5,0.9 C2.7,1.3,1.3,2.7,0.9,4.5c-1.2,6.3-1.2,12.6,0,18.9c0.4,1.8,1.8,3.3,3.6,3.6C7.7,27.7,10.8,28,14,28c3.2,0,6.3-0.3,9.5-0.9 c1.8-0.4,3.3-1.8,3.6-3.6c1.2-6.3,1.2-12.6,0-18.9c-0.4-1.8-1.8-3.3-3.6-3.6C20.3,0.3,17.2,0,14,0L14,0z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#online-sales-section .steps-container .step .step-header .step-icon span {
color: white;
margin-top: 2px;
display: inline-block;
}
#online-sales-section .steps-container .step .step-header .dismiss.ui-state-disabled {
opacity: 100;
}
#online-sales-section .steps-container .step.active .step-content {
display: block;
}
#online-sales-section .steps-container .step.active .step-header {
color: #404040;
border: 0;
border-bottom: none;
}
#online-sales-section .steps-container .step.active .step-header .step-icon {
background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='28px' viewBox='0 0 28 28' enable-background='new 0 0 28 28' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%23ea1c0a' d='M14,27c-3.1,0-6.2-0.3-9.3-0.9c-1.4-0.3-2.6-1.4-2.8-2.8c-1.2-6.2-1.2-12.4,0-18.6 c0.3-1.4,1.4-2.6,2.8-2.8C7.8,1.3,10.9,1,14,1c3.1,0,6.2,0.3,9.3,0.9c1.4,0.3,2.6,1.4,2.8,2.8c1.2,6.2,1.2,12.4,0,18.6 c-0.3,1.4-1.4,2.6-2.8,2.8C20.2,26.7,17.1,27,14,27z'/%3E %3Cpath fill='%23ea1c0a' d='M14,2c3,0,6.1,0.3,9.1,0.9c1,0.2,1.8,1,2,2c1.1,6,1.1,12.2,0,18.2c-0.2,1-1,1.8-2,2C20.1,25.7,17,26,14,26 c-3,0-6.1-0.3-9.1-0.9c-1-0.2-1.8-1-2-2c-1.1-6-1.1-12.2,0-18.2c0.2-1,1-1.8,2-2C7.9,2.3,11,2,14,2 M14,0c-3.2,0-6.3,0.3-9.5,0.9 C2.7,1.3,1.3,2.7,0.9,4.5c-1.2,6.3-1.2,12.6,0,18.9c0.4,1.8,1.8,3.3,3.6,3.6C7.7,27.7,10.8,28,14,28c3.2,0,6.3-0.3,9.5-0.9 c1.8-0.4,3.3-1.8,3.6-3.6c1.2-6.3,1.2-12.6,0-18.9c-0.4-1.8-1.8-3.3-3.6-3.6C20.3,0.3,17.2,0,14,0L14,0z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
}
#online-sales-section .steps-container .step.disabled .step-content {
display: none;
}
#online-sales-section .steps-container .step.disabled .step-header {
color: #8f9192;
border-bottom: 1px solid #e8e8e8;
}
#online-sales-section .steps-container .step.disabled .step-header .step-icon {
background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='28px' viewBox='0 0 28 28' enable-background='new 0 0 28 28' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%23bfbfbf' d='M14,27c-3.1,0-6.2-0.3-9.3-0.9c-1.4-0.3-2.6-1.4-2.8-2.8c-1.2-6.2-1.2-12.4,0-18.6 c0.3-1.4,1.4-2.6,2.8-2.8C7.8,1.3,10.9,1,14,1c3.1,0,6.2,0.3,9.3,0.9c1.4,0.3,2.6,1.4,2.8,2.8c1.2,6.2,1.2,12.4,0,18.6 c-0.3,1.4-1.4,2.6-2.8,2.8C20.2,26.7,17.1,27,14,27z'/%3E %3Cpath fill='%23bfbfbf' d='M14,2c3,0,6.1,0.3,9.1,0.9c1,0.2,1.8,1,2,2c1.1,6,1.1,12.2,0,18.2c-0.2,1-1,1.8-2,2C20.1,25.7,17,26,14,26 c-3,0-6.1-0.3-9.1-0.9c-1-0.2-1.8-1-2-2c-1.1-6-1.1-12.2,0-18.2c0.2-1,1-1.8,2-2C7.9,2.3,11,2,14,2 M14,0c-3.2,0-6.3,0.3-9.5,0.9 C2.7,1.3,1.3,2.7,0.9,4.5c-1.2,6.3-1.2,12.6,0,18.9c0.4,1.8,1.8,3.3,3.6,3.6C7.7,27.7,10.8,28,14,28c3.2,0,6.3-0.3,9.5-0.9 c1.8-0.4,3.3-1.8,3.6-3.6c1.2-6.3,1.2-12.6,0-18.9c-0.4-1.8-1.8-3.3-3.6-3.6C20.3,0.3,17.2,0,14,0L14,0z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
}
#online-sales-section .parentDiv {
width: 100%;
border: 2px solid #1EA2B1;
position: relative;
}
#online-sales-section .innerDiv {
background-color: white;
height: 161px;
width: 100%;
overflow-y: auto;
z-index: 2;
}
#online-sales-section .scrollable-box {
padding: 5px 8px 45px 5px;
}
#online-sales-section .fadeout {
position: absolute;
pointer-events: none;
bottom: 0em;
width: calc(100% - 15px);
height: 3em;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 77%, #ffffff 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 77%, #ffffff 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 77%, #ffffff 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
/* IE6-9 */
}
#online-sales-section .note-legali-box.error #online-sales-note-legali-privacy {
border: 2px solid red;
}
#online-sales-section .note-legali-box.error .color-blue-text {
color: red;
}
#online-sales-section .privacy-scroll {
height: 48px;
min-width: 48px;
display: flex;
justify-content: center;
align-items: center;
background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='28px' height='28px' viewBox='0 0 28 28' enable-background='new 0 0 28 28' xml:space='preserve'%3E %3Cg%3E %3Cg%3E %3Cpath fill='%2356B9C4' d='M14,27c-3.1,0-6.2-0.3-9.3-0.9c-1.4-0.3-2.6-1.4-2.8-2.8c-1.2-6.2-1.2-12.4,0-18.6 c0.3-1.4,1.4-2.6,2.8-2.8C7.8,1.3,10.9,1,14,1c3.1,0,6.2,0.3,9.3,0.9c1.4,0.3,2.6,1.4,2.8,2.8c1.2,6.2,1.2,12.4,0,18.6 c-0.3,1.4-1.4,2.6-2.8,2.8C20.2,26.7,17.1,27,14,27z'/%3E %3Cpath fill='%2356B9C4' d='M14,2c3,0,6.1,0.3,9.1,0.9c1,0.2,1.8,1,2,2c1.1,6,1.1,12.2,0,18.2c-0.2,1-1,1.8-2,2C20.1,25.7,17,26,14,26 c-3,0-6.1-0.3-9.1-0.9c-1-0.2-1.8-1-2-2c-1.1-6-1.1-12.2,0-18.2c0.2-1,1-1.8,2-2C7.9,2.3,11,2,14,2 M14,0c-3.2,0-6.3,0.3-9.5,0.9 C2.7,1.3,1.3,2.7,0.9,4.5c-1.2,6.3-1.2,12.6,0,18.9c0.4,1.8,1.8,3.3,3.6,3.6C7.7,27.7,10.8,28,14,28c3.2,0,6.3-0.3,9.5-0.9 c1.8-0.4,3.3-1.8,3.6-3.6c1.2-6.3,1.2-12.6,0-18.9c-0.4-1.8-1.8-3.3-3.6-3.6C20.3,0.3,17.2,0,14,0L14,0z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E ");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin: -25px 0 16px 0;
position: relative;
}
#online-sales-section .rotate-angle-brackets {
-moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}
.sticky-footer-mobile {
width: 100%;
bottom: 0;
z-index: 22;
padding: 15px 15px 5px 15px;
background: #f3f3f3;
box-shadow: 0 -12px 13px -4px rgba(0, 0, 0, 0.1);
}
.sticky-footer-mobile .eon-icon-call-center,
.sticky-footer-mobile .eon-icon-call-center-white {
max-width: 27px;
max-height: 27px;
z-index: 100;
}
.sticky-footer-mobile #click-to-call-button {
border: none;
background-color: transparent;
}
.sticky-footer-mobile #eon-icon-call-center-white {
display: none;
margin-bottom: 2px;
}
#online-sales-tax-code .modal-header,
.product-detail-modal .modal-header,
#online-sales-tax-code .modal-footer,
.product-detail-modal .modal-footer {
border: none;
}
#online-sales-authorization-section {
background-color: #e3f3f5;
padding: 24px;
}
.recap-sticky-bar {
padding: 15px 0 20px 0;
width: 100%;
z-index: 23;
top: 0;
background-color: #e3e000;
color: #b00402;
}
.recap-sticky-bar .recap-sticky-bar__title {
margin-bottom: 10px;
font-size: 22px;
font-weight: bold;
}
.recap-sticky-bar .recap-sticky-bar__subtitle {
font-size: 14px;
margin-bottom: 0;
}
.recap-sticky-bar.product-overview {
margin-top: -50px;
margin-bottom: 40px;
}
.recap-sticky-bar.product-overview .container {
padding-left: 50px;
}
.recap-sticky-bar.funnel-top {
margin-top: 35px;
}
.recap-sticky-bar.funnel-bottom {
margin-top: 0;
margin-bottom: 20px;
}
.sticky-offer-card {
background: #ffffff;
z-index: 24;
margin-top: 50px;
margin-bottom: 50px;
width: 100%;
}
.sticky-offer-card.mobile {
display: none;
}
.sticky-offer-card .step-time_title {
background: #1ea2b1;
}
.sticky-offer-card .step-time_title p {
color: #ffffff;
}
.sticky-offer-card .step-time_title .open-close-cursor {
-webkit-transform: rotate(180deg);
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon / 32 / chevron bold down%3C/title%3E%3Cg id='icon-/-32-/-chevron-bold-down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M27.9892295,9.97059429 C27.9892295,10.1653671 27.9323016,10.3558925 27.8252287,10.5185943 C25.0702287,14.7125943 21.5232287,18.8305943 17.5662287,22.4275943 C16.6694559,23.2314291 15.3115115,23.2318599 14.4142287,22.4285943 C10.4582287,18.8335943 6.91022873,14.7155943 4.15322873,10.5185943 C3.87733386,10.0581439 4.01373911,9.46203547 4.46242042,9.1673871 C4.91110173,8.87273873 5.51232815,8.98444545 5.82522873,9.42059429 C8.49122873,13.4795943 11.9262287,17.4645943 15.7592287,20.9485943 C15.8926932,21.0604085 16.0872507,21.0599864 16.2202287,20.9475943 C20.0552287,17.4625943 23.4902287,13.4765943 26.1532287,9.42059429 C26.395891,9.05089247 26.8525674,8.88447788 27.2761945,9.01138141 C27.66131,9.12674825 27.9359648,9.45961886 27.9822973,9.85143848 L27.9892295,9.97059429 Z' id='icon' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
height: 30px;
margin: 10px;
min-width: 30px;
}
.sticky-offer-card .step-time_title .collapsed .open-close-cursor {
margin: 10px;
min-width: 30px;
height: 30px;
background-size: contain;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon / 32 / chevron bold down%3C/title%3E%3Cg id='icon-/-32-/-chevron-bold-down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M27.9892295,9.97059429 C27.9892295,10.1653671 27.9323016,10.3558925 27.8252287,10.5185943 C25.0702287,14.7125943 21.5232287,18.8305943 17.5662287,22.4275943 C16.6694559,23.2314291 15.3115115,23.2318599 14.4142287,22.4285943 C10.4582287,18.8335943 6.91022873,14.7155943 4.15322873,10.5185943 C3.87733386,10.0581439 4.01373911,9.46203547 4.46242042,9.1673871 C4.91110173,8.87273873 5.51232815,8.98444545 5.82522873,9.42059429 C8.49122873,13.4795943 11.9262287,17.4645943 15.7592287,20.9485943 C15.8926932,21.0604085 16.0872507,21.0599864 16.2202287,20.9475943 C20.0552287,17.4625943 23.4902287,13.4765943 26.1532287,9.42059429 C26.395891,9.05089247 26.8525674,8.88447788 27.2761945,9.01138141 C27.66131,9.12674825 27.9359648,9.45961886 27.9822973,9.85143848 L27.9892295,9.97059429 Z' id='icon' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
-webkit-transform: rotate(0deg);
}
.sticky-offer-card .price-recap {
background-color: #f2f2f2;
border-radius: 8px;
margin: 20px 15px;
padding: 10px;
}
.sticky-offer-card .price-recap .price-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.sticky-offer-card .price-recap .price-wrapper span {
font-weight: bold;
}
.sticky-offer-card .price-recap .installation-label {
font-weight: bold;
}
.sticky-offer-card .documents-wrapper a,
.sticky-offer-card .contracts-wrapper a {
color: #1ea2b1;
margin-bottom: 15px;
}
.sticky-offer-card .product-details-modal {
cursor: pointer;
display: flex;
}
.sticky-offer-card .product-details-modal .product-details-title {
color: #ea1b0a;
font-weight: bold;
}
.sticky-offer-card .product-details-modal .product-details-icon {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='32px' height='32px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eicon / 32 / dettagli%3C/title%3E%3Cg id='icon-/-32-/-dettagli' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M25.32,4 C26.2478384,4 27,4.74104593 27,5.65517241 L27,26.3448276 C27,27.2589541 26.2478384,28 25.32,28 L7.68,28 C6.75216162,28 6,27.2589541 6,26.3448276 L6,5.65517241 C6,4.74104593 6.75216162,4 7.68,4 L25.32,4 Z M25.32,5.65517241 L7.68,5.65517241 L7.68,26.3448276 L25.32,26.3448276 L25.32,5.65517241 Z M21.96,15.1724138 L21.96,16.8275862 L11.04,16.8275862 L11.04,15.1724138 L21.96,15.1724138 Z M21.96,10.2068966 L21.96,11.862069 L11.04,11.862069 L11.04,10.2068966 L21.96,10.2068966 Z' id='icon-copy-5' fill='%23EA1B0A'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
width: 30px;
height: 30px;
display: block;
margin-right: 10px;
}
#na-loader-fullscreen {
display: none;
}
#na-loader-fullscreen .na-loader-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2001;
}
#na-loader-fullscreen .na-loader-overlay .na-spinner {
border: 16px solid #f3f3f3;
/* Light grey */
border-top: 16px solid #f00;
/* Blue */
border-radius: 50%;
width: 90px;
height: 90px;
animation: spin 2s linear infinite;
}
#subscription-spinner-fullscreen {
display: none;
}
#subscription-spinner-fullscreen .down-spinner-message {
visibility: hidden;
}
#subscription-spinner-fullscreen .up-spinner-message p,
#subscription-spinner-fullscreen .down-spinner-message p {
font-size: 26px;
color: #FFFFFF;
}
#subscription-spinner-fullscreen .spinner-container {
height: 160px;
width: 100%;
}
#subscription-spinner-fullscreen .spinner-container .position-absolute {
position: absolute;
}
@media (max-width: 767px) {
#subscription-spinner-fullscreen .up-spinner-message p,
#subscription-spinner-fullscreen .down-spinner-message p {
font-size: 22px;
}
}
@media (max-width: 991px) {
#subscription-spinner-fullscreen .bundle-spinner {
max-width: 100vw;
}
#subscription-spinner-fullscreen .bundle-spinner img {
height: calc(23.33333333vw);
min-width: auto;
max-width: unset;
}
#subscription-spinner-fullscreen .spinner-container {
width: 70vw;
margin: 0 auto;
}
}
#subscription-spinner-fullscreen .plug-detached {
min-width: 90px;
}
#subscription-spinner-fullscreen .plug-attached {
display: none;
min-width: 90px;
}
#subscription-spinner-fullscreen p {
max-width: 500px;
}
#subscription-spinner-fullscreen img {
max-width: unset;
}
#subscription-spinner-fullscreen .spinner-complete .plug-detached {
visibility: hidden;
}
#subscription-spinner-fullscreen .spinner-complete .plug-detached-on {
display: none;
}
#subscription-spinner-fullscreen .spinner-complete .plug-attached {
display: block;
}
#subscription-spinner-fullscreen .na-loader-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.8);
z-index: 2001;
}
#subscription-spinner-fullscreen .on-loader {
overflow: hidden;
width: 0;
height: 156px;
transition: width 10s;
}
.product-page-sticky {
position: fixed;
display: none;
z-index: 3;
height: 100px;
width: 100%;
top: 0;
padding-top: 12px;
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
background-color: #f6f6f7;
display: flex;
justify-content: space-between;
}
.product-page-sticky .product-title {
font-size: 24px;
font-weight: bold;
color: #39393a;
margin-right: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.product-page-sticky .products-detail-footer {
display: flex;
justify-content: center;
flex-direction: column;
margin-right: 40px;
}
.product-page-sticky .products-detail-footer .discount-box {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 5px;
}
.product-page-sticky .products-detail-footer .discount-box .full-price {
font-size: 20px;
font-weight: 400;
color: #1ea2b1;
text-decoration: line-through;
text-decoration-thickness: 2px;
margin-right: 10px;
align-items: center;
display: flex;
}
.product-page-sticky .products-detail-footer .discount-box .discount-copy {
font-size: 18px;
background-color: #e3e000;
color: #b00402;
font-weight: bold;
padding: 5px;
}
.product-page-sticky .products-detail-footer .discount-box .border-discount {
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-right: 10px solid;
border-right-color: #e3e000;
background-color: transparent;
}
.product-page-sticky .products-detail-footer .final-product-cost {
font-size: 38px;
font-weight: 900;
color: #00738b;
display: flex;
justify-content: right;
margin-bottom: 10px;
}
.product-page-sticky .eon-button {
margin-top: 10px;
}
@media only screen and (min-width: 1024px) {
.flex-desktop {
display: flex;
}
.modal-dialog.min-width-different {
width: 1000px !important;
}
.product-detail-modal .modal-dialog.min-width-different {
width: 750px !important;
}
.product-detail-header-image .product-image {
max-width: 225px;
height: 225px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.online-sales-modal-dialog {
width: 900px;
}
.product-detail-page .product-page-sticky {
padding: 12px 90px 7px 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.online-sales-modal-dialog {
width: 560px;
margin: 30px auto;
}
.online-sales-modal-dialog .online-sales-container {
padding: 20px 30px;
}
.online-sales-modal-dialog .modal-body {
flex-direction: column;
}
.online-sales-modal-dialog .tip-left {
width: 100%;
}
.online-sales-modal-dialog .tip-left .subtitle {
min-height: 50px;
}
.online-sales-modal-dialog .tip-left img {
width: 450px;
height: auto;
margin-bottom: 10px;
}
.online-sales-modal-dialog .tip-right {
width: 100%;
margin-top: 20px;
}
.online-sales-modal-dialog .tip-right .subtitle {
min-height: 50px;
margin-bottom: 20px;
}
.online-sales-modal-dialog .tip-right img {
width: 450px;
height: auto;
}
.online-sales-modal-dialog .modal-footer .title-footer-tip {
justify-content: left;
}
.online-sales-modal-dialog .modal-footer .subtitle-footer-tip {
justify-content: left;
}
.no-display-in-mobile {
display: block!important;
}
.unavailable-service {
margin-bottom: 40px;
}
.other-products-section .other-products-section__description {
margin-bottom: 15px;
}
.single-choice-box .answer-description-wrapper .answer-title {
margin: 0 10px 10px 0;
}
.product-detail-page {
padding-bottom: 80px;
}
.product-detail-page .product-detail-wrapper {
margin-bottom: 40px;
}
.product-detail-page .product-detail-wrapper .more-product-wrapper .included-services-wrapper,
.product-detail-page .product-detail-wrapper .more-product-wrapper .generic-included-services-wrapper {
width: 100%;
}
.product-detail-page .product-detail-wrapper .more-product-wrapper.three-products .product-detail-main-boxes {
width: 33.3%;
}
.product-detail-page .product-detail-wrapper .more-product-wrapper.three-products .generic-included-services-wrapper {
width: 100%;
}
.product-detail-page .product-detail-wrapper .more-product-wrapper.two-products .product-detail-main-boxes {
width: 50%!important;
}
.product-detail-page .product-detail-wrapper .more-product-wrapper.two-products .generic-included-services-wrapper {
width: 100%;
}
.product-detail-page .product-detail-wrapper .container {
padding-left: 45px;
padding-right: 45px;
}
.product-detail-page .product-detail-wrapper .container .product-detail-main-boxes {
flex-direction: column;
}
.product-detail-page .product-detail-wrapper .container .product-detail-main-boxes .products-detail-technical-specs {
width: 100%;
margin-bottom: 16px;
}
.product-detail-page .product-detail-wrapper .generic-included-services-wrapper {
margin-right: 25px;
}
.show-ropo-mobile .ropo-wrapper-mobile {
display: flex;
align-items: center;
justify-content: center;
margin-right: 30px;
}
.show-ropo-mobile .ropo-wrapper-mobile .anchor-cta {
width: 30px;
}
.show-ropo-mobile .ropo-wrapper-mobile .anchor-cta-label {
font-size: 18px;
font-weight: normal;
color: #ea1b0a;
margin: 0 10px;
text-decoration: underline;
}
#online-sales-section .fixed-on-tab {
position: fixed;
top: 35px;
left: 0;
right: 0;
padding: 0;
z-index: 30;
}
#online-sales-section .sticky-offer-card {
margin: 0;
}
.recap-sticky-bar.product-overview {
margin-top: 10px;
}
.recap-sticky-bar.funnel-top {
margin-top: 120px;
}
.sticky-offer-card {
display: none;
}
.sticky-offer-card .accordion-sticky-card {
max-height: 100vh;
overflow-y: auto;
padding-bottom: 150px;
}
.sticky-offer-card .accordion-sticky-card.collapse.in {
height: 100vh;
}
.sticky-offer-card .accordion-sticky-card .product-advantages {
display: flex;
flex-direction: column;
margin-bottom: 10px;
padding: 10px;
}
.sticky-offer-card .accordion-sticky-card .product-advantages .single-advantage {
display: flex;
align-items: flex-start;
}
.sticky-offer-card .accordion-sticky-card .product-advantages .single-advantage .single-advantage-icon {
width: 24px;
height: 24px;
margin-right: 10px;
margin-top: 3px;
}
.sticky-offer-card .accordion-sticky-card #tech-details {
border-bottom: solid 1px #979797;
border-top: solid 1px #979797;
padding: 15px 0;
margin-left: 15px;
}
.sticky-offer-card .accordion-sticky-card #tech-details p {
font-weight: bold;
margin-bottom: 25px;
}
.sticky-offer-card .accordion-sticky-card #tech-details .single-spec .single-spec-label {
font-weight: normal;
}
.sticky-offer-card .accordion-sticky-card #tech-details .single-spec .single-spec-value {
font-weight: bold;
}
}
@media only screen and (max-width: 767px) {
.online-sales-modal-dialog {
width: 290px;
margin: 45px auto;
}
.online-sales-modal-dialog .online-sales-container {
padding: 25px 15px;
}
.online-sales-modal-dialog .online-sales-container .online-sales-modal-header .tip-title {
font-size: 24px;
}
.online-sales-modal-dialog .online-sales-container .online-sales-modal-header .eon-black-cross-icon:not(.adjust-mob) {
margin-left: 20px;
margin-top: -30px;
margin-right: -10px;
}
.online-sales-modal-dialog .modal-body {
flex-direction: column;
}
.online-sales-modal-dialog .tip-title {
font-size: 22px;
text-align: left;
}
.online-sales-modal-dialog .tip-left {
width: 100%;
}
.online-sales-modal-dialog .tip-left .subtitle {
min-height: 50px;
}
.online-sales-modal-dialog .tip-left img {
width: 260px;
height: auto;
margin-bottom: 30px;
}
.online-sales-modal-dialog .tip-right {
width: 100%;
}
.online-sales-modal-dialog .tip-right .subtitle {
min-height: 50px;
}
.online-sales-modal-dialog .tip-right img {
width: 450px;
height: auto;
}
.online-sales-footer .online-sales-footer-container .prev-bracket-turquoise {
margin-right: 30px;
margin-left: -20px;
}
.online-sales-footer .online-sales-footer-container .prev-bracket-grey {
margin-right: 30px;
margin-left: -20px;
}
div[class^="question-wrapper-"] {
padding: 0;
}
.main-step-title {
margin-bottom: 30px;
padding-right: 20px;
}
.main-step-title p {
margin-bottom: 30px;
font-size: 24px;
}
.subtitle-wrapper {
height: auto;
min-height: auto;
margin-bottom: 0px;
}
.subtitle-wrapper p {
font-size: 14px;
}
.main-title-step0 p {
font-size: 24px;
margin-top: 25px;
margin-bottom: 25px;
}
.single-choice-box {
margin-bottom: 20px;
}
.unavailable-service {
margin-bottom: 35px;
}
.unavailable-service .unavailable-service__main-title p {
font-size: 14px;
}
.unavailable-service .unavailable-service__description p {
margin-bottom: 15px;
}
.unavailable-service .unavailable-service__phone-number {
display: flex;
}
.other-products-section .other-products-section__description p {
font-size: 18px;
font-weight: normal;
margin-bottom: 15px;
}
.product-detail-wrapper {
margin-bottom: 30px;
}
.product-detail-wrapper .product-detail-main-title p {
margin-top: 20px;
font-size: 30px;
}
.product-detail-wrapper .product-detail-main-boxes {
flex-direction: column;
padding: 0;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs {
width: 100%;
margin-bottom: 16px;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header {
flex-direction: column;
}
.product-detail-wrapper .product-detail-main-boxes .products-detail-technical-specs .product-detail-header .product-detail-header-image {
margin-bottom: 20px;
}
.product-detail-wrapper .included-services-wrapper,
.product-detail-wrapper .generic-included-services-wrapper {
width: auto;
margin-top: 30px;
}
.product-detail-wrapper .included-services-wrapper.three-products,
.product-detail-wrapper .generic-included-services-wrapper.three-products,
.product-detail-wrapper .included-services-wrapper.two-products,
.product-detail-wrapper .generic-included-services-wrapper.two-products {
margin-right: 20px;
}
.product-detail-wrapper .included-services-wrapper .generic-included-services-wrapper,
.product-detail-wrapper .generic-included-services-wrapper .generic-included-services-wrapper {
margin: 0;
}
.sticky-footer-mobile .show-ropo-mobile .ropo-wrapper-mobile {
margin-bottom: 0!important;
margin-right: 10px;
}
.show-ropo-mobile .ropo-wrapper-mobile {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.show-ropo-mobile .ropo-wrapper-mobile .anchor-cta {
width: 30px;
}
.show-ropo-mobile .ropo-wrapper-mobile .anchor-cta-label {
font-size: 18px;
font-weight: normal;
color: #ea1b0a;
margin: 0 10px;
text-decoration: underline;
}
#online-sales-section .fixed-on-tab {
top: 35px;
position: fixed;
left: 0;
right: 0;
padding: 0;
z-index: 30;
}
#online-sales-section .sticky-offer-card {
margin: 0;
}
.recap-sticky-bar.product-overview {
margin-top: 10px;
}
.recap-sticky-bar.funnel-top {
margin-top: 120px;
}
.sticky-offer-card {
display: none;
}
.sticky-offer-card .accordion-sticky-card {
max-height: 100vh;
overflow-y: auto;
padding-bottom: 150px;
}
.sticky-offer-card .accordion-sticky-card.collapse.in {
height: 100vh;
}
.sticky-offer-card .accordion-sticky-card .product-advantages {
display: flex;
flex-direction: column;
padding: 15px 0;
margin-left: 15px;
}
.sticky-offer-card .accordion-sticky-card .product-advantages .single-advantage {
display: flex;
align-items: flex-start;
}
.sticky-offer-card .accordion-sticky-card .product-advantages .single-advantage .single-advantage-icon {
width: 24px;
height: 24px;
margin-right: 10px;
margin-top: 2px;
}
.sticky-offer-card .accordion-sticky-card #tech-details {
border-bottom: solid 1px #979797;
border-top: solid 1px #979797;
padding: 15px 0;
margin-left: 15px;
}
.sticky-offer-card .accordion-sticky-card #tech-details p {
font-weight: bold;
margin-bottom: 25px;
}
.sticky-offer-card .accordion-sticky-card #tech-details .single-spec .single-spec-label {
font-weight: normal;
}
.sticky-offer-card .accordion-sticky-card #tech-details .single-spec .single-spec-value {
font-weight: bold;
}
}