.product .wrapper-page{padding-top: 20px;} .product .product-holder{position: relative;} .product .container{max-width: 1630px;} /* ------------- BARRA TOPO ------------ */ .product .wrapper-top{text-align: center;padding: 11px 0 12px;border-bottom: 1px solid transparent;} .product .wrapper-top .row .column:first-child{text-align: left;} .product .wrapper-top .row .column:last-child{text-align: right;} .product .wrapper-top a{position: relative;margin-left: 17px;text-decoration: none;display: inline-block;vertical-align: middle;border-bottom: 1px solid;transition:0.2s border;} .product .wrapper-top a:hover{border-bottom-color: transparent;} .product .wrapper-top a::before{content: '';position: absolute;left: -17px;top: calc(50% - 5px);width: 6px;height: 10px;background: url(../../sysimages/arrow-back.png) no-repeat;background-size: 6px 10px;background-position: left top;} .product .wrapper-top a.seta_cor_black::before {background-image: url(../../sysimages/arrow-back-black.png);} .product .wrapper-top p:not([class]){display: inline-block;vertical-align: middle;} .product .wrapper-top p.dayColor span.code{display: inline-block;vertical-align: middle;} .product .wrapper-top p.dayColor span:not([class]){margin-left: 15px;display: inline-block;vertical-align: middle;padding: 5px 11px;border:1px solid;} .product .wrapper-top p.dayColor span:not([class]){font-size: 7px;text-transform: uppercase;line-height: 8px;color: #fff;font-family: 'Montserrat-Bold';} /* ------------- BARRA TOPO ------------ */ /* ------------- SLIDER ------------ */ .product .column-images{float: left;width: 50.875%;padding: 52px 4.85% 51px;line-height: 0;} .product .column-images::after{content: '';width: 2px;height: 100%;background-color: #f1f2f4;position: absolute;top: 0;left: 50.875%;} .product .column-images .pager{margin-top: 26px;text-align: center;font-size: 0;line-height: 0;} .product .column-images .pager.minHeightPager{min-height: 116px;margin-top: 0;} .product .column-images .pager .pager-slider a{display: block;} .product .column-images .pager .pager-slider{overflow: hidden;display: inline-block;width: 90px;height: 90px;border: 1px solid #e1e2e6;border-radius: 4px;margin-right: 10px;} .product .column-images .pager .pager-slider:last-child{margin-right: 0;} .product .column-images .pager .active.pager-slider, .product .column-images .pager .pager-slider:hover{border-color: #003087;} .product .column-images .pager div img{display: block;width: 100%;} .product .column-images .pager .pager-slider .video-slide{position: relative;height: 100%;} .product .column-images .pager .pager-slider .video-slide::after{content: '';position: absolute;top: calc(50% - 21px);left: calc(50% - 21px);width: 42px;height: 42px;background: url(../../sysimages/play-icon.png) left top/42px no-repeat;} .product .column-images .pager .pager-slider .video-slide:hover::after, .product .column-images .pager .pager-slider.video.active .video-slide::after{opacity: 0.8;} .product .column-images .pager .pager-slider .video-slide img{object-fit: cover;height: 100%;} .product .column-images .slider-products{display: block;width: 100%;line-height: 0;} .product .column-images .slider-products div:not(:first-child){display: none;} .product .column-images .slider-products div a{display: block;} .product .column-images .slider-products div a.no-image{cursor: default;} .product .column-images .slider-products div a.popup, .column-images .slider-products div a.popup *{cursor: url(../../sysimages/cursor-zoom.png), url(../../sysimages/cursor-zoom.cur), default;} .product .column-images .slider-products div img{width: 100%;} .product .column-images .slider-products .video{position: relative;} .product .column-images .slider-products .video .player{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /* --------------------------------- */ #wrapper-video-youtube{max-width: 900px;margin: 0 auto;position: relative;} #wrapper-video-youtube iframe{width: 100% !important;} #wrapper-video-youtube .mfp-close{cursor: pointer !important;top: 22px !important;right: 22px !important;width: 20px !important;height: 20px !important;background: url(../../sysimages/close-magnific.png) no-repeat !important;background-position: left top !important;background-size: 20px !important;} /* ------------- WRAPPER-INFO ------------ */ .product .wrapper-info{position: relative;} .product .wrapper-info h2{padding-top: 13px;padding-bottom: 19px;} .product .wrapper-share{display: none;position: absolute;padding-bottom: 34px;top: -56px;right: calc(50% - 116px);min-width: 225px;z-index: 1;} .product .wrapper-share ul{border: 1px solid #f1f2f4;position: relative;border-radius: 6px;font-size: 0;line-height: 0;margin: 0;padding: 8px 18px;cursor: default;background: #f1f2f4;} .product .wrapper-share ul::before{content: '';display: block;position: absolute;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #f1f2f4;top: 100%;left: calc(50% - 15px);} .product .wrapper-share ul li{width: auto;} /*.product .wrapper-share ul li:last-child{padding-left: 26px;}*/ .product .wrapper-share ul li a{opacity: 1 !important;width: 26px;height: 26px;background-size: 156px 52px;} .product .wrapper-share ul li a.facebook{background-position: -26px 52px;} .product .wrapper-share ul li a.linkedin{background-position: 78px top !important;} .product .wrapper-share ul li a.email{background-position: 182px top;} .product .wrapper-share ul li a:hover{background-position-y: bottom !important;} .section-31 .wrapper-list ul li.shares .wrapper-share ul li:hover a{background-position: 156px -78px;} .section-31 .wrapper-list ul li.shares .wrapper-share ul li:hover a.facebook{background-position: -26px -78px;} .section-31 .wrapper-list ul li.shares .wrapper-share ul li:hover a.linkedin{background-position: 78px bottom !important;} .product .shareBtn{display: block;width: 70px;height: 70px;background: url(../../sysimages/partilha2.png) no-repeat;background-position: left top;background-size: 70px;text-decoration:none;} .product p.partilha{padding-top: 52px;font-size: 13px;text-align: center;display:none;} .product .wrapper-absolute-share:hover .shareBtn{opacity: .8;} .product .wrapper-absolute-share{position: absolute;top: 10px;right: 5px;} .product .wrapper-absolute-share:hover .wrapper-share{display: block;} /* ------------- WRAPPER-INFO ------------ */ /* ------------- WRAPPER-FEATURES ------------ */ .product .wrapper-features{text-align: center;font-size: 0;padding: 15px 0 14px;border-top: 2px solid;} .product .wrapper-features .feature{padding: 0 4.5px;display: inline-block;vertical-align: top;width: 19.8%;font-size: 0;line-height: 0;} .product .wrapper-features .feature img{max-width: 38px;line-height: 0;display: inline-block;} .product .wrapper-features .feature p.title{padding-top: 5px;min-height:37px;} .product .wrapper-features .feature p.desc{padding-top: 2px;word-wrap: break-word;} /* ------------- WRAPPER-FEATURES ------------ */ /* ------------- WRAPPER-DESCRIPTION ------------ */ .product .wrapper-description{padding: 22px 0 0;border-top: 2px solid;} /* ------------- WRAPPER-DESCRIPTION ------------ */ /* ------------- WRAPPER-AWARDS ------------ */ .product .wrapper-awards{text-align: center;font-size: 0;padding: 50px 123px 49px;margin-top: 20px;} .product .wrapper-awards .award{padding: 0 30px;display: inline-block;vertical-align: top;width: 24.8%;font-size: 0;line-height: 0;} .product .wrapper-awards .award img{max-width: 100px;} .product .wrapper-awards .award .title{padding-top: 16px;} .product .wrapper-awards .award .desc{padding-top: 10px;} /* ------------- WRAPPER-AWARDS ------------ */ /* ------------- WRAPPER-CHARACTERISTICS ------------ */ .product .wrapper-characteristics{font-size: 0;margin-top: 15px;} .product .wrapper-characteristics ul{list-style-type: none;margin-left: 0;} .product .wrapper-characteristics ul li:not(:first-child){padding-top: 6px;} /* ------------- WRAPPER-CHARACTERISTICS ------------ */ /* ------------- WRAPPER-OPTIONS ------------ */ .product .wrapper-product-options{margin-top: 40px;} .product .wrapper-product-options .row{margin: 6px -6px 0;} .product .wrapper-product-options .row .column{padding: 0 6px;} .product .wrapper-product-options > a{margin-top: 24px;width: 100%;padding: 15px 18px;border: 2px solid;} .product .wrapper-product-options .colQtd a{text-align: center;display: block;border-radius: 6px;border: 1px solid;padding: 8px 10px;transition: 0.2s all;min-height: 77px;max-height: 77px;} .product .wrapper-product-options .colQtd a:hover, .product .wrapper-product-options .colQtd a.sel{border-width: 2px;padding: 7px 9px;} .product .wrapper-product-options .colQtd a.calculatorBtn{padding: 10px;overflow: hidden;} .product .wrapper-product-options .colQtd a.calculatorBtn:hover, .product .wrapper-product-options .colQtd a.calculatorBtn.sel{padding: 9px;} .product .wrapper-product-options .colQtd a .qtd{display: block;} .product .wrapper-product-options .colQtd a .qtd_type{display: block;padding-top: 4px;} .product .wrapper-product-options .colQtd a.calculatorBtn .qtd_type{padding-top: 8px;} /* ------------- WRAPPER-OPTIONS ------------ */ /* ------------- WRAPPER-OPTIONS ------------ */ .product .wrapper-calculator{display: none;position: absolute;bottom: 0;right: 0;width: 49%;height: 100%;z-index: 9;background: #fff;padding: 52px 114px 42px;padding: 52px 14.5% 42px;padding: 52px 5.93vw 42px;overflow: hidden;} .product .wrapper-calculator > .close-calculator{position: absolute;top: 59px;right: 5.93vw;width: 12px;height: 12px;background: url(../../sysimages/close-calculator.png) no-repeat;background-size: 12px;background-position: left top;} .product .wrapper-calculator > .close-calculator:hover{opacity: .8;} .product .wrapper-calculator > .desc{padding-top: 26px;} .product .wrapper-initial-step{display: block;} .product .wrapper-final-step{display: none;} .product .table-type-filter {width: 95.5%;margin-top: 27px;margin-bottom: 36px;} .product .table-type-filter td:first-child {padding-right: 16px;} .product .table-type-filter td:first-child + td + td {padding-left: 16px;} .product .table-type-filter small {color: #999;text-transform: uppercase;} .product .table-type-filter small.active {color: #0a1e3c;} .product .table-type-filter input[type="checkbox"] {display: none;} .product .table-type-filter input[type="checkbox"] + label {position: relative;display: inline-block;width: 40px;height: 16px;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);background-color: #f4f4f4;border-radius: 30px;cursor: pointer;transition: all 0.2s ease-out;} .product .table-type-filter input[type="checkbox"] + label::before {content: '';display: inline-block;width: 22px;height: 22px;border-radius: 100%;background-color: #0a1e3c;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);position: absolute;top: -3px;left: 0;transition: all 0.2s ease-out;} .product .table-type-filter input[type="checkbox"]:checked + label::before {left: calc(100% - 22px);} .product .table-type-filter .checkbox-type {margin-top: 10px;} .product .wrapper-dimensions{/*max-height: 450px;*/overflow-y: auto;overflow-x: hidden;} .product .wrapper-calculator.maxHeight .wrapper-dimensions{/*max-height: 335px; max-height: 293px;*/} .product .wrapper-dimensions > .title{float: left;margin-bottom: 4px;} .product .wrapper-dimensions > a{float: right;margin-bottom: 4px;margin-top: 2px;} .product .wrapper-dimensions > a:hover{text-decoration: none;} .product .wrapper-content{overflow-y: auto;overflow-x: hidden;width: 100%;} .product .wrapper-content.tectos{display: none;} .product .wrapper-question{clear: left;padding-top: 36px;} .product .wrapper-question .row-head{margin: 0 -6px;} .product .wrapper-question .row-body{margin: 3px -6px 0;} .product .wrapper-question .row-body input{padding: 9px 15px 8px;} .product .wrapper-question .row-head .row, .product .wrapper-question .row-body .row{margin: 0 -28px;} .product .wrapper-question .row-head .column{padding: 16px 28px 0;} .product .wrapper-question .row-body .column{padding: 0 28px;} .product .wrapper-question .row-body .column{position: relative;} .product .wrapper-question .row-body .column:not(.col-sm-12):first-child::after{content: '';width: 12px;height: 12px;background: url(../../sysimages/multiply.png) no-repeat;background-size: 12px;background-position: left top;position: absolute;top: calc(50% - 6px);right: -6px;} .product .wrapper-question .row-body .column:not(.col-sm-12):first-child + .column::after{content: '';width: 14px;height: 8px;background: url(../../sysimages/equal.png) no-repeat;background-size: 14px 8px;background-position: left top;position: absolute;top: calc(50% - 4px);right: -8px;} .product .wrapper-question .column.col-sm-3{width: 28.17%;} .product .wrapper-question .column.col-sm-6{width: 43.66%;} .product .wrapper-question .row-body .column .row:not(:first-child){padding-top: 12px;} .product .wrapper-question .row-body .column.col-sm-6 p{padding-top: 6px;max-width: 116px;overflow: hidden;opacity: .7;} .product .wrapper-question .row-body .completedRow .column.col-sm-6 p{opacity: 1;} .product .wrapper-question .column p{display: inline-block;} .product .wrapper-question .addRow{display: inline-block;float: right;margin-top: 8px;margin-right: 8px;line-height: 0;width: 20px;height: 20px;background: url(../../sysimages/plus_calculator.png?1);background-size: 20px 40px;background-position: left top;} .product .wrapper-question .addRow.removeRow{background-image: url(../../sysimages/minus_calculator.png?1);} .product .wrapper-question .addRow:hover{background-position: left bottom;} .product .wrapper-initial-step .wrapper-bottom::before{content: '';position: absolute;top: -26px;left: -10px;width: calc(100% + 20px);height: 2px;background-color: #f1f2f4;display: none;} .product .wrapper-bottom{position: absolute;bottom: 52px;left: 114px;width: calc(100% - 228px);text-align: right;font-size: 0; background: #fff;border-top: 2px solid #f1f2f4;padding-top: 12px;/* bottom: 0;left: 0;position: relative;width: 100%;margin-top: 15px;*/} .product .wrapper-bottom p:not(.success){padding-bottom: 12px;font-size: 11px;line-height: 12px;letter-spacing: 1px;color: #da291c;transition:0.2s visibility, opacity;} .product .wrapper-bottom .success{font-size: 12px;margin-bottom: 26px;opacity: 1;visibility: visible;} .product .wrapper-bottom a:not(.print):not(.email):not(.save){font-weight: 700;display: inline-block;vertical-align: middle;} .product .wrapper-bottom a.button:not(.print):not(.email):not(.save){padding: 15px 38px 14px;} .product .wrapper-bottom a.clearDimensions{margin-right: 44px;} .product .wrapper-bottom a.clearDimensions:hover{text-decoration: none;} .product .wrapper-final-step .wrapper-bottom {text-align: center;bottom: 62px;} .product .wrapper-final-step .wrapper-bottom{padding-top: 0;border-top: 0;} .product .wrapper-final-step{padding-top: 40px;} .product .wrapper-final-step .wrapper-dimensions{max-height: 404px;} .product .wrapper-result{clear: left;} .product .wrapper-result img{width: 46px;float: left;} .product .wrapper-result .wrapper-spec{float: left;width: calc(100% - 46px);padding-left: 20px;} .product .wrapper-result p.results{padding-top: 11px;} .product p.title + .wrapper-result{padding-top: 35px;} .product p.title + .wrapper-result p.results{padding-top: 5px;} .product #sugestion p.results{padding-top: 10px;} .product #sugestion p.results + p.results{padding-top: 0px;} .product .wrapper-result{padding-top: 41px;} .product .wrapper-options{padding: 26px 0;position: relative;margin-bottom: 34px;} .product .wrapper-options::before{content: '';position: absolute;bottom: 0;left: -10px;width: calc(100% + 20px);height: 2px;background-color: #f1f2f4;} .product .wrapper-options::after{content: '';position: absolute;top: 0;left: -10px;width: calc(100% + 20px);height: 2px;background-color: #f1f2f4;} .product .wrapper-options .button{padding: 15px 22px 15px 60px;display: inline-block;margin: 0 12px;vertical-align: top;} .product .wrapper-options .send-info.disabledBtn{cursor: default;position: relative;opacity: .3;background: #fff !important;color: #0a1e3c !important;border-color: #0a1e3c !important;} .product .wrapper-options .send-info.disabledBtn::after{content:'';position: absolute;top: -2px;left: -2px;width: calc(100% + 4px);height: calc(100% + 4px);background: rgba(0,0,0,0.15)} .product .wrapper-options .button:not(.disabledBtn):hover{background-color: #0a1e3c !important;border-color: #0a1e3c !important;color: #fff !important;} .product .wrapper-options .button::before{content: '';width: 28px;height: 28px;transition:0.2s all;position: absolute;background-color:transparent;top: calc(50% - 14px);left: 18px;background-position: left top;background-size: 28px;background-repeat: no-repeat;} .product .wrapper-options .button:not(.disabledBtn):hover::before{background-position: left bottom;} .product .wrapper-options .print::before{background-image: url(../../sysimages/print@2x.png);} .product .wrapper-options .save::before{background-image: url(../../sysimages/save@2x.png);} .product .wrapper-options .email::before{background-image: url(../../sysimages/email@2x.png);} .product .wrapper-product-options .row{margin: 6px -6px 0;} .product .wrapper-product-options .row .column{padding: 0 6px;} .product .wrapper-product-options > a{margin-top: 24px;width: 100%;padding: 15px 18px;border: 2px solid;} .product .wrapper-product-options .colQtd a{text-align: center;display: block;border-radius: 6px;border: 1px solid;padding: 8px 10px;transition: 0.2s all;} body.isFirefox .product .wrapper-product-options .colQtd a{-moz-outline-radius: 7px;border-width: 1px;} .product .wrapper-product-options .colQtd a:hover, .product .wrapper-product-options .colQtd a.sel{border-width: 2px;/*padding: 7px 9px;*/} .product .wrapper-product-options .colQtd a.calculatorBtn{padding: 10px;} .product .wrapper-product-options .colQtd a.calculatorBtn:hover, .product .wrapper-product-options .colQtd a.calculatorBtn.sel{/*padding: 9px;*/} body.isFirefox .product .wrapper-product-options .colQtd a:hover, body.isFirefox .product .wrapper-product-options .colQtd a.sel{outline: 1px solid #0a1d3b;padding: 8px 10px;} body.isFirefox .product .wrapper-product-options .colQtd a.calculatorBtn:hover, body.isFirefox .product .wrapper-product-options .colQtd a.calculatorBtn.sel{padding: 10px;} .product .wrapper-product-options .colQtd a .qtd{display: block;} .product .wrapper-product-options .colQtd a .qtd_type{display: block;padding-top: 4px;} .product .wrapper-product-options .colQtd a.calculatorBtn .qtd_type{padding-top: 8px;} /* ------------- WRAPPER-OPTIONS ------------ */ #calcWrapper{border-radius: 4px !important;background: #FFF;max-width: 600px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);} #calcWrapper .wrapper-calc{padding: 0 0 22px;} #calcWrapper .wrapper-calc .wrapper-title{background-color: #f1f2f4;padding: 14px 12px;border-radius: 4px 4px 0 0;} #calcWrapper .wrapper-calc .wrapper-title .title{font-size: 18px;line-height: 26px;color: #0a1e3c;font-weight: 700;letter-spacing: 1.2px;} #calcWrapper .wrapper-calc .wrapper-content{padding: 22px 12px 24px;} #calcWrapper .wrapper-calc .wrapper-choices{border-top: 2px solid #f1f2f4;padding: 22px 22px 0;} #calcWrapper .wrapper-calc .wrapper-choices .buttons{float: right;} #calcWrapper .wrapper-calc .wrapper-choices .buttons .button:last-child{margin-left: 16px;} /* ------------- ACCORDION ------------ */ .product .wrapper-accordion{margin-top: 20px;background: #fff;} .product .wrapper-accordion li{position: relative;} .product .wrapper-accordion li::before{content:'';width: 4px;height: 100%;background-color: transparent;transiton:0.2s background; position: absolute;top: 0;left: 0;} .product .wrapper-accordion li.active::before{background-color: #0d2952;} .product .wrapper-accordion li > a{padding: 3.1vw 8.5vw 3.1vw 7.1vw;} .product .wrapper-accordion li > a::after{background-image: url(../../sysimages/icons-accordion@2x.png);background-size: 22px;width: 22px;height: 22px;top: 3.99vw;} .product .wrapper-accordion .gal > a{cursor: default;} .product .wrapper-accordion .sel .accordion-content{display: block;} .product .wrapper-accordion .sel > a::after{display: none;} .product .wrapper-accordion .accordion-content{padding: 0 7.1vw 4.15vw !important;} .product .wrapper-accordion .content + .content{margin-top: 31px;} .product .wrapper-accordion .content .title{color: #5c6573;font-size: 16px;font-weight: 700;line-height: 26px;letter-spacing: .8px;} .product .wrapper-accordion .content .subtitle{padding-top: 9px;color: #505864;font-size: 16px;line-height: 26px;letter-spacing: .8px;} .product .wrapper-accordion .accordion-content.content-row{margin: 0 -6px;} .product .wrapper-accordion .wrapper-file{width: 16.6%;text-align: center;display: inline-block;line-height: 0;padding: 0 6px;vertical-align: top;} .product .wrapper-accordion .wrapper-file img{width: 100%;} .product .wrapper-accordion .wrapper-file .file-name{padding-top: 17px;color: #5c6573;font-size: 16px;line-height: 20px;font-weight: 700;letter-spacing: .8px;word-wrap: break-word;} .product .wrapper-accordion .wrapper-file .file-name + .file-props{padding-top: 14px;} .product .wrapper-accordion .wrapper-file .file-name + .button{margin-top: 20px;} .product .wrapper-accordion .wrapper-file .file-props{min-height: 36px;} .product .wrapper-accordion .wrapper-file .file-type{color: #0a1e3c !important;font-size: 12px !important;line-height: 18px;letter-spacing: 1.5px !important;text-transform: uppercase;} .product .wrapper-accordion .wrapper-file .file-size{padding-top: 1px;color: #9daeb8 !important;font-size: 11px !important;line-height: 16px;letter-spacing: 1.2px !important;text-transform: uppercase;} .product .wrapper-accordion .wrapper-file .file-props + .button{margin-top: 20px;} .product .wrapper-accordion .wrapper-file .button{font-size: 12px;line-height: 12px;font-weight: 700;letter-spacing: 1px;padding: 11px 18px;} .product .wrapper-accordion a > .title{display: block;font-size: 20px;line-height: 26px;font-family: 'Montserrat-Bold';text-transform: uppercase;color: #0a1e3c;} .product .wrapper-accordion a > .subtitle{display: block;font-size: 13px;line-height: 18px;text-transform: uppercase;color: #0a1e3c;margin-top: 11px;letter-spacing: 1.5px;} .product .wrapper-accordion .table{display: table;width: 100%;height: 100%;} .product .wrapper-accordion .table .table-row{display: table-row;} .product .wrapper-accordion .table .table-cell{display: table-cell;vertical-align: top;position: relative;height: 1px;overflow: hidden;float: none;padding: 0;} .product .wrapper-accordion .table .table-cell a{display: block; height: 100%;} .product .wrapper-accordion .table .table-cell table {width: 100%;height: 100%;} .product .wrapper-accordion .table .table-cell table tr td {height: 50%;} .product .wrapper-accordion figure {width: 100%;} .product .wrapper-accordion .box-images {line-height: 0; position: relative; height: 100%; overflow: hidden;} .product .wrapper-accordion .box-images img{width: 100%;display: block;} .product .wrapper-accordion .box-images figure {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* ------------- ACCORDION ------------ */ /* ---------- DESCRIPTION ---------- */ .product .column-desc{float: right;width: 49%;padding: 52px 5.4vw 42px;/*position: relative;*/} .product .column-desc .flags{font-size: 0;line-height: 0;padding-bottom: 18px;} .product .column-desc .flags .flag{border: 1px solid;font-size: 9px;margin-left: 5px;display: inline-block;vertical-align: middle;text-transform: uppercase;line-height: 11px;font-family: 'Montserrat-Bold';padding: 3px 5px;} .product .column-desc .flags .flag.aplication{border-color: #2e3f5a;color: #2e405a;font-weight: normal;font-family: 'Montserrat-Light';} .product .column-desc .flags .flag:first-child{margin: 0;} .product .column-desc .name{padding-bottom: 4px;} .product .column-desc .ref{padding-bottom: 12px;} /* --------------------------------- */ /*GUIDE*/ .product .product-holder{background: #FFF;} /* ------------- BARRA TOPO ------------ */ .product .wrapper-top a{color: #fff;font-family: 'Montserrat-Light';font-size: 15px;line-height: 17px;} .product .wrapper-top p.dayColor span.code{color: #fff;font-size: 16px;text-transform: uppercase;line-height: 20px;font-family: 'Montserrat-Bold';} .product .wrapper-top p:not([class]){color: #fff;font-size: 13px;text-transform: uppercase;line-height: 20px;font-family: 'Montserrat-Light';} /* ------------- BARRA TOPO ------------ */ /* ------------- WRAPPER-FEATURES ------------ */ .product .wrapper-features{border-top-color: #f1f2f4;} .product .wrapper-features .feature p.title{color: #0a1e3c;font-size: 10px;line-height: 16px;text-transform: uppercase;letter-spacing: 1px;} .product .wrapper-features .feature p.desc{color: #0a1e3c;font-size: 12px;line-height: 15px;font-weight: 700;letter-spacing: 1px;} /* ------------- WRAPPER-FEATURES ------------ */ /* ------------- WRAPPER-DESCRIPTION ------------ */ .product .wrapper-description{font-size: 16px;line-height: 22px;color: #505864;letter-spacing: .6px;border-top-color: #f1f2f4;} /* ------------- WRAPPER-DESCRIPTION ------------ */ .product .wrapper-characteristics ul li p{font-size: 16px;line-height: 21px;font-weight: 700;color: #505864;letter-spacing: .6px;} .calc-pop .mfp-content{padding: 0 15px;} .mfp-zoom-out-cur{cursor: default !important;} .mfp-gallery .mfp-content{position: relative;max-width: 90%;} .mfp-gallery .mfp-close{z-index: 1047;cursor: pointer !important;top: 61px !important;right: 22px !important;width: 38px !important;height: 38px !important;background: url(../../sysimages/close-magnific.png) no-repeat !important;background-position: left top !important;background-size: 38px !important;} .mfp-gallery .mfp-close:hover{background-position: left bottom !important;} .mfp-gallery .mfp-close + figure{position: relative; padding: 40px 0 40px;} .mfp-gallery .mfp-close + figure::before{content:'';position: absolute;top: 40px;left: 0;width: calc(100% - 24px);height: calc(100% - 104px);border:12px solid #fff;z-index: 6;} .mfp-gallery .mfp-close + figure img{position: relative;z-index: 5;background: #f7f7f7;padding: 0;max-height: 95vh !important;} .mfp-gallery .mfp-arrow{top: 0;height: 100%;width: 30%;margin: 0 !important;} .mfp-gallery .mfp-arrow::before{opacity: 1 !important;top:calc(50% - 16px) !important;width: 32px !important;height: 44px !important;border: 0 !important;margin: 0 !important;padding: 0 !important;} .mfp-gallery .mfp-arrow-left::before{background: url(../../../../sysimages/left-slide-popup.png) no-repeat left top/32px;left: 30px;right: auto;} .mfp-gallery .mfp-arrow-left:hover::before{background-position: left bottom;} .mfp-gallery .mfp-arrow-right::before{background: url(../../../../sysimages/right-slide-popup.png) no-repeat left top/32px;right: 30px;left: auto;} .mfp-gallery .mfp-arrow-right:hover::before{background-position: left bottom;} .mfp-gallery .mfp-arrow::after{display: none;} /*.mfp-gallery .mfp-arrow-left{left: 0;}*/ /*.mfp-gallery .mfp-arrow-left::before{background-position: left top;left: 34px;background: url(../../sysimages/left-slide-popup.png) no-repeat left top/32px;}*/ /*.mfp-gallery .mfp-arrow-left:hover::before{background-position: left bottom -4px;}*/ /*.mfp-gallery .mfp-arrow-right{right: 0;top: 97px;height: calc(100% - 137px);}*/ /*.mfp-gallery .mfp-arrow-right::before{right: -12px;background-position: right top;right: 34px;background: url(../../sysimages/right-slide-popup.png) no-repeat left top/32px;top: calc(50% - 66px);}*/ /*.mfp-gallery .mfp-arrow-right:hover::before{background-position: left bottom -4px;}*/ .mfp-gallery .mfp-bottom-bar{display: none;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .mfp-gallery .mfp-close{background: url(../../sysimages/close-magnific@2x.png) no-repeat !important;background-size: 38px !important;} .mfp-gallery .mfp-arrow-left::before{background: url(../../sysimages/left-slide-popup@2x.png) no-repeat left top/32px;} .mfp-gallery .mfp-arrow-right::before{background: url(../../sysimages/right-slide-popup@2x.png) no-repeat left top/32px;} } .product .wrapper-awards{background: #fff;} .product .wrapper-awards .award .title{font-weight: 700;font-size: 12px;line-height: 15px;letter-spacing: 1.09px;color: #0a1e3c;text-transform: uppercase;} .product .wrapper-awards .award .desc{font-size: 10px;line-height: 14px;letter-spacing: 1px;color: #0a1e3c;text-transform: uppercase;} .product .wrapper-product-options .small{font-size: 10px;line-height: 16px;text-transform: uppercase;letter-spacing: 1px;/*word-break: break-all;*/} .product .wrapper-product-options > a{font-size: 12px;line-height: 12px;letter-spacing: 1px;border-color: #0d2952;font-weight: 700;} .product .wrapper-product-options .colQtd a{text-decoration: none;border-color: #9daeb8;} .product .wrapper-product-options .colQtd a{line-height: 0;} .product .wrapper-product-options .colQtd a:hover, .product .wrapper-product-options .colQtd a.sel{border-color: #0a1d3b;} .product .wrapper-product-options .colQtd a .qtd{font-size: 20px;line-height: 24px;color: #0a1e3c;font-family: "Montserrat-Bold";} .product .wrapper-product-options .colQtd a .qtd_type{font-size: 12px;line-height: 15px;font-weight: 700;color: #0a1e3c;text-transform: uppercase;letter-spacing: 1px;} .product .wrapper-product-options .colQtd.opts .small {display: none;} .product .wrapper-product-options .colQtd.opts .qtd {padding-top: 15px;} /*GUIDE*/ @media screen and (min-width: 768px){ .product .wrapper-bottom p:not(.success){visibility: hidden;opacity: 0;} .product .wrapper-accordion figure.cover img{position: absolute;top: 0;left: 50%;z-index: 0;height: 100%;width: auto !important;transform: translate(-50%, 0);-ms-transform: translate(-49.99%, 0);-webkit-transform: translate(-49.9%, 0);-moz-transform: translate(-50%, 0);} } @media screen and (max-width: 1640px){ .product .wrapper-share{right: calc(50% - 90px);} .product .wrapper-share ul::before{left: calc(50% - -12px);} .product .wrapper-calculator > .title{padding-right: 35px;} .product .wrapper-options .button{padding: 12px 12px 12px 40px;margin: 0 6px;} .product .wrapper-options .button::before{left: 7px;} } @media screen and (max-width: 1500px){ .product .wrapper-share{right: calc(50% - 69px);} .product .wrapper-share ul::before{left: calc(50% - -34px);} .product .wrapper-calculator{padding-left: 40px;padding-right: 40px;} .product .wrapper-calculator > .close-calculator{right: 40px;} .product .wrapper-bottom{left: 40px;width: calc(100% - 80px)} } @media screen and (max-width: 1350px){ } @media screen and (max-width: 768px){ html.fixedHTML, html.fixedHTML body{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;} .product .wrapper-top .row{margin: 0;} .product .wrapper-top .row .column{padding: 0;} .product .wrapper-top a, .product .wrapper-top p:not([class]){font-size: 10px;line-height: 13px;} .product .wrapper-top .row .column:last-child{display: none;} .product .column-images{width: 100%;padding: 15px;position: relative;} .product .column-images::after{width: 100%;height: 2px;left: 0;top: auto;bottom: 0;} .product .column-images .pager{margin-top: 15px;line-height: 0;} .product .column-images .pager.minHeightPager{display: none !important;} #wrapper-video-youtube{padding: 0 15px;} #wrapper-video-youtube iframe{height: auto;} #wrapper-video-youtube .mfp-close{top: -28px !important;} .mfp-gallery .mfp-arrow{width: 30%;top: 40px;height: calc(100% - 80px);} .mfp-gallery .mfp-arrow-right::before{top: calc(50% - 22px);} .mfp-gallery .mfp-content{padding: 0 15px;} .mfp-gallery .mfp-close{top: 0 !important;} .mfp-gallery .mfp-figure:after{display: none;} .product .wrapper-bottom p:not(.success){display: none;} .product .column-desc{width: 100%;padding: 15px;} .product .column-desc .flags{padding-bottom: 10px;} .product .wrapper-info h1{font-size: 20px;line-height: 24px;} .product .wrapper-info h2{font-size: 14px;line-height: 18px;padding-top: 6px;padding-bottom: 10px;} .product .wrapper-features{padding: 10px 0;} .product .wrapper-features .feature{width: 33%;} .product .wrapper-features .feature:not(:nth-child(-n+3)){padding-top: 20px;} .product .wrapper-features .feature p.title{font-size: 9px;line-height: 14px;} .product .wrapper-features .feature p.desc{font-size: 10px;line-height: 13px;} .product .wrapper-description{padding: 10px 0 0;} .product .wrapper-description{font-size: 14px;line-height: 18px;} .product .wrapper-characteristics{margin-top: 20px;} .product .wrapper-characteristics ul li p{font-size: 13px;line-height: 15px;} .product .wrappe-product-options{margin-top: 20px;} .product .wrapper-product-options .row .column:nth-child(2n+1){clear: left;} .product .wrapper-product-options .row .column:not(:nth-child(-n+2)){padding-top: 12px;} .product .wrapper-product-options .colQtd a{min-height: 77px;} .product .wrapper-product-options > a{margin-top: 12px;} .product .wrapper-awards{margin-top: 10px;padding: 15px;} .product .wrapper-awards .award{padding: 0 6px;width: 49.8%;} .product .wrapper-awards .award:not(:nth-child(-n+2)){padding-top: 12px;} .product .wrapper-accordion .table, .product .wrapper-accordion .table .table-row, .product .wrapper-accordion .table .table-cell{display: block;width: 100%;height: auto;} .product .wrapper-accordion .table .table-cell a{display: block;line-height: 0; height: 100%;} .product .wrapper-accordion .table .table-cell table td a{margin-top: 10px;} .product .wrapper-accordion .box-images > img{/*display: none;*/} .product .wrapper-accordion figure img{width: 100%;} .product .wrapper-accordion li > a{padding: 15px 50px 15px 15px;} .product .wrapper-accordion li > a::after{top: calc(50% - 7px);right: 5%;width: 15px;height: 15px;background-size: 15px;} .product .wrapper-accordion .accordion-content{padding: 0 15px 25px !important;} .product .wrapper-accordion a > .title{font-size: 16px;line-height: 20px;} .product .wrapper-accordion a > .subtitle{font-size: 11px;line-height: 15px;margin-top: 5px;} .product .wrapper-accordion .content .title{font-size: 14px;line-height: 18px;} .product .wrapper-accordion .content .subtitle{font-size: 12px;line-height: 16px;padding-top: 5px;} .product .wrapper-accordion .wrapper-file{width: 50%;float: left;} .product .wrapper-accordion .wrapper-file:not(:nth-child(-n+2)){padding-top: 12px;} .product .wrapper-accordion .wrapper-file .button{font-size: 10px;padding-left: 12px;padding-right: 12px;} .product .wrapper-calculator{padding: 50px 15px 15px;left: 0;right: auto;width: 100%;position: fixed;z-index: 99999;height: 100%;overflow-y: auto;} .product .wrapper-calculator > .close-calculator{top: 0;right: 0;padding: 20px;box-sizing:content-box;background-position: center;} .product .wrapper-product-options .colQtd a .qtd{font-size: 16px;line-height: 22px;} .product .wrapper-product-options .colQtd a .qtd_type{font-size: 10px;line-height: 12px;} .product .wrapper-product-options .colQtd a .qtd_type + span{font-size: 9px;line-height: 11px;padding-top: 4px;} .product .wrapper-dimensions{padding-bottom: 15px;} .product .wrapper-dimensions > .title{width: 100%;} .product .wrapper-dimensions > a{float: left;margin-top: 5px;} .product .wrapper-calculator > .title{font-size: 16px;line-height: 22px;} .product .wrapper-calculator > .desc{padding-top: 8px;font-size: 14px;line-height: 20px;} .product .wrapper-options{padding: 15px 0 10px;margin-bottom: 15px;} .product .wrapper-options .button{width: 100%;margin: 0 0 5px;} .product .table-type-filter{width: 100%;margin: 15px 0 30px;} .product .wrapper-question{padding-top: 20px;} .product .wrapper-question .row-head p, .product .wrapper-question .row-head p span{font-size: 12px;line-height: 16px;} .product .wrapper-question .question{padding-bottom: 5px;} .product .wrapper-question .question, .product .wrapper-question .question span{font-size: 12px;line-height: 16px;} .product .wrapper-question .row-head, .product .wrapper-question .row-body, .product .wrapper-question .row-head .row, .product .wrapper-question .row-body .row{margin: 0 -10px;} .product .wrapper-question .row-body{margin-top: 5px;} .product .wrapper-question .row-head .column{padding: 0 20px;} .product .wrapper-question .row-body .column, .product .wrapper-question .row-body .row .column{padding: 0 15px;} .product .wrapper-question .column.col-sm-3{width: 32%;} .product .wrapper-question .column.col-sm-6{width: 36%;} .product .wrapper-question .row-body .column:not(.col-sm-12):first-child::after{width: 10px;height: 10px;background-size: 10px;top: calc(50% - 5px);} .product .wrapper-question .row-body .column:not(.col-sm-12):first-child + .column::after{width: 12px;height: 6px;background-size: 12px 6px;top: calc(50% - 3px);} .product .wrapper-bottom{left: 0;width: 100%;bottom: 0 !important;padding-top: 15px;background: #fff;} .product .wrapper-bottom{position: relative !important;} .product .wrapper-initial-step .wrapper-bottom{margin-top: 20px;} .product .wrapper-initial-step .wrapper-bottom::before{top: 0px;left: -15px;width: calc(100% + 30px);} .product .wrapper-options::before, .product .wrapper-options::after{left: -15px;width: calc(100% + 30px);} .product .wrapper-final-step{padding-bottom: 0;} .product .wrapper-final-step .wrapper-bottom{margin-top: 20px;} .product .wrapper-bottom a.clearDimensions{margin-right: 15px;} .product .wrapper-bottom a.clearDimensions + .button{margin-left: 15px;} .product .wrapper-question .row-body .column.col-sm-6 p{padding-top: 9px;font-size: 12px;line-height: 16px;max-width: 79px;} .product .wrapper-question .row-body input{font-size: 12px;line-height: 17px;padding: 7px 10px;} .product .wrapper-absolute-share{top: 33px;} .product p.title + .wrapper-result{padding-top: 18px;} .product .wrapper-share{right: -15px;min-width: 223px;margin-bottom: 0;margin-top: -15px;} .product .wrapper-share ul::before{right: 13px;left: auto;} .product .wrapper-share ul li{padding-left: 0 !important;padding-top: 0;} .product .wrapper-share ul li:first-child{padding-left: 0 !important;} .product .wrapper-calculator.finalStep{padding-bottom: 15px;} .product .wrapper-result img{width: 34px;} .product .wrapper-result .wrapper-spec{width: calc(100% - 34px);padding-left: 10px;} .product .wrapper-result p.title{font-size: 10px;line-height: 14px;} .product .wrapper-result p.results{font-size: 14px !important;line-height: 20px !important;padding-top: 0 !important;} #calcWrapper{max-width: 96%;} #calcWrapper .wrapper-calc .wrapper-title, #calcWrapper .wrapper-calc .wrapper-content, #calcWrapper .wrapper-calc .wrapper-choices{padding-left: 7px;padding-right: 7px;} #calcWrapper .wrapper-calc .wrapper-title .title{font-size: 14px;} #calcWrapper .wrapper-calc .wrapper-content{padding-top: 10px;padding-bottom: 10px;}. #calcWrapper .wrapper-calc .wrapper-choices{padding-top: 10px;} #calcWrapper .wrapper-calc .wrapper-choices .buttons{float: none;width: 100%;} #calcWrapper .wrapper-calc .wrapper-choices .buttons .button{width: 49%;} #calcWrapper .wrapper-calc .wrapper-choices .buttons .button:last-child{margin-left: 0;} .product .wrapper-features .feature p.title{min-height:auto;} .product .shareBtn{margin-top: -25px;margin-right: -20px} .product p.partilha{display:none !important;} } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { .product .shareBtn {margin-top: -45px;} .product .wrapper-share{margin-top: -23px;} } @media screen and (max-width: 321px){ .product .wrapper-share{margin-top: -25px;} .product .shareBtn{margin-right: -15px;margin-top: -39px;width: 60px;height: 60px;background-size: 60px;} } @media print { #containerSite{max-width: 100%;margin: 0;zoom: 130%;} #header ._centerHeader, #header ._rightHeader, #header .tpl-c, .product .wrapper-top, .product .column-images::after, .product .column-images .pager, .product .wrapper-page > .container:not(.wrapper-product), .product .wrapper-initial-step, .product .wrapper-product-options, .product .wrapper-calculator > .title, .product .wrapper-calculator > .desc, .product .wrapper-calculator > .close-calculator, .product .wrapper-bottom, .product .column-desc .flags, .product .wrapper-absolute-share{display: none !important;} #header ._leftHeader{display: block;float: left;padding-top: 15px;} #header .wrapper-top-table{display: block;max-width: 1600px;margin: 0 auto;height: 75px;} .product .column-desc{width: 100% !important;padding: 15px 15px 30px !important;} .product .column-images{width: 100% !important;padding: 15px 15px 0px !important;} .product .wrapper-page{padding-top: 0;} .product .column-images .slider-products div img{max-width: 350px;} .product .wrapper-calculator{padding: 50px 0 0 !important;position: relative !important;right: auto !important;left: auto !important;width: 100% !important;display: block !important;} .product .wrapper-calculator .wrapper-final-step{display: block !important;padding-top: 0 !important;} .product .wrapper-page > .wrapper-product{padding: 0 !important;} .product .wrapper-result{padding-top: 20px !important;} .product .wrapper-result p.results{padding-top: 5px !important;font-size: 18px !important;line-height: 26px !important;} .product .wrapper-info h1{font-size: 22px;line-height: 30px;} .product .wrapper-info h2{font-size: 16px;line-height: 24px;padding-top: 15px !important;} }