#footer{position: relative;z-index: 40;background: #282828;} /* ============ PARTE DE CIMA DO FOOTER ============ */ #footer .wrapper-footer{padding-top: 38px;} /* Menu */ #footer .menu-footer .title-menu{display: block;margin-bottom: 17px;font-size: 13px;padding-bottom: 2px;color: #FFF;text-transform: uppercase;border-bottom: 1px solid #E76825;} #footer .menu-footer .title-menu a{color: #FFF;line-height: 15px;text-decoration: none;} #footer .menu-footer .title-menu a:hover{text-decoration: underline;} #footer .menu-footer ul{margin: 0;list-style: none;} #footer .menu-footer ul li:not(:first-child){padding-top: 10px;} #footer .menu-footer ul li a{display: block;} #footer .menu-footer ul li a:hover{text-decoration: underline;} #wrapper-brands{background: #F2F2F2;border-top: 1px solid #D6D6D6;} #wrapper-brands .container{/*border-top: 1px solid #EB8B2D;*/padding: 0px 15px;} #wrapper-brands .padding-wrapper{padding: 0px;} /*#wrapper-brands .slider-brands{margin-right: -26px;}*/ #wrapper-brands .slider-brands{text-align: center;} #wrapper-brands .slider-brands > div > div{margin: 0 auto;} #wrapper-brands .slider-brands .brand{display: none;} #wrapper-brands .slider-brands .brand:nth-child(-n+7), #wrapper-brands .slider-brands.slick-initialized .brand{display: inline-block;vertical-align: middle;float: none;} #wrapper-brands .slider-brands .slick-arrow{z-index: 5;position: absolute;top: calc(50% - 20px);width: 40px;height: 40px;/*background: #FFF url(/sysimages/icon-arrow-brands.png) left top/40px 40px no-repeat;*/} #wrapper-brands .slider-brands .slick-arrow:hover{opacity: .6;} #wrapper-brands .slider-brands .slick-arrow.slick-prev{left: -60px;right: auto;/*transform: rotate(180deg);*/} #wrapper-brands .slider-brands .slick-arrow.slick-next{right: -50px;left: auto;} @media screen and (max-width: 1530px) and (min-width: 768px) { body #wrapper-brands .slider-brands{max-width: calc(100% - 60px);margin: 0 auto} body #wrapper-brands .slider-brands .slick-arrow.slick-prev{left: -50px;} body #wrapper-brands .slider-brands .slick-arrow.slick-next{right: -40px;} } #wrapper-brands a{display: block;line-height: 0;} #wrapper-brands img{display: block;line-height: 0;margin: 0;} body.tablet #wrapper-brands{overflow: hidden;} #wrapper-brands .slick-arrow.slick-prev { background-size: 100%; background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32px' height='32px' viewBox='0 0 32 32'%3E%3Cpolygon points='22 5.555 11.982 16 22 26.445 20.509 28 9 16 20.509 4' transform='matrix(1 0 0 -1 0 32)'%3E%3C/polygon%3E%3C/svg%3E");} #wrapper-brands .slick-arrow.slick-next { background-size: 100%; background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='23 5.555 12.982 16 23 26.445 21.509 28 10 16 21.509 4' transform='rotate(180 16.5 16)'%3E%3C/polygon%3E%3C/svg%3E");} /* Blocos */ #footer .footer-block-wrapper {border: 1px dotted #555555;padding: 24px 16px 20px 64px;height: 120px;} #footer .footer-blocks .row .column:not(:nth-child(-n+2)){padding-top: 30px;} #footer .footer-block-wrapper .footer-block-heading {padding-bottom: 3px;} #footer .footer-block-wrapper .footer-block-body span {display: block;} #footer .footer-block-wrapper.footer-shipping {background: url('/sysimages/icon-footer-portes.png') no-repeat;background-size: 40px; background-position: 14px 24px;} #footer .footer-block-wrapper.footer-valid-discounts {background: url('/sysimages/icon-footer-discounts.png') no-repeat;background-size: 40px; background-position: 14px 24px;} #footer .footer-block-wrapper.footer-client-suport {background: url('/sysimages/icon-footer-suport.png') no-repeat;background-size: 40px; background-position: 14px 24px;} #footer .footer-block-wrapper.footer-technical-assistance {background: url('/sysimages/icon-footer-assistance.png') no-repeat;background-size: 40px; background-position: 14px 24px;} @media screen and (max-width: 1400px) and (min-width: 768px) { #footer .footer-block-wrapper {padding: 15px 15px 15px 60px;height: 135px;} } /* Newsletter */ #footer .newsletter-footer .share-icons-social {padding-bottom: 26px;} #footer .newsletter-footer .share-icons-social a:not(:last-child) {margin-right: 8px;} #footer .newsletter-footer .newsletter-footer-info .newsletter-footer-info-heading {padding-bottom: 3px;} #footer .newsletter-footer .newsletter-footer-info .newsletter-footer-info-description {padding-bottom: 16px;} #footer .newsletter-footer-form-desktop, #footer .newsletter-footer-form-mobile{display: none;} #footer .newsletter-footer-form-desktop input{width: 100%;background-color: transparent;color: #ccc;margin-bottom: 15px; padding: 12px 18px;} #footer .newsletter-footer-form-desktop button, #footer .newsletter-footer-form-mobile button{width: 100%;background-color: #E66824;border-color: #E66824; letter-spacing: 2px; } #footer .newsletter-footer-form-desktop button:hover, #footer .newsletter-footer-form-mobile button:hover{width: 100%;background-color: #000000;color: #FFF;border-color: #000000;} /* ================================= */ /* ICONS */ #footer .icons_social a{min-width: 36px;width: 36px;height: 36px;display: inline-block;background-repeat: no-repeat;background-size: auto 72px;} #footer .icons_social a.fb{background-position: 0 0;} #footer .icons_social a.vm{background-position: -36px 0;} #footer .icons_social a.pi{background-position: -72px 0;} #footer .icons_social a.yt{background-position: -108px 0;} #footer .icons_social a.wa{background-position: -144px 0;} #footer .icons_social a.lk{background-position: -180px 0;} #footer .icons_social a.tw{background-position: -216px 0;} #footer .icons_social a.tm{background-position: -252px 0;} #footer .icons_social a.in{background-position: -288px 0;} #footer .icons_social a.em{background-position: -324px 0;} #footer .icons_social a.fb:hover{background-position: 0 -36px;} #footer .icons_social a.vm:hover{background-position: -36px -36px;} #footer .icons_social a.pi:hover{background-position: -72px -36px;} #footer .icons_social a.yt:hover{background-position: -108px -36px;} #footer .icons_social a.wa:hover{background-position: -144px -36px;} #footer .icons_social a.lk:hover{background-position: -180px -36px;} #footer .icons_social a.tw:hover{background-position: -216px -36px;} #footer .icons_social a.tm:hover{background-position: -252px -36px;} #footer .icons_social a.in:hover{background-position: -288px -36px;} #footer .icons_social a.em:hover{background-position: -324px -36px;} body.tablet #footer .icons_social a{height: 35px;} /* ================================= */ /* ============ PARTE DE BAIXO DO FOOTER ============ */ #footer .column-content{padding-left: 30px;} #footer .bottom-footer{padding: 35px 0 28px;} #footer .bottom-footer .dis-table{width: 100%;padding-top: 13px;} #footer .bottom-footer .dis-table-cell{vertical-align: middle;} #footer .bottom-footer .copyright-logos-wrapper, #footer .payments{padding-top: 24px;border-top: 1px solid transparent;} #footer .bottom-footer .copyright-logos-wrapper{border-color: #202020;} #footer .bottom-footer .footer-logos{line-height: 0;text-align: right;} #footer .bottom-footer .footer-logos > img{width: 100%;max-width: 279px;} #footer .bottom-footer .payments > p {padding-bottom: 8px;} #footer .bottom-footer .payments > img{display: block;width: 100%;max-width: 236px;} /* ================================= */ /* ============ TABLET ============ */ body.tablet.landscape #footer .column-right-blocks{width: 100%;display: inline-block;padding-top: 25px;} body.tablet.landscape #footer .column-right-blocks.hideTablet{display: none !important;} body.tablet.landscape #footer .column-right-blocks .footer-block{width: 25%;} body.tablet.landscape #footer .row-menu .row{display: block !important;} /*body.tablet.portrait #footer .column-right-blocks .footer-block{width: 50%;padding-bottom: 30px;}*/ body.tablet.landscape #footer .column-left-menu{width: 50%;} body.tablet.landscape #footer .payments{padding-top: 15px} body.tablet #footer .column-content { padding-left: 0px;} body.tablet #footer .newsletter-footer { padding-top: 0px;} /*body.tablet.portrait #footer .newsletter-footer.hideTabletLandscape {width: 50%;text-align: center;margin: 0 auto; float: none;}*/ body.tablet #footer .newsletter-footer .share-icons-social { padding-bottom: 0px;padding-top: 15px;} /*body.tablet.portrait #footer .newsletter-footer .share-icons-social { padding-bottom: 15px;padding-top: 15px;}*/ body.tablet #footer .hideTabletLandscape{display: none;} /*body.tablet.portrait #footer .hideTabletLandscape{display: block;}*/ body #footer .showTabletLandscape{display: none !important;} body.tablet.landscape #footer .showTabletLandscape{display: block !important;} body.tablet .wrapper-footer .col-sm-9{width: 100%;} body.tablet #footer .footer-blocks .row .column:not(:nth-child(-n+2)) { padding-top: 0px;} body.tablet.landscape #footer .footer-block-wrapper {padding: 15px 0px 15px 60px; height: 120px;background-position: 7px 30px;} /*body.tablet.portrait #footer .column-left-menu{width: 100%;}*/ @media screen and (min-width: 768px) { #footer .column-left-menu{width: 44.5%;} #footer .column-right-blocks{width: 55.5%;padding-top: 17px;} #footer .newsletter-footer{padding-top: 17px;} #footer .newsletter-footer-form-desktop{display: block;} #footer .menu-footer {max-width: 100%; margin: auto;} #footer .row-menu, #footer .row-menu .row{display: table;width: calc(100% + 30px);table-layout: fixed;} #footer .row-menu .column{float: none;width: 100%;display: table-cell;} } /* ================================= */ /* Only Mobile (Portrait and Landscape) and Tablet (Portrait) */ @media screen and (max-width: 767px) and (max-device-height: 1000px) and (orientation: portrait), screen and (max-device-width: 1020px) and (max-device-height: 1000px) and (orientation: landscape), screen and (min-width: 700px) and (min-device-height: 1000px) and (orientation: portrait) { #wrapper-brands .container{overflow: hidden;} #wrapper-brands .padding-wrapper{padding: 0 ;width: 120vw;} #wrapper-brands .slider-brands{margin-right: 0;} #wrapper-brands .slider-brands *{line-height: 0;font-size: 0;letter-spacing: 0;} #wrapper-brands .slider-brands .brand{margin-right: 25px;} #wrapper-brands .slider-brands .slick-arrow.slick-prev{left: -40px;} #wrapper-brands .slider-brands .slick-arrow.slick-next{right: -40px;} #footer .column-left-menu{padding-bottom: 30px;width: 100%;} body.tablet #footer .column-left-menu{width: 55.5%;margin: 0 auto;float: none;} #footer .column-right-blocks{margin: 0 auto;float: none;} /*body:not(.ParamsTeste) #footer .column-right-blocks .footer-block:first-child{width: 100% !important;}*/ /*body:not(.ParamsTeste) #footer .column-right-blocks .footer-block:not(:first-child){display: none;}*/ body .slider-blocks .slick-arrow{display: none !important;} body .slider-blocks .slick-dots{bottom: -25px;} body #footer .column-right-blocks{margin-bottom: 30px;} #footer .footer-blocks .row .column:not(:nth-child(-n+2)){padding-top: 0;} #footer .footer-blocks .row .column.footer-block > a{text-decoration: none;} #footer .newsletter-footer .column-content{padding-left: 0;} #footer .newsletter-footer .share-icons-social{text-align: center;padding-top: 32px !important;clear: left;padding: 26px !important;} #footer .newsletter-footer-info, #footer .newsletter-footer-form-desktop{display: none;} #footer .newsletter-footer-form-mobile{display: block;} #footer .bottom-footer > .container > .row > .column{width: 100%;} #footer .bottom-footer .copyright-logos-wrapper{border-top-width: 0;padding-top: 0px;} #footer .bottom-footer .dis-table {padding-top: 0px;} #footer .bottom-footer .dis-table-cell{display: block;} #footer .bottom-footer .copyright{text-align: center;} body.tablet #footer .hideTabletLandscape{width: 55.5%;clear: left;} #footer .hideTabletLandscape{display: block !important;float: none;margin: 0 auto;} #footer .newsletter-footer .h1{padding-bottom: 10px;} #footer .wrapper-footer{padding-top: 21px;padding-bottom: 20px;} #footer .column-menu > .row{display: none;padding: 1px 5px 16px;} #footer .menu-footer .column-menu .title-menu{position: relative;padding: 12px 0;margin: 0;} #footer .menu-footer .column-menu .title-menu::before{content: '';position: absolute;top: calc(50% - 16px);right: 5px;width: 32px;height: 32px;background: center/20px no-repeat;background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpolygon fill='%23fff' points='24 25.17 14.725 16 24 6.83 21.138 4 9 16 21.138 28' transform='matrix(-1 0 0 1 33 0)'/%3E%3C/svg%3E%0A");} #footer .menu-footer .column-menu .title-menu.active::before{transform: rotate(-90deg);} #footer .menu-footer .column-menu ul li{padding-top: 6px;} #footer .menu-footer .column-menu ul li:first-child{padding-top: 12px;} #footer .menu-footer .column-menu ul li a{padding-top: 6px;padding-bottom: 6px;} #footer .menu-footer .icons_social{margin: 0 auto;padding: 15px 0;text-align: center;} #footer .row-menu, #footer .row-menu .column{display: block;} body.landscape #footer .row-menu .row{display: block !important;} #footer .footer-block-wrapper {height: auto;} #footer .bottom-footer{padding: 6px 0 8px;} #footer .bottom-footer .footer-logos{padding-top: 20px;} #footer .bottom-footer .footer-logos > img {margin: 0 auto; display: block;} #footer .menu-footer .title-menu, #footer .menu-footer ul li a {font-family: "Roboto";font-weight:700;font-size: 14px;line-height: 18px;} #footer .newsletter-footer p:not([class]){line-height: 22px;} #footer .bottom-footer .copy-notice p, #footer .bottom-footer .copy-notice a{font-size: 10px; line-height: 160%;} #footer .bottom-footer .copyright a, #footer .bottom-footer .copyright p{color: #ccc;font-size: 13px;line-height: 19px;text-decoration: none;} #footer .column-content { padding-left: 0px;} #footer .bottom-footer .payments > img { margin: 0 auto;} #footer .bottom-footer .payments {text-align: center;padding-bottom: 20px;padding-top: 30px;} } /* Only Tablet (Landscape) */ @media screen and (hover: none) and (min-device-width: 768px) and (min-device-height: 700px) and (orientation: landscape) { .menu-footer {max-width: none;} } /* Only Mobile (Portrait and Landscape) and Tablet (Portrait) */ @media screen and (hover: none) and (max-width: 767px) and (max-device-height: 1000px) and (orientation: portrait), screen and (hover: none) and (max-device-width: 1024px) and (max-device-height: 1000px) and (orientation: landscape), screen and (hover: none) and (min-width: 700px) and (min-device-height: 1000px) and (orientation: portrait) { /*#footer .menu-footer .title-menu, #footer .menu-footer ul li a, #footer .menu-footer ul li .a {font-size: 12px; line-height: 140%;}*/ /*#footer .newsletter-footer p:not([class]){line-height: 22px;}*/ /*#footer .bottom-footer .copy-notice p, #footer .bottom-footer .copy-notice a{font-size: 10px; line-height: 160%;}*/ }