/*FONTS <<< Carregar as fontes no ficheiro fonts.css >>> */ div.websiteBlock { background-color: #FFFFFF; } div.websiteBlock div.absolute-center h1 { color: #3681C0; font-size: 45px; } #loadingPage img.loadingLogo { width: 85px; } #loadingPage img.loadingSpinner { width: 150px; } html { } body { position: relative; width: 100%; overflow-x: hidden; } p,label,span, li,input,textarea,select,button { font-size: 14px; line-height: 22px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; color: #333333; } p { margin-bottom: 10px; } p strong { font-weight: bold; } h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; margin-bottom: 10px; color: #333333; } h1 { font-size: 28px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 13px; } .home p { color: #FFFFFF; } .home h1 { font-size: 54px; line-height: 55px; color: #FFFFFF; margin-bottom: 25px; } .home h2 { font-size: 60px; line-height: 65px; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; margin-bottom: 10px; color: #000000; } .home h3 { font-size: 15px; line-height: 18px; color: #ffffff; margin-bottom: 25px; } .home h4 { font-size: 16px; line-height: 18px; color: #ffffff; margin-bottom: 15px; } /*.dropdown:hover>.dropdown-menu { display: block; }*/ nav li,nav li a,nav li span,nav .form-check-label { font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; } nav { height: 54px; } nav.mainNavBar .dropdown-menu { background-color: #000000; margin-top: 10px; } nav.mainNavBar .dropdown-menu li { padding-top: 5px; padding-bottom: 5px; } nav .dropdown-item { color: #ffffff; } nav.mainNavBar li:hover a { background-color: transparent; opacity: 0.5; } nav li,nav #iconCarrinho,nav .menuBurger { padding-top: 15px; padding-bottom: 15px; } nav .menuBurger { top: 2px; } nav .menuBurger i { font-size: 20px; } nav #iconCarrinho { padding-top: 15px; padding-bottom: 15px; } nav.categoriesNavBar li,nav.categoriesNavBar li a,nav.categoriesNavBar li span,nav .form-check-label { font-size: 11px; line-height: 24px; } nav.categoriesNavBar #categoriesMenuBurger { position: relative; left: auto; } nav.categoriesNavBar { height: auto; padding-top: 10px; padding-bottom: 10px; } nav.categoriesNavBar li.dropdown ul.dropdown-menu li .dropdown-item label { font-size: 12px; line-height: 15px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; } .dropdown-item { padding: 0; } .standardButton,.standardButton p { color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; font-size: 12px; line-height: 16px; text-transform: uppercase; } .standardButton { background-color: #4C4C4C; border: 1px solid #4C4C4C; padding-left: 50px; padding-right: 50px; border-radius: 19px; margin-top: 25px; margin-bottom: 25px; } div.home .standardButton,div.home .standardButton p { color: #ffffff; font-size: 11px; line-height: 28px; text-transform: none; } div.home .standardButton { background-color: #365876; border: 0px solid transparent; padding: 0; padding-left: 35px; padding-right: 35px; border-radius: 19px; margin-left: 0;} div.home .standardButton:hover { background-color: rgba(120,188,239,0.8); } div.filtro { position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); } div.barra { width: 65px; height: 6px; background-color: #47647E; margin-bottom: 55px; } div.first { position: relative; width: 100%; background-image: url('../images/default/mascara1.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat; } div.first #slideshow-1 { position: absolute; z-index: -1; top: 0; right: 0; width: 65%; } div.first #slideshow-1 div.item { height: 110vh; } div.first div.entradaSite { position: relative; height: 100vh; } div.first div.entradaSite div.absolute-center { width: 400px; max-width: 90%; } div.first div.entradaSite img.logo { width: 300px; max-width: 100%; margin-bottom: 30%; } div.first div.contactForm { margin-top: 65px; } div.first div.contactForm #name2, div.first div.contactForm #subject2,div.first div.contactForm #message2 { display: none; } div.first div.contactForm #contact2,div.first div.contactForm #submitContact2 { width: calc( 50% - 1px ); text-align: center; font-size: 13px; line-height: 22px; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; margin: 0px; border-radius: 0; border: 0 solid transparent; text-transform: none; height: 28px; padding-top: 0px; padding-bottom: 0px; display: inline-block; } div.first div.contactForm #contact2 { margin-right: 1px; background-color: #4C4A4B; display: inline-block; border-top-left-radius: 14px; border-bottom-left-radius: 14px; } div.first div.contactForm #submitContact2 { margin-left: 1px; background-color: #365876; border-top-right-radius: 14px; border-bottom-right-radius: 14px; } div.first div.contactForm #submitContact2:hover { background-color: rgba(120,188,239,0.8); } div.first div.contactForm #checkForRealContact2 { margin-top: 5px; } div.first div.contactForm #checkForRealContact2 label { color: #ffffff; font-size: 12px; } div.first div.slogan { position: relative; text-align: center; pointer-events: none; } div.first div.slogan img { padding-top: 75px; padding-bottom: 200px; margin: 0 auto; max-width: 100%; } div.first img.downArrow { position: absolute; top: calc( 100vh - 40px ); width: 40px; left: calc( 50% - 20px ); } div.first img.downArrow:hover { opacity: 0.7; } div.second { position: relative; width: 100%; } div.second div.empresa { padding-top: 50px; padding-bottom: 50px; } div.second h2 { font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; font-size: 60px; line-height: 65px; color: #000000; } div.second p { color: #000000; } div.second img.elemento1 { width: auto; left: 70%; z-index: -1; } div.third { position: relative; width: 100%; height: 890px; background-image: url('../images/default/mascara2.png'); background-position: center; background-size: initial; background-repeat: no-repeat; text-align: center; padding-top: 290px; } div.third div.produtos { text-align: center; } div.third div.barra { margin: 0 auto; margin-bottom: 55px; background-color: #ffffff; } div.third h2 { margin-left: auto; color: #ffffff; } div.third div.colunaProdutos { position: relative; } div.third div.colunaProdutos div.barraVertical { position: absolute; top: 0px; left: 0px; width: 1px; height: calc( 100% - 10px ); background-color: #6FB6E1; } div.third div.popProdutos { background-color: transparent; text-align: left; width: auto; height: 24px; } div.third div.popProdutos:hover div.popupContent span { color: #6FB6E1; font-weight: 700; } div.third .standardButton,div.third .standardButton p { font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; color: #ffffff; font-size: 15px; line-height: 24px; text-align: left; text-transform: uppercase; } div.third .standardButton:hover,div.third .standardButton p:hover { background-color: transparent; color: #6FB6E1; } div.third .standardButton { text-align: left; background-color: transparent; border: 0px solid transparent; padding: 0; border-radius: 0px; margin: 0; margin-bottom: 15px;} div.home .standardButton2,div.home .standardButton2 p { color: #ffffff; font-size: 11px; line-height: 28px; text-transform: none; } div.home .standardButton2 p { margin: 0; } div.home .standardButton2 { display: inline-block; background-color: #365876; border: 0px solid transparent; padding: 0; padding-left: 35px; padding-right: 35px; border-radius: 19px; margin-left: 0; margin-top: 50px; } div.home .standardButton2:hover { background-color: rgba(120,188,239,0.8); } div.second2 { padding-bottom: 50px; } div.second2 div.assistenciaTopo { padding-top: 50px; } div.second2 div.assistenciaFundo { padding-bottom: 50px; } div.fourth { position: relative; width: 100%; background-image: url('../images/default/fundo_azul.jpg'); padding-top: 15px; overflow: hidden;} div.fourth #slideshow-2 { width: 100%; z-index: 0; } div.fourth #slideshow-2 div.item { height: 75vh; } div.fifth { position: relative; width: 100%; height: 935px; margin-top: -150px; text-align: center; } div.fifth div.mask { position: absolute; width: 100%; height: 100%; z-index: 1; background-image: url('../images/default/mascara3.png'); background-position: top; background-size: cover; background-repeat: no-repeat; } div.fifth div.mask div.absolute-center { width: 100%; } div.fifth div.mask div.absolute-center div.barra { margin: 0 auto; margin-bottom: 55px; } div.fifth div.mask div.absolute-center p { color: #000000; } div.fifth div.slideShowBrands { margin-top: 50px; } div.fifth div.slideShowBrands div.item { height: 80px; text-align: center; } div.fifth div.slideShowBrands div.item div.logoMarca { width: 200px; max-width: 90%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0 auto; } div.fifth div.slideShowBrands .owl-nav { position: absolute; width: 100%; height: 100%; top: 0; pointer-events: none; margin: 0; } div.fifth div.slideShowBrands button.owl-prev,div.fifth div.slideShowBrands button.owl-next { position: absolute; pointer-events: initial; top: calc( 50% - 12px ); font-size: 0px; width: 25px; height: 25px; transition: linear .3s; -webkit-transition: linear .3s; -moz-transition: linear .3s; -ms-transition: linear .3s; -o-transition: linear .3s; background-size: cover; margin: 0; } div.fifth div.slideShowBrands button.owl-prev:hover,div.fifth div.slideShowBrands button.owl-next:hover { background-color: transparent; background-size: cover; } div.fifth div.slideShowBrands button.owl-prev { left: -35px; background-image: url('../images/default/left_arrow.png'); } div.fifth div.slideShowBrands button.owl-next { right: -35px; background-image: url('../images/default/right_arrow.png'); } div.fifth div.slideShowBrands button.owl-prev:hover { background-image: url('../images/default/left_arrow.png'); opacity: 0.7; } div.fifth div.slideShowBrands button.owl-next:hover { background-image: url('../images/default/right_arrow.png'); opacity: 0.7; } div.fifth div.slideShowBrands button.owl-prev span,div.fifth div.slideShowBrands button.owl-next span { color: transparent; font-size: 0; } div.sixth { position: relative; width: 100%; margin-top: -150px; overflow: hidden; padding-top: 150px; padding-bottom: 70px; } div.sixth #slideshow-4 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } div.sixth #slideshow-4 div.owl-stage-outer, div.sixth #slideshow-4 div.owl-stage, div.sixth #slideshow-4 div.owl-item, div.sixth #slideshow-4 div.item { height: 100%; } div.sixth div.contactar { text-align: center; margin-top: 30px; margin-bottom: 30px; } div.sixth div.contactar h2 { color: #ffffff; } div.sixth div.contactar span { color: #ffffff;} div.sixth div.barra { margin: 0 auto; margin-bottom: 55px; background-color: #ffffff; } div.sixth .contactForm { margin-top: 35px; margin-bottom: 35px; } div.sixth .contactForm #checkForRealContact { margin-top: 10px; margin-bottom: 10px; } div.sixth .contactForm #checkForRealContact label { color: #ffffff; } div.sixth .contactForm #name, div.sixth .contactForm #contact, div.sixth .contactForm #subject, div.sixth .contactForm #message, div.sixth .contactForm #submitContact { width: 100%; padding: 3px 6px; height: 26px; font-size: 12px; line-height: 18px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; background-color: transparent; border: 1px solid #ffffff; border-radius: 0; } div.sixth .contactForm #name, div.sixth .contactForm #contact, div.sixth .contactForm #subject { display: inline-block; width: calc( 33% - 5px ); margin-bottom: 10px; } div.sixth .contactForm #contact { margin-left: 10px; margin-right: 10px; } div.sixth .contactForm #message { min-width: 100%; max-width: 100%; min-height: 125px; max-height: 125px; height: 125px; } div.sixth .contactForm #submitContact { width: 130px; height: 28px; background-color: rgba(120,188,239,0.6); border-radius: 14px; cursor: pointer; border: 0px solid transparent; margin: 10px auto; float: none; } div.sixth .contactForm #submitContact:hover { background-color: #365876; } div.sixth a:hover,div.sixth a:active, div.sixth a:focus { text-decoration: none; } div.sixth h4, div.sixth p { color: #ffffff; } div.sixth p.contactos:hover { color: rgba(120,188,239,0.8); } div.sixth a.morada p { margin-bottom: 0; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } div.sixth a.morada:hover p { color: rgba(120,188,239,0.8); } div.seventh { position: relative; width: 100%; overflow: hidden; background-color: #212121; } div.seventh #googlemaps { width: 100%; height: 450px; } div.seventh #horario { position: absolute; width: 200px; left: calc( 50% - 100px ); padding: 25px 15px; background-color: #212121; text-align: center; z-index: 1; } div.seventh #horario img { margin-top: 5px; margin-bottom: 15px; } div.seventh #horario div.barraHorizontal { width: 85%; height: 2px; background-color: #ffffff; margin: 15px auto; opacity: 0.5;} div.seventh #horario p { font-size: 14px; line-height: 19px; } .ui-slider-horizontal .ui-slider-range { background-color: rgba(97,179,226,0.25); } .ui-slider-horizontal .ui-slider-handle { background-color: #52A3D7; -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; -ms-transition: none!important; transition: none!important; } .ui-slider-horizontal .ui-slider-handle:hover { opacity: 1!important; } .shop { padding-bottom: 150px;} .produtoWidget { height: 355px; border: 1px solid #DDDDDD; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .produtoWidget:hover { border: 1px solid #52A3D7; -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); } .produtoWidget .imagemProduto { position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .produtoWidget:hover .imagemProduto { } /* .produtoWidget .marcaDeAgua { position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; opacity: 0.2; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; background-image: url('../images/default/logo.png'); background-size: contain; background-position: center; background-repeat: no-repeat; } .produtoWidget:hover .marcaDeAgua { opacity: 0.6; } */ .produtoWidget .filtro { background-color: rgba(230,230,230,0.75); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .produtoWidget:hover .filtro { opacity: 1; } .produtoWidget .filtro i { display: none; position: absolute; top: 20px; left: -20px; font-size: 20px; color: #333333; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0; } .produtoWidget:hover .filtro i { left: 20px; opacity: 1; } .produtoWidget .nomeProduto { position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background-color: #ffffff; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .produtoWidget:hover .nomeProduto { } .produtoWidget .nomeProduto p { font-size: 14px; line-height: 16px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #333333; margin: 0; } .produtoWidget .barraFavorito { position: absolute; top: 10px; right: -55px; font-size: 20px; cursor: pointer; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .produtoWidget:hover .barraFavorito { right: 15px; color: #333333; } .produtoWidget .barraFavorito i { cursor: pointer; font-size: 20px; } .produtoWidget .barraFavorito i:hover { opacity: 0.5; } .produtoWidget .barraFavorito i.fa-heart { margin-right: 5px; } .produtoWidget .barraPrecos { position: absolute; bottom: 120px; right: -20px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0; } .produtoWidget:hover .barraPrecos { right: 10px; opacity: 1; } .produtoWidget .barraPrecos p { font-size: 21px; line-height: 21px; color: #333333; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; } .produtoWidget .barraPrecos p .iva { font-size: 10px; line-height: 10px; color: #333333; vertical-align: bottom; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; } .produtoWidget .barraPrecos p.strikeout { font-size: 16px; line-height: 20px; position: relative; display: inline-block; } .produtoWidget .barraPrecos p.strikeout::after { content:""; position: absolute; left: -5px; top: calc( 50% - 1px ); width: calc( 100% + 10px ); height: 2px; background-color: red; } .produtoWidget .barraAdicionarAoCarrinho { display: none; } .loja { text-align: center; } .loja .slideshowStandard div.item { height: 100vh; } .loja .slideshowStandard div.item div.legenda { position: absolute; width: 100%; height: 100%; bottom: auto; padding-top: 45vh; padding-left: 15%; padding-right: 15%; background-color: rgba(0,0,0,0.3); } .loja .slideshowStandard div.legenda p { font-size: 22px; line-height: 26px; color: #FFFFFF; } .loja .slideshowStandard div.legenda p:first-child { font-size: 40px; line-height: 45px; color: #FFFFFF; margin-bottom: 20px; } .loja .slideshowStandard .owl-nav { position: absolute; width: 100%; height: 100%; top: 0; pointer-events: none; margin: 0; } .loja .slideshowStandard button.owl-prev,.loja .slideshowStandard button.owl-next { position: absolute; pointer-events: initial; top: calc( 50% - 20px ); font-size: 0px; width: 40px; height: 40px; transition: linear .3s; -webkit-transition: linear .3s; -moz-transition: linear .3s; -ms-transition: linear .3s; -o-transition: linear .3s; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0; } .loja .slideshowStandard button.owl-prev:hover,.loja .slideshowStandard button.owl-next:hover { background-color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; } .loja .slideshowStandard button.owl-prev { left: 25px; background-image: url('../images/default/left_arrow_2.png'); } .loja .slideshowStandard button.owl-next { right: 25px; background-image: url('../images/default/right_arrow_2.png'); } .loja .slideshowStandard button.owl-prev:hover { background-image: url('../images/default/left_arrow_2.png'); opacity: 0.7; } .loja .slideshowStandard button.owl-next:hover { background-image: url('../images/default/right_arrow_2.png'); opacity: 0.7; } .loja .slideshowStandard button.owl-prev span,.loja .slideshowStandard button.owl-next span { color: transparent; font-size: 0; } .loja .iconEntrada { position: absolute; top: 60px; left: calc( 50% - 25px ); width: 50px; z-index: 2; pointer-events: none; } .loja .marcaraSlide { position: absolute; width: 100%; height: 213px; z-index: 2; background-size: initial; background-position: top; background-repeat: no-repeat; left: 0; pointer-events: none; } .loja .marcaraSlide1 { background-image: url('../images/default/mascara6.png'); top: 25px; } .loja .marcaraSlide2 { background-image: url('../images/default/mascara5.png'); top: calc( 100vh - 210px ); } .loja .downArrow { position: absolute; top: calc( 100vh - 40px ); width: 40px; left: calc( 50% - 20px ); z-index: 2; } .loja .downArrow:hover { opacity: 0.7; } .loja h1.widgetsTitle { margin-top: -112px; margin-bottom: 90px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: uppercase; } .loja .shopTitle { text-align: left; } .loja .shopTitle img.logoLoja { width: 200px; max-width: 100%; margin-left: 0; margin-top: 75px; margin-bottom: 45px; } .loja .sideMenu { display: block; } .loja .sideMenu span.subCat li { padding-left: 25px; } nav.categoriesNavBar { display: none; } .loja .sideMenu .dropdown-item:hover { background-color: transparent; } .loja .sideMenu span,.loja .sideMenu .dropdown-item label { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 15px; line-height: 20px; color: #333333; cursor: pointer; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .loja .sideMenu span:hover,.loja .sideMenu .dropdown-item label:hover { color: #52A3D7; opacity: 0.5; } .loja .activeCategory { color: #52A3D7!important; } .loja #priceAmountRange { margin-top: 20px; } .loja #slider-range { margin-bottom: 40px; } .loja div.filtroTop span { background-color: #365876; color: #FFFFFF; } .loja div.filtroTop1 #searchByProductName { max-width: 100%; } .loja div.filtroTop2 .input-group { max-width: 100%; width: 225px; float: right; } .loja #dynamicPostsList { } div.parallax { position: relative; } div.parallax img.elemento1 { position: absolute; height: 150px; top: -150px; left: 0; z-index: 1; } div.parallax img.elemento2 { position: absolute; height: 90px; bottom: -90px; right: 0; z-index: 1; } div.parallax .jarallax div.filtro { background-color: rgba(54,88,118,0.6); } div.parallax .jarallax .destaque { padding-top: 125px; padding-bottom: 125px; } div.parallax .jarallax .destaque img.iconLogo { width: 40px; margin-bottom: 25px; } div.parallax .jarallax .destaque p { color: #ffffff; font-size: 18px; line-height: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; } .loja div.slogan2 { padding-top: 170px; padding-bottom: 170px; background-image: url('../images/default/standard_background.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } .loja .testemunhos { position: relative; background-color: #FDFDFD; padding-top: 125px; padding-bottom: 200px; } .loja .testemunhos div.mask { position: absolute; width: 100%; height: 212px; bottom: 0; left: 0; z-index: 1; background-image: url('../images/default/mascara4.png'); background-position: bottom; background-size: auto; background-repeat: no-repeat; pointer-events: none; } .loja div.slideShowTestimonials { } .loja div.slideShowTestimonials div.item { background-color: #ffffff; padding: 25px; margin: 25px 18px; border: 1px solid #DDDDDD; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .loja div.slideShowTestimonials div.item:hover { border: 1px solid #52A3D7; -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); } .loja div.slideShowTestimonials div.imagem { width: 140px; height: 140px; max-width: 100%; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 25px auto 35px auto; } .loja div.slideShowTestimonials div.item p { font-weight: 400; } .loja div.slideShowTestimonials div.item p.author { font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; } .paginaProducto { padding-top: 100px; padding-bottom: 100px; } .paginaProducto h1 { line-height: 100%; margin-top: 10px; margin-bottom: 10px; } .paginaProducto .slideshowPosts { max-width: 450px; max-height: 450px; margin: 0 auto; margin-bottom: 50px; } .paginaProducto .slideshowPosts .owl-dot span { margin: 3px; } .paginaProducto .owl-theme .owl-dots .owl-dot.active span { background: #52A3D7; } .paginaProducto .owl-theme .owl-dots .owl-dot:hover span { background: #9ECBE9; } .paginaProducto .descricao { margin-bottom: 50px; } .paginaProducto .iconsProduto i { cursor: pointer; font-size: 18px; } .paginaProducto .iconsProduto i:hover { opacity: 0.5; } .paginaProducto .iconsProduto i.fa-heart { margin-right: 5px; } .paginaProducto .descricao .nomeCategoria { margin-top: 15px; margin-bottom: 15px; } .paginaProducto .descricao .nomeCategoria h5 { font-size: 16px; color: #666666; text-transform: uppercase; } .paginaProducto .descricao .nomeDoProduto { margin-top: 15px; margin-bottom: 15px; } .paginaProducto .descricao .descricaoDoProduto { margin-top: 15px; margin-bottom: 15px; } .paginaProducto .descricao .barraPrecos { margin-top: 15px; margin-bottom: 15px; } .paginaProducto .descricao .barraPrecos .precoComDisconto, .paginaProducto .descricao .barraPrecos .precoFinal { display: inline-block; } .paginaProducto .descricao .barraPrecos .precoComDisconto { margin-right: 10px; } .paginaProducto .descricao .barraPrecos p.strikeout { font-size: 16px; line-height: 20px; position: relative; display: inline-block; } .paginaProducto .descricao .barraPrecos p.strikeout::after { content:""; position: absolute; left: -5px; top: calc( 50% - 1px ); width: calc( 100% + 10px ); height: 2px; background-color: red; } .paginaProducto .descricao .barraPrecos .precoFinal p { font-size: 24px; line-height: 28px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-style: normal; color: #333333; } .paginaProducto .descricao .barraPrecos .precoFinal p .iva { font-size: 12px; line-height: 12px; color: #333333; vertical-align: bottom; } .paginaProducto .descricao .optionArea { margin-top: 10px; margin-bottom: 20px; } .paginaProducto .descricao .decreaseProductQt, .paginaProducto .descricao .productQuantity, .paginaProducto .descricao .increaseProductQt, .paginaProducto .descricao .addToCartBtn { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 15px; } .paginaProducto .descricao .addToCartBtn p { font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 0px; font-style: normal; font-size: 12px; } .paginaProducto span.sobConsulta .standardButton { display: inline-block; height: 34px; padding: 0 25px; border: 1px solid transparent; border-radius: 0; text-align: center; background-color: #333333; margin-top: 5px; } .paginaProducto span.sobConsulta .standardButton:hover { background-color: #666666; } .paginaProducto span.sobConsulta .standardButton p { color: #ffffff; font-size: 12px; line-height: 32px; text-transform: none; } .paginaProducto div.parallax { margin-top: 80px; margin-bottom: 80px; text-align: center; } .paginaProducto div.parallax .jarallax .standardButton { margin: 125px auto; background-color: transparent; border-color: transparent; padding: 0; } .paginaProducto div.parallax .jarallax .standardButton:hover { background-color: transparent; } .paginaProducto div.parallax .jarallax .standardButton i.fa-youtube { font-size: 80px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .paginaProducto div.parallax .jarallax .standardButton:hover i.fa-youtube { color: #52A3D7; -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .paginaProducto .descricaoCompletaProduto { margin-top: 25px; margin-bottom: 25px; } .paginaProducto .pdfArea { text-align: center; padding-top: 25px; padding-bottom: 25px; } .paginaProducto .pdfArea h2 { margin-top: 50px; margin-bottom: 10px; } .paginaProducto .pdfArea .pdfs a:hover,.paginaProducto .pdfArea .pdfs a:focus,.paginaProducto .pdfArea .pdfs a:active{ text-decoration: none; } .paginaProducto .pdfArea .pdfs:hover { opacity: 0.75; } .paginaProducto .pdfArea .pdfs img { margin-top: 20px; width: 50px; } .paginaProducto .pdfArea .pdfs .descricaoPdf { margin-bottom: 20px; } .paginaProducto .associadosProdutos h2 { margin-top: 70px; } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav { position: absolute; width: 100%; height: 100%; top: -5px; pointer-events: none; margin: 0; } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-prev,.paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-next { position: absolute; pointer-events: initial; top: calc( 50% - 12px ); font-size: 0px; width: 25px; height: 25px; transition: linear .3s; -webkit-transition: linear .3s; -moz-transition: linear .3s; -ms-transition: linear .3s; -o-transition: linear .3s; background-size: cover; margin: 0; } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-prev:hover,.paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-next:hover { background-color: transparent; background-size: cover; } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-prev { left: -35px; background-image: url('../images/default/left_arrow_2.png'); } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-next { right: -35px; background-image: url('../images/default/right_arrow_2.png'); } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-prev:hover { background-image: url('../images/default/left_arrow_2.png'); opacity: 0.7; } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-next:hover { background-image: url('../images/default/right_arrow_2.png'); opacity: 0.7; } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-prev span,.paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-next span { color: transparent; font-size: 0; } .giftCardArea { display: none; margin-top: 125px; margin-bottom: 100px; padding-top: 75px; padding-bottom: 50px; } .giftCardArea h2,.giftCardArea p { color: #ffffff; } .giftCardArea .standardButton { background-color: #365876; border-color: #365876; margin-left: 10px; margin-right: 10px; } .giftCardArea .standardButton:hover { background-color: rgba(120,188,239,0.8); } .giftCardArea .standardButton:hover p { color: #FFFFFF; } .giftCardArea img.elemento3 { position: absolute; height: 90px; top: -90px; right: 0; z-index: 1; } .giftCardArea img.elemento4 { position: absolute; height: 110px; bottom: -110px; left: 0; z-index: 1; } div.backToSite { width: 100%; text-align: center; margin-top: 50px;} div.backToSite div.goToSite:hover { background-color: #666666; } /*FOOTER*/ footer a:hover, footer a:focus, footer a:active,footer .popupAlert:hover { color: #90CFFE; } /*POPUPS*/ .maskPop-Up .pop-up div.textoPopUp h1,.maskPop-Up .pop-up div.textoPopUp h2,.maskPop-Up .pop-up div.textoPopUp h3,.maskPop-Up .pop-up div.textoPopUp h4,.maskPop-Up .pop-up div.textoPopUp h5,.maskPop-Up .pop-up div.textoPopUp h6 { margin-bottom: 15px; } .maskPop-Up .pop-up div.textoPopUp h1 { font-size: 24px; } .maskPop-Up .pop-up div.textoPopUp h2 { font-size: 22px; } .maskPop-Up .pop-up div.textoPopUp h3 { font-size: 20px; } .maskPop-Up .pop-up div.textoPopUp h4 { font-size: 18px; } .maskPop-Up .pop-up div.textoPopUp h5 { font-size: 16px; } .maskPop-Up .pop-up div.textoPopUp h6 { font-size: 14px; } .maskPop-Up .pop-up div.textoPopUp p,.maskPop-Up .pop-up div.textoPopUp label,.maskPop-Up .pop-up div.textoPopUp span, .maskPop-Up .pop-up div.textoPopUp li { font-size: 15px; line-height: 140%; font-family: 'Montserrat', sans-serif; font-weight: 400; font-style: normal; color: #333333; } .maskPop-Up .pop-up div.textoPopUp strong { font-weight: 600; } .maskPop-Up .pop-up { background-color: rgba(33,33,33,1); background-image: url('../images/default/standard_background.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } .maskPop-Up .pop-up div.textoPopUp p,.maskPop-Up .pop-up div.textoPopUp a, .maskPop-Up .pop-up div.textoPopUp label, .maskPop-Up .pop-up div.textoPopUp span, .maskPop-Up .pop-up div.textoPopUp li { color: #ffffff; } .maskPop-Up .pop-up div.textoPopUp a:hover { opacity: 0.6; } .maskPop-Up div.giftCardPopUp div.addToGiftcardBtn { background-color: #365876; } .maskPop-Up div.giftCardPopUp div.addToGiftcardBtn:hover { background-color: rgba(120,188,239,0.8); } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { nav ul.mainMenu { background-color: rgba(22,22,22,1); } nav ul.mainMenu li { padding: 5px 20px; } nav .closeMenu { top: 20px; left: 20px; } nav .closeMenu i { font-size: 18px; } nav.mainNavBar .dropdown-menu { background-color: rgba(22,22,22,1); } nav.mainNavBar li:hover a { opacity: 1; } nav #iconCarrinho { padding-top: 17px; padding-bottom: 17px; } nav #iconCarrinho i { font-size: 16px; } nav #numberOfProducts { font-size: 14px; } nav.categoriesNavBar li, nav.categoriesNavBar li a, nav.categoriesNavBar li span, nav .form-check-label { font-size: 11px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; } .home h1 { font-size: 35px; line-height: 38px; margin-bottom: 20px; } .home h2 { font-size: 28px; line-height: 35px; margin-bottom: 10px; } .home h3 { font-size: 15px; line-height: 18px; margin-bottom: 15px; } .home h4 { font-size: 15px; line-height: 18px; margin-bottom: 10px; } div.barra,div.third div.barra,div.fifth div.mask div.absolute-center div.barra,div.sixth div.barra { margin-bottom: 35px; } div.first { background-image: none; background-color: rgba(22,22,22,0.85); } div.first #slideshow-1 { top: 0; right: 0; width: 100%; } div.first #slideshow-1 div.item { height: 100vh; } div.first div.entradaSite img.logo { width: 230px; margin-bottom: 30px; } div.first div.contactForm { margin-top: 30px; } div.first div.slogan { background-color: rgba(22,22,22,1); } div.first div.slogan img { padding-top: 60px; padding-bottom: 60px; } div.second { padding-top: 50px; padding-bottom: 50px; } div.second img.elemento1 { display: none; } div.second h2 { font-size: 28px; line-height: 35px; margin-bottom: 10px; text-align: center; } div.second div.barra { margin: 0 auto; margin-bottom: 35px; } div.second .standardButton { margin: 25px auto; } div.third { height: auto; background-image: none; padding-top: 75px; padding-bottom: 75px; background-color: #333333; text-align: center; } div.third .standardButton { text-align: center; margin: 0px auto; } div.third .standardButton, div.third .standardButton p { line-height: 28px; } div.third div.colunaProdutos div.barraVertical { display: none;} div.second2 { padding-top: 50px; padding-bottom: 50px; } div.fourth #slideshow-2 div.item { height: 50vh; } div.fifth { height: auto; margin-top: 0px; padding-top: 100px; padding-bottom: 125px; } div.fifth div.mask { position: relative; width: 100%; height: auto; background-image: none; } div.fifth div.mask div.absolute-center { position: relative; left: 0; top: 0; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } div.sixth { margin-top: 0px; padding-top: 75px; padding-bottom: 75px; } div.seventh #googlemaps { height: 50vh; } .loja .sideMenu { display: none; } nav.categoriesNavBar { display: block; } .loja .iconEntrada { top: 82px; } .loja .slideshowStandard div.item div.legenda { padding-top: 45vh; padding-left: 10%; padding-right: 10%; } .loja .slideshowStandard div.legenda p { font-size: 18px; line-height: 24px; } .loja .slideshowStandard div.legenda p:first-child { font-size: 30px; line-height: 35px; margin-bottom: 15px; } .loja #dynamicPostsList { } .loja .shopTitle { text-align: center; } .loja .shopTitle img.logoLoja { width: 200px; margin: 0 auto; margin-top: 100px; margin-bottom: 110px; } .loja h1.widgetsTitle { margin-top: -100px; } .loja div.slogan2 { padding-top: 125px; padding-bottom: 125px; } div.parallax img.elemento1 { height: 75px; top: -75px; } div.parallax img.elemento2 { height: 50px; bottom: -50px; } .loja .testemunhos { padding-top: 100px; padding-bottom: 100px; } .loja .testemunhos div.mask { display: none; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 17px; } h5 { font-size: 16px; } h6 { font-size: 15px; } .home h1 { font-size: 35px; line-height: 38px; margin-bottom: 20px; } .home h2 { font-size: 28px; line-height: 35px; margin-bottom: 10px; } .home h3 { font-size: 15px; line-height: 18px; margin-bottom: 15px; } .home h4 { font-size: 15px; line-height: 18px; margin-bottom: 10px; } .loja .shopTitle img.logoLoja { margin-top: 100px; margin-bottom: 110px; } .loja h1.widgetsTitle { margin-top: -160px; margin-bottom: 160px; } .loja div.filtroTop2 { margin-top: 15px;} } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .loja .marcaraSlide1 { top: 0; } .loja .marcaraSlide2 { top: calc( 100vh - 180px ); height: 180px; } .loja .iconEntrada { top: 82px; width: 30px; left: calc( 50% - 15px ); } .loja .slideshowStandard div.item div.legenda { padding-top: 45vh; padding-left: 5%; padding-right: 5%; } .loja .slideshowStandard div.legenda p { font-size: 15px; line-height: 18px; } .loja .slideshowStandard div.legenda p:first-child { font-size: 24px; line-height: 30px; margin-bottom: 15px; } .loja .slideshowStandard button.owl-prev,.loja .slideshowStandard button.owl-next { display: none; } .loja h1.widgetsTitle { font-size: 24px; line-height: 30px; } div.sixth .contactForm #name, div.sixth .contactForm #contact, div.sixth .contactForm #subject { width: 100%; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 576px) { .home h1 { font-size: 25px; line-height: 28px; margin-bottom: 20px; } .home h2 { font-size: 22px; line-height: 25px; margin-bottom: 10px; } .home h3 { font-size: 13px; line-height: 16px; margin-bottom: 15px; } .home h4 { font-size: 13px; line-height: 16px; margin-bottom: 10px; } p, label, span, li, input, textarea, select { font-size: 14px; line-height: 18px; } div.first div.entradaSite div.absolute-center { text-align: center; } div.first div.entradaSite div.absolute-center h1, div.first div.entradaSite div.absolute-center p { text-align: left; } div.first div.entradaSite img.logo { width: 170px; margin-bottom: 25px; } div.first div.contactForm { margin-top: 25px; } div.first img.downArrow { top: calc( 100vh - 25px ); } div.fifth div.slideShowBrands button.owl-prev,div.fifth div.slideShowBrands button.owl-next { display: none; } .paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-prev,.paginaProducto .associadosProdutos .slideshowAssociatedProducts .owl-nav .owl-next { display: none; } .loja h1.widgetsTitle { font-size: 20px; line-height: 25px; } .loja div.filtroTop2 .input-group { width: 100%; float: none; } .paginaProducto .giftCardArea .standardButton { margin: 10px auto; } }