@import url('reset.css'); @import url('animations.css'); @import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,600,600i'); html { height:100%; width:100%; } body { height:100%; width:100%; } /* COLORS AZUIS #01 rgb(75, 75, 239) #02 rgb(111, 111, 242) #03 rgb(165, 163, 250) #04 rgba(75, 75, 239, 0.06) PRETOS #01 rgb(47, 47, 47) #02 rgb(151, 151, 151) #03 rgb(230, 230, 230) #04 rgb(245, 245, 245) yellow rgb(255, 208, 0) */ h1,h2,h3,h4,h5,p,li,label,input,textarea,a,.label { font-family:'Montserrat', sans-serif; font-weight:400; color:rgb(47, 47, 47); letter-spacing:0; } a { color:inherit; font-family:inherit; font-weight:inherit; cursor:pointer; } p>a { font-weight:600; transition:opacity .3s ease-in-out; } p>a:hover { opacity:.6; } a, a h2, a h3, a h4, a h5 { transition:color .3s ease-in-out; } a img { transition:opacity .3s ease-in-out; } sub { font-size:60%; position:relative; bottom:-2px; } img { max-width:100%; } .mont1 { font-family:'Montserrat', sans-serif; font-weight:300; } .mont2 { font-family:'Montserrat', sans-serif; font-weight:400; } .mont3 { font-family:'Montserrat', sans-serif; font-weight:600; } *[class^="mont"] > b, *[class^="mont"] > strong { font-family:'Montserrat', sans-serif; font-weight:600; } i, em { font-style: italic; } .width1300 { width:100%; max-width:1300px; margin:0 auto; } .width1250 { width:96%; max-width:1250px; margin:0 auto; } .width1250 > .width1090 { width:94%; max-width:1090px; margin:0 auto; } .width1090 { width:90%; max-width:1090px; margin:0 auto; } .width950 { width:90%; max-width:950px; margin:0 auto; } .width720 { width:90%; max-width:720px; margin:0 auto; } .space100px { width:100%; height:100px; } .space50px { width:100%; height:50px; } .link_botao { font-size:11px; font-family:'Montserrat', sans-serif; font-weight:400; padding:12px 24px; display:inline-block; color:rgb(75, 75, 239); border:1px rgb(75, 75, 239) solid; transition:background-color .3s ease-in-out, color .3s ease-in-out; } .link_botao:hover { color:white; background-color:rgb(75, 75, 239); } .link_botao2 { background-image:url(../img/bar_blue.png); background-size:56px; background-repeat:no-repeat; background-position:left 3px; font-size:11px; font-family:'Montserrat', sans-serif; font-weight:400; display:inline-block; color:rgb(75, 75, 239); padding-left:100px; transition:color .3s ease-in-out; } .link_botao2:hover { color:rgb(47, 47, 47); } .allCAPS { letter-spacing:0.05em; } /*----------------------------*/ /*-----------HEADER-----------*/ /*----------------------------*/ header { width:100%; height:120px; position:absolute; z-index:5; } header > div { width:90%; height:120px; margin:0 auto; } header > div > div { display:inline-block; width:50%; vertical-align:middle; } header > div > .partLeft { height:40px; margin:40px 0; } header > div > .partLeft #logo { position:relative; z-index:9; } header > div > .partRight { text-align:right; } header > div > .partRight > #desktopMenu { display:inline-block; } header > div > .partRight > #desktopMenu li { display:inline-block; font-family:'Montserrat', sans-serif; font-weight:600; font-size:13px; } header > div > .partRight > #desktopMenu li a { } #desktopMenu > li { position:relative; } #desktopMenu > li > ul { display:none; position:absolute; left:0; text-align:left; padding-top:45px; background-image:url(../img/menulangbar.png); background-position:center 15px; background-repeat:no-repeat; text-align:center; position:absolute; display:none; } #desktopMenu > li:hover > ul { display:block; } #desktopMenu > li > ul > li { padding-top:5px; padding-bottom:5px; } #desktopMenu > li > ul > li a { padding:5px !important; } header > div > .partRight > #desktopLangMenu { display:inline-block; position:relative; vertical-align:top; } header > div > .partRight > #desktopLangMenu > p { opacity:.6; width:30px; text-align:center; font-size:13px; font-family:'Montserrat', sans-serif; font-weight:300; } header > div > .partRight > #desktopLangMenu > ul { padding-top:45px; background-image:url(../img/menulangbar.png); background-position:center 15px; background-repeat:no-repeat; width:30px; text-align:center; position:absolute; display:none; } header > div > .partRight > #desktopLangMenu > ul > li { width:30px; text-align:center; } header > div > .partRight > #desktopLangMenu > ul > li > a { display:inline-block; width:100%; padding:5px 0; font-size:13px; font-family:'Montserrat', sans-serif; font-weight:300; } #page_404 header > div > .partRight li, #page_home header > div > .partRight li, #page_empresa header > div > .partRight li, #page_produtos header > div > .partRight li, #page_decoracao header > div > .partRight li, #page_decoracao_gamas header > div > .partRight li, #page_404 header > div > .partRight > #desktopLangMenu > p, #page_home header > div > .partRight > #desktopLangMenu > p, #page_empresa header > div > .partRight > #desktopLangMenu > p, #page_produtos header > div > .partRight > #desktopLangMenu > p, #page_decoracao header > div > .partRight > #desktopLangMenu > p, #page_decoracao_gamas header > div > .partRight > #desktopLangMenu > p { color:white; } #page_solucoes, #page_produto, #page_contacts { } header > div > .partRight li.active { color:rgb(255, 208, 0) !important; } #desktopMenu li { transition:opacity .3s ease-in-out, color .3s ease-in-out; } #desktopMenu:hover li { opacity:.3; } #desktopMenu li:hover { opacity:1; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:1116px) { header > div > .partRight > #openMenu, header > div > .partRight > #mobileMenu { display:none; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1350px) { header > div > .partRight > #desktopLangMenu { margin-left:20px; } header > div > .partRight > #desktopMenu li a { padding:20px 10px; font-size:14px; } } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1349px) and (min-width:1116px) { header > div > .partRight > #desktopLangMenu { margin-left:15px; } header > div > .partRight > #desktopLangMenu p, header > div > .partRight > #desktopLangMenu li { font-size:13px !important; } header > div > .partRight > #desktopMenu li a { padding:20px 5px; font-size:13px; } } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:1115px) { header > div { width:80%; } header > div > .partRight > #desktopMenu { display:none; } header > div > .partRight > #desktopLangMenu { display:none; } header > div > .partRight > #mobileMenu { display:none; z-index:8; position:absolute; top:0; left:0; width:100%; height:100vh; background-color:rgb(75, 75, 239); padding:150px 10%; text-align:left; } header > div > .partRight > #mobileMenu .mainMenu { width:100%; display:inline-block; text-align:right; position:relative; } header > div > .partRight > #mobileMenu .mainMenu li { } header > div > .partRight > #mobileMenu .mainMenu li a { font-size:30px; padding:20px 0; display:inline-block; color:white; } header > div > .partRight > #mobileMenu .mainMenu .langMenu { position:absolute; left:0; bottom:18px; text-align:left; } header > div > .partRight > #mobileMenu .mainMenu .langMenu li { } header > div > .partRight > #mobileMenu .mainMenu .langMenu li a { font-size:20px; padding:5px 0; display:inline-block; color:white; } header > div > .partRight > #mobileMenu .langMenu li.active a { color:rgb(255, 208, 0) !important; } header > div > .partRight > #mobileMenu .mainMenu li.active a { color:rgb(255, 208, 0) !important; } header > div > .partRight > #openMenu { width:30px; height:34px; display:inline-block; z-index:9; } .mobileMenuParent { text-align:center; width:100%; height:100%; } .mobileMenuParent:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.29em; } .mobileMenuChild { display:inline-block; vertical-align:bottom; width:100%;} } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { } /* header.versaoHome #openMenu span { background-color:#e9a424; } header.versaoHome.openedMenu #openMenu span { background-color:#1e1e1e; } */ /*----------------------------*/ /*-----------BANNER-----------*/ /*----------------------------*/ .sectionBanner { } .sectionBanner > div { } .abaixoDoHeader { padding-top:120px; } .sectionBanner.abaixoDoHeader > div { } .sectionBanner .bannerFull { width:100%; background-color:#4B4BEF; background-size:cover; background-position:center; } .sectionBanner .bannerFull .centerChild { max-width:700px; width:90%; } .sectionBanner .bannerFull img { margin-bottom:40px; } .sectionBanner .bannerFull h2 { color:white; font-size:40px; line-height:1.2; font-family:'Montserrat', sans-serif; font-weight:600; } .sectionBanner .bannerLeft { vertical-align:top; width:50%; display:inline-block; } .sectionBanner .bannerLeft h2 { color:rgb(47, 47, 47); font-size:28px; line-height:1.2; text-align:left; width:80%; margin:0 auto; } .sectionBanner .bannerRight { vertical-align:top; width:50%; display:inline-block; background-color:#4B4BEF; } .sectionBanner .bannerRight h2 { color:white; font-size:40px; line-height:1.2; text-align:left; width:80%; margin:0 auto; } .sectionBanner .bannerLeft .centerChild, .sectionBanner .bannerRight .centerChild { width:90%; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { .sectionBanner > div { min-height:500px; max-height:700px; height:80vh; } .sectionBanner.abaixoDoHeader > div { min-height:380px; max-height:580px; height:calc(80vh - 120px); } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { .sectionBanner .bannerFull .centerChild { } .sectionBanner .bannerFull img { } .sectionBanner .bannerFull h2 { font-size:30px; } } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { .sectionBanner > .bannerFull { min-height:400px; max-height:700px; height:80vh; } .sectionBanner.abaixoDoHeader > .bannerFull { min-height:380px; max-height:580px; height:calc(80vh - 120px); } .sectionBanner > .bannerLeft, .sectionBanner > .bannerRight { min-height:400px; max-height:700px; height:80vh; } .sectionBanner.abaixoDoHeader > .bannerLeft, .sectionBanner.abaixoDoHeader > .bannerRight { min-height:380px; max-height:580px; height:calc(80vh - 120px); } .sectionBanner .bannerLeft { } .sectionBanner .bannerLeft h2 { font-size:25px; } .sectionBanner .bannerRight { } .sectionBanner .bannerRight h2 { font-size:28px; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { .sectionBanner > .bannerFull { min-height:500px; max-height:600px; height:70vh; } .sectionBanner.abaixoDoHeader > .bannerFull { min-height:380px; max-height:600px; height:calc(70vh - 120px); } .sectionBanner .bannerFull h2 { font-size:25px; padding:0 20px; } .sectionBanner .bannerLeft { width:100%; height:30vh; } .sectionBanner .bannerLeft h2 { font-size:25px; } .sectionBanner .bannerRight { width:100%; padding:100px 0; } .sectionBanner .bannerRight h2 { font-size:28px; } } /*----------------------------*/ /*------------HOME------------*/ /*----------------------------*/ #page_home { } #page_home .bannerFull { position:relative; } #page_home #bannerBottomBox { left:50%; margin-left:-100px; width:200px; text-align:center; position:absolute; bottom:45px; color:rgb(255, 208, 0); padding-top:25px; background-image:url('../img/bar_yellow.png'); background-size:56px; background-position:top center; background-repeat:no-repeat; } #page_home #bannerBottomBox h5 { color:rgb(255, 208, 0); font-size:11px; font-family:'Montserrat', sans-serif; font-weight:400; } #page_home .section1 { } #page_home .section1 .partLeft { background-size:cover; background-position:center; } #page_home .section1 .partRight { background-color:rgb(245, 245, 245); } #page_home .section1 .partRight h4 { font-family:'Montserrat', sans-serif; font-weight:300; line-height:1.4; } #page_home .section1B { width:90%; max-width:1200px; margin:75px auto 100px; } #page_home .section1B > a { text-align:center; display:inline-block; width:47.5%; transition:opacity .3s ease-in-out; } #page_home .section1B > a:hover { opacity:.6; } #page_home .section1B .partLeft { margin-right:5%; } #page_home .section1B > a > img { width:100%; margin-bottom:40px; } #page_home .section1B > a > h4 { font-size:28px; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { #page_home .section1B > a > h4 { font-size:28px; } } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { #page_home .section1B > a > img { margin-bottom:30px; } #page_home .section1B > a > h4 { font-size:20px; } } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_home .section1B > a > img { margin-bottom:25px; } #page_home .section1B > a > h4 { font-size:15px; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_home .section1B > a > img { margin-bottom:20px; } #page_home .section1B > a > h4 { font-size:12px; } } #page_home .section2 { padding:100px 8%; width:90%; max-width:1200px; margin:100px auto; background-color:rgb(75, 75, 239); } #page_home .section2 .partLeft { display:inline-block; vertical-align:top; } #page_home .section2 .partLeft h3 { margin-bottom:150px; color:rgb(255, 208, 0); font-size:28px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_home .section2 .partLeft h4 { max-width:400px; width:80%; color:white; font-size:28px; line-height:1.4; font-family:'Montserrat', sans-serif; font-weight:300; } #page_home .section2 .partRight { display:inline-block; vertical-align:top; } #page_home .section2 .partRight ul { margin-top:50px; padding-top:30px; padding-left:12%; background-image:url('../img/bar_yellow.png'); background-position:top left; background-size:56px; background-repeat:no-repeat; } #page_home .section2 .partRight li { line-height:2; color:white; font-family:'Montserrat', sans-serif; font-weight:400; font-size:11px; } #page_home .section2B { width:100%; background-color:rgb(75, 75, 239); padding:150px 50px; } #page_home .section2B h3 { line-height:1.5; max-width:1000px; margin:0 auto; color:white; font-size:22px; text-align:center; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { #page_home .section2B { padding:100px 50px; } #page_home .section2B h3 { font-size:22px; } } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { } #page_home .section3 { width:90%; max-width:970px; margin:100px auto; } #page_home .section3 .partLeft { width:50%; display:inline-block; vertical-align:middle; } #page_home .section3 .partLeft h4 { margin-bottom:15px; color:rgb(75, 75, 239); font-size:16px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_home .section3 .partLeft p { color:rgb(47, 47, 47); font-size:28px; line-height:1.4; font-family:'Montserrat', sans-serif; font-weight:600; } #page_home .section3 .partRight { position:relative; width:50%; display:inline-block; vertical-align:middle; } #page_home .section3 .partRight > div { width:76%; width:calc(88% - 60px); margin-left:12%; padding:40px 0 40px 60px; background-color:rgb(245, 245, 245); } #page_home .section3 .partRight > div h4 { font-size:28px; color:rgb(75, 75, 239); padding:80px 0; background-image:url('../img/bar_blue.png'); background-position:top left; background-size:56px; background-repeat:no-repeat; font-family:'Montserrat', sans-serif; font-weight:600; } #page_home .section3 .partRight > div a { line-height:2; color:rgb(75, 75, 239); font-family:'Montserrat', sans-serif; font-weight:400; font-size:11px; } #page_home .section3 #arrowDownload { background-image:url(../img/seta_yellow.png); background-size:14px; background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:0; height:80px; width:60px; background-color:rgb(75, 75, 239); transition:background-color .3s ease-in-out; } #page_home .section3 #arrowDownload:hover { background-color:rgb(165, 163, 250); } /*NOTICIAS*/ #page_home .swiper-container { padding-bottom:50px; } #page_home .swiper-pagination { bottom:10px; text-align:left; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { #page_home .section1 { display:table; width:100%; } #page_home .section1 .partLeft { display:table-cell; width:50%; } #page_home .section1 .partRight { display:table-cell; width:50%; padding:150px 8%; } #page_home .section1 .partRight h4 { margin-bottom:150px; max-width:460px; font-size:28px; } #page_home .section2 { } #page_home .section2 .partLeft { width:50%; } #page_home .section2 .partLeft h3 { } #page_home .section2 .partLeft h4 { } #page_home .section2 .partRight { width:50%; } #page_home .section2 .partRight ul { } #page_home .section2 .partRight li { } #page_home .section3 .partLeft p { max-width:400px; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { #page_home { } #page_home .bannerFull { } #page_home #bannerBottomBox { } #page_home #bannerBottomBox h5 { font-size:13px; } #page_home .section1 { width:100%; position:relative; } #page_home .section1 .partLeft { width:70%; height:400px; } #page_home .section1 .partRight { position:absolute; right:0; top:100px; width:70%; padding:80px 50px; } #page_home .section1 .partRight h4 { margin-bottom:40px; width:100%; font-size:20px; } #page_home .section2 { } #page_home .section2 .partLeft { } #page_home .section2 .partLeft h3 { } #page_home .section2 .partLeft h4 { } #page_home .section2 .partRight { } #page_home .section2 .partRight ul { } #page_home .section2 .partRight li { } #page_home .section3 { } #page_home .section3 .partLeft { } #page_home .section3 .partLeft h4 { } #page_home .section3 .partLeft p { } #page_home .section3 .partRight { } #page_home .section3 .partRight > div { } #page_home .section3 .partRight > div h4 { } #page_home .section3 .partRight > div a { } #page_home .section3 #arrowDownload { } #page_home .section3 #arrowDownload:hover { } } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_home .section1 { margin-bottom:100px; } #page_home .section2 { } #page_home .section2 .partLeft { } #page_home .section2 .partLeft h3 { font-size:25px; margin-bottom:100px; } #page_home .section2 .partLeft h4 { font-size:20px; } #page_home .section2 .partRight { } #page_home .section2 .partRight ul { } #page_home .section2 .partRight li { } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_home .section1 { margin-bottom:100px; } #page_home .section2 { padding:75px 8%; } #page_home .section2 .partLeft { width:100%; } #page_home .section2 .partLeft h3 { font-size:25px; margin-bottom:10px; } #page_home .section2 .partLeft h4 { font-size:20px; } #page_home .section2 .partRight { width:100%; } #page_home .section2 .partRight ul { padding-left:0; } #page_home .section2 .partRight li { } #page_home .section3 { text-align:center; } #page_home .section3 .partLeft { width:90%; text-align:center; margin-bottom:90px; } #page_home .section3 .partLeft h4 { } #page_home .section3 .partLeft p { } #page_home .section3 .partRight { width:90%; text-align:left; } #page_home .section3 .partRight > div { padding:40px 0; text-align:center; } #page_home .section3 .partRight > div h4 { background-position:center top; padding:40px 0; } #page_home .section3 .partRight > div a { } #page_home .section3 #arrowDownload { } #page_home .section3 #arrowDownload:hover { } #page_home .section3 .swiper-pagination { text-align:center; } } /*-----------------------------*/ /*-----------EMPRESA-----------*/ /*-----------------------------*/ #page_empresa { } #page_empresa .sectionBanner > .bannerLeft { background-position:center; background-size:cover; background-repeat:no-repeat; } #page_empresa .sectionBanner .bannerRight h2 { font-family:'Montserrat', sans-serif; font-weight:600; } #page_empresa .section1 { padding:100px 0; width:90%; max-width:1000px; margin:0 auto; } #page_empresa .section1 > div { display:inline-block; width:50%; vertical-align:top; padding-top:40px; } #page_empresa .section1 .partLeft { padding-right:10%; background-image:url(../img/linha_azul.png); background-repeat:no-repeat; background-position:top left; background-size:56px; } #page_empresa .section1 .partLeft h3 { line-height:1.3; font-size:38px; font-family:'Montserrat', sans-serif; font-weight:400; } #page_empresa .section1 .partRight { } #page_empresa .section1 .partRight p { line-height:1.6; font-size:14px; font-family:'Montserrat', sans-serif; font-weight:400; } #page_empresa .section1 .partRight .link_botao { margin-top:80px; } #page_empresa .section1 { } #page_empresa .section2 { background-color:rgb(75, 75, 239); padding:100px 0 100px; } #page_empresa .section2 .partTexto { } #page_empresa .section2 .partTexto h2 { text-align:center; margin-bottom:40px; color:white; font-size:38px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_empresa .section2 .partTexto p { text-align:center; margin:0 auto; max-width:490px; width:90%; line-height:1.5; color:white; font-size:16px; font-family:'Montserrat', sans-serif; font-weight:300; } #page_empresa .section2 .partLine { width:100%; margin-top:75px; text-align:center; } /*#page_empresa .section2 .partLine img { width:100%; max-width:1200px; display:inline-block; }*/ #page_empresa .section2 .partLine { } #page_empresa .section2 { width:100%; } #page_empresa .section2 .timeLimeWrap { width:100%; margin-bottom:100px } #page_empresa .section2 .timeLimeWrap > div { width:100%; height:200px; } #page_empresa .section2 .timeLimeWrap > .partTop { border-bottom:2px solid rgba(255,255,255,.2); } #page_empresa .section2 .timeLimeWrap > .partBottom { } #page_empresa .section2 .timeLimeWrap > div > div { width:75%; max-width:1100px; height:200px; margin:0 auto; position:relative; } #page_empresa .section2 .timeLimeWrap .anoEach { background-image:url(../img/barra_amarela.png); background-repeat:no-repeat; background-size:2px; padding-left:15px; border-left:2px solid rgba(255,255,255,.2); width:200px; position:absolute; text-align:left; } #page_empresa .section2 .timeLimeWrap > .partTop .anoEach { bottom:-30px; background-position:-2px bottom; } #page_empresa .section2 .timeLimeWrap > .partBottom .anoEach { top:-32px; background-position:-2px top; } #page_empresa .section2 .timeLimeWrap .anoEach img { width:50px; position:absolute; left:-70px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='1994'] { height:120px; left:0; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='1994'] p { width:120px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='1997'] { height:114px; left:13.004%; padding-top:100px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='1997'] p { width:120px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='1998'] { height:200px; left:17.392%; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='1998'] p { width:200px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='2005'] { height:133px; left:47.828%; padding-top:120px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='2005'] p { width:150px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='2010'] { height:160px; left:69.568%; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='2010'] p { width:160px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='2014'] { height:114px; left:86.96%; padding-top:100px; } #page_empresa .section2 .timeLimeWrap .anoEach[rel='2014'] p { width:150px; } #page_empresa .section2 .timeLimeWrap .anoEach h4 { margin-bottom:10px; letter-spacing:0.05em; color:rgb(255, 208, 0); font-size:15px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_empresa .section2 .timeLimeWrap .anoEach p { letter-spacing:0.05em; line-height:1.4; color:white; font-size:10px; font-family:'Montserrat', sans-serif; font-weight:300; } #page_empresa .section2 .timeLimeWrap .anoSeparador { position:absolute; bottom:0; width:2px; height:12px; background-color:rgba(255,255,255,.2); } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='1994'] { left:0; display:none; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='1995'] { left:4.347%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='1996'] { left:8.694%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='1997'] { left:13.004%; display:none; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='1998'] { left:17.392%; display:none; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='1999'] { left:21.735%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2000'] { left:26.082%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2001'] { left:30.429%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2002'] { left:34.776%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2003'] { left:39.123%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2004'] { left:43.47%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2005'] { left:47.828%; display:none; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2006'] { left:52.164%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2007'] { left:56.511%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2008'] { left:60.858%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2009'] { left:65.205%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2010'] { left:69.568%; display:none; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2011'] { left:73.899%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2012'] { left:78.246%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2013'] { left:82.593%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2014'] { left:86.96%; display:none; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2015'] { left:91.287%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2016'] { left:95.634%; } #page_empresa .section2 .timeLimeWrap .anoSeparador[rel='2017'] { left:99.981%; } #page_empresa .section3 { margin-bottom:100px; } #page_empresa .section3 .part1 { width:90%; max-width:1000px; margin:0 auto; } #page_empresa .section3 .part1 > div { display:inline-block; vertical-align:middle; } #page_empresa .section3 .part1 .partLeft { width:60%; margin-top:-10%; } #page_empresa .section3 .part1 .partLeft > div { height:0; padding-bottom:120%; max-width:580px; background-size:cover; background-position:center; } #page_empresa .section3 .part1 .partRight { width:40%; padding-left:5%; } #page_empresa .section3 .part1 .partRight h4 { max-width:420px; width:90%; font-size:38px; font-family:'Montserrat', sans-serif; font-weight:600; line-height:1.3; margin-bottom:30px; } #page_empresa .section3 .part1 .partRight p { max-width:420px; width:90%; font-size:14px; font-family:'Montserrat', sans-serif; font-weight:300; line-height:1.6; } #page_empresa .section3 .part2 { width:90%; } #page_empresa .section3 .part2 { width:90%; max-width:1000px; margin:0 auto; } #page_empresa .section3 .part2 > div { display:inline-block; vertical-align:middle; } #page_empresa .section3 .part2 .partLeft { width:60%; padding-left:5%; } #page_empresa .section3 .part2 .partLeft h4 { max-width:420px; width:90%; font-size:38px; font-family:'Montserrat', sans-serif; font-weight:600; line-height:1.3; margin-bottom:30px; } #page_empresa .section3 .part2 .partLeft p { max-width:420px; width:90%; font-size:14px; font-family:'Montserrat', sans-serif; font-weight:300; line-height:1.6; } #page_empresa .section3 .part2 .partRight { width:40%; margin-top:10%; } #page_empresa .section3 .part2 .partRight > div { height:0; padding-bottom:120%; max-width:580px; background-size:cover; background-position:center; } #page_empresa .section4 { background-color:rgb(75, 75, 239); padding:100px 0; } #page_empresa .section4 h5 { line-height:1.3; font-size:36px; font-family:'Montserrat', sans-serif; font-weight:600; width:90%; max-width:620px; margin:0 auto; color:white; text-align:center; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { /*#page_empresa .section2 .partLine { background-image:url(../img/timeline_bg.png); background-size:auto 100%; }*/ #page_empresa .section2 .partLineMobile { display:none; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { #page_empresa .section2 { padding:100px 0 100px; } #page_empresa .section2 .partLine { display:none; } #page_empresa .section2 .partLineMobile { margin-top:80px; } #page_empresa .partLineMobile .swiper-slide { } #page_empresa .partLineMobile .swiper-slide img { display:inline-block; width:30%; margin:0 10%; vertical-align:top; margin-bottom:50px; } #page_empresa .partLineMobile .swiper-slide > div { display:inline-block; width:40%; margin-right:10%; vertical-align:top; } #page_empresa .partLineMobile .swiper-slide > div h4 { color:rgb(255, 208, 0); font-size:24px; margin-bottom:20px; font-weight:600; } #page_empresa .partLineMobile .swiper-slide > div p { color:white; font-size:16px; line-height:1.5; margin-bottom:50px; } #page_empresa .swiper-pagination .swiper-pagination-bullet-active { background-color:white } #page_empresa .section3 { margin-top:100px; } } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_empresa .sectionBanner .bannerRight { padding:30px 0; } #page_empresa .sectionBanner .bannerRight h2 { text-align:center; } #page_empresa .section1 { padding:100px 0; width:90%; } #page_empresa .section1 > div { width:100%; } #page_empresa .section1 .partLeft { padding-right:10%; } #page_empresa .section1 .partLeft h3 { font-size:30px; } #page_empresa .section1 .partRight { } #page_empresa .section1 .partRight p { font-size:14px; } #page_empresa .section1 .partRight .link_botao { margin-top:60px; } #page_empresa .section2 { padding:60px 0 40px; } #page_empresa .section2 .partTexto { } #page_empresa .section2 .partTexto h2 { text-align:center; margin-bottom:35px; color:white; font-size:38px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_empresa .section2 .partTexto p { text-align:center; margin:0 auto; max-width:490px; width:90%; line-height:1.5; color:white; font-size:16px; font-family:'Montserrat', sans-serif; font-weight:300; } #page_empresa .section2 .partLine { } #page_empresa .section2 .partLine img { } #page_empresa .section3 { margin-top:50px; } #page_empresa .section3 .part1 { } #page_empresa .section3 .part1 > div { } #page_empresa .section3 .part1 .partLeft { width:40%; margin-top:20px; } #page_empresa .section3 .part1 .partLeft > div { } #page_empresa .section3 .part1 .partRight { width:60%; padding-left:10%; } #page_empresa .section3 .part1 .partRight h4 { font-size:28px; margin-bottom:30px; } #page_empresa .section3 .part1 .partRight p { font-size:14px; } #page_empresa .section3 .part2 { margin-top:50px; } #page_empresa .section3 .part2 > div { } #page_empresa .section3 .part2 .partLeft { width:60%; padding-right:10%; padding-right:0; } #page_empresa .section3 .part2 .partLeft h4 { font-size:28px; margin-bottom:30px; } #page_empresa .section3 .part2 .partLeft p { font-size:14px; } #page_empresa .section3 .part2 .partRight { width:40%; margin-top:10%; } #page_empresa .section3 .part2 .partRight > div { } #page_empresa .section4 { background-color:rgb(75, 75, 239); padding:100px 0; } #page_empresa .section4 h5 { line-height:1.3; font-size:36px; font-family:'Montserrat', sans-serif; font-weight:600; width:90%; max-width:620px; margin:0 auto; color:white; text-align:center; } } /*----------------------------*/ /*----------SOLUÇOES----------*/ /*----------------------------*/ #page_solucoes { } #page_solucoes .section1 { display:table; width:100%; } #page_solucoes .section1 .partLeft {transition:height .5s ease-in-out; vertical-align:top; display:table-cell; width:30%; min-width:400px; background-color:rgb(75, 75, 239); } #page_solucoes .section1 .partLeft ul { } #page_solucoes .section1 .partLeft ul li { cursor:pointer; padding:25px 10%; border-bottom:1px solid white; color:white; font-size:14px; transition:background-color .3s ease-in-out } #page_solucoes .section1 .partLeft ul li:hover, #page_solucoes .section1 .solucaoLi.active { background-color:rgb(111, 111, 242); } #page_solucoes .section1 .partLeft ul li:last-child { border-bottom:none; } #page_solucoes .section1 .partRight {transition:height .5s ease-in-out; vertical-align:top; background-color:rgb(250,250,250); display:table-cell; /*width:calc( 100% - 400px );*/ } #page_solucoes .section1 .partRight h1 { margin-bottom:20px; font-size:28px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_solucoes .section1 .partRight h2 { margin-bottom:30px; line-height:1.4; font-size:28px; font-family:'Montserrat', sans-serif; font-weight:300; } #page_solucoes .section1 .partRight img { width:21px; } /*DENTRO*/ #solucoesContentWrap { transition:height .5s ease-in-out; } #page_solucoes .section1 .solucaoEachProd { padding:40px 60px; background-color:rgb(245,245,254); border-bottom:1px solid white; } #page_solucoes .section1 .solucaoEachProd:last-child { border:none; } #page_solucoes .section1 .solucaoEachProd h3 { font-size:14px; font-family:'Montserrat', sans-serif; font-weight:300; margin-bottom:15px; } #page_solucoes .section1 .solucaoEachProd h4 { display:inline-block; font-size:36px; font-family:'Montserrat', sans-serif; font-weight:600; color:rgb(75, 75, 239); } #page_solucoes .section1 .solucaoEachProd .solucaoContent { display:none; margin-top:50px; } #page_solucoes .section1 .solucaoEachProd .solucaoContent > p { font-size:14px; font-family:'Montserrat', sans-serif; font-weight:300; line-height:1.8; } #page_solucoes .section1 .tabelaProdutos { width:100%; max-width:350px; margin-top:55px; } #page_solucoes .section1 .tabelaProdutos > p { vertical-align:top; display:inline-block; width:80px; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:300; margin-bottom:10px; } #page_solucoes .section1 .tabelaProdutos table { vertical-align:top; display:inline-block; width:100%; max-width:250px; } #page_solucoes .section1 .tabelaProdutos table tr { height:30px; } #page_solucoes .section1 .tabelaProdutos table td { vertical-align:top; } #page_solucoes .section1 .tabelaProdutos a { vertical-align:top; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:300; transition:color .3s ease-in-out; } #page_solucoes .section1 .tabelaProdutos a span { vertical-align:top; font-weight:600; color:rgb(75, 75, 239); transition:color .3s ease-in-out; } #page_solucoes .section1 .tabelaProdutos tr:hover a { color:rgb(151, 151, 151); } #page_solucoes .section1 .tabelaProdutos tr:hover a span { color:rgb(165, 163, 250); } #page_solucoes .section1 .tabelaProdutos tr:hover img { opacity:.5; } #page_solucoes .iconBox { } #page_solucoes .iconBox a { display:inline-block; width:14px; } #page_solucoes .iconBox a img { margin-left:40px; width:12px !important; vertical-align:top; } .solucaoEachProd h4, .solucaoEachProd .arrowOpen { cursor:pointer; transition:opacity .3s ease-in-out; } .solucaoEachProd h4:hover, .solucaoEachProd .arrowOpen:hover { opacity:.4; } #page_solucoes .section1mobile { display:none; } /*section2*/ #page_solucoes .section2 { width:100%; } #page_solucoes .section2 > div { text-align:center; padding:170px 20px; background-image:url('../img/background_solucoes.png'); background-position:center; width:90%; max-width:845px; margin:0 auto; } #page_solucoes .section2 > div h5 { font-family:'Montserrat', sans-serif; font-weight:300; font-size:38px; line-height:1.3; margin-bottom:50px; } #page_solucoes .section2 > div a { } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_solucoes .section1 { } #page_solucoes .section1 .partLeft { } #page_solucoes .section1 .partLeft ul { } #page_solucoes .section1 .partLeft ul li { padding:20px 20px; font-size:12px; } #page_solucoes .section1 .partLeft ul li:hover, #page_solucoes .section1 .solucaoLi.active { } #page_solucoes .section1 .partLeft ul li:last-child { } #page_solucoes .section1 .partRight { } #page_solucoes .section1 .partRight h1 { } #page_solucoes .section1 .partRight h2 { } #page_solucoes .section1 .partRight img { } #page_solucoes .solucaoEachProd { padding:30px; } #page_solucoes .solucaoEachProd:last-child { } #page_solucoes .solucaoEachProd h3 { font-size:14px; } #page_solucoes .solucaoEachProd h4 { font-size:28px; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_solucoes .section1 { display:none } #page_solucoes .section1mobile { width:100%; display:block; background-color:rgb(245, 245, 254); } #page_solucoes .section1mobile > div { } #page_solucoes .section1mobile > div > div { background-color:rgb(75, 75, 239); padding-top:20px; } #page_solucoes .section1mobile > div > div > h2 { width:80%; margin:0 auto 20px; font-family:'Montserrat', sans-serif; font-weight:600; font-size:20px; color:white; } #page_solucoes .section1mobile > div > div > div { } #page_solucoes .section1mobile > div .solucaoProdWrap { background-color:rgb(245, 245, 254); } #page_solucoes .section1mobile > div > div > div .solucaoEachProd { padding:15px 0; transition: background-color .3s ease-in-out; } #page_solucoes .section1mobile > div > div > div .solucaoEachProd:first-child { padding-top:20px; } #page_solucoes .section1mobile > div > div > div .solucaoEachProd:last-child { padding-bottom:60px; } #page_solucoes .section1mobile > div .solucaoEachProd[data-state="1"] { background-color:white } #page_solucoes .section1mobile > div > div > div h3 { font-family:'Montserrat', sans-serif; font-weight:300; font-size:12px; color:rgb(47, 47, 47); width:80%; margin:0 auto 5px; } #page_solucoes .section1mobile > div > div > div h4 { font-family:'Montserrat', sans-serif; font-weight:400; font-size:16px; color:rgb(47, 47, 47); width:80%; margin:0 auto; } #page_solucoes .section1mobile > div > div > div p { font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(47, 47, 47); line-height:1.5;} #page_solucoes .section1mobile > div > div > div .moreInfoBox { display:none; width:80%; margin:40px auto 20px; } #page_solucoes .section1mobile .tabelaProdutos { width:100%; max-width:350px; margin-top:55px; } #page_solucoes .section1mobile .tabelaProdutos > p { color:rgb(47, 47, 47); vertical-align:top; display:inline-block; width:80px; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:300; margin-bottom:10px; } #page_solucoes .section1mobile .tabelaProdutos table { vertical-align:top; display:block; width:100%; max-width:400px; margin-top:10px; } #page_solucoes .section1mobile .tabelaProdutos table tr { height:30px; } #page_solucoes .section1mobile .tabelaProdutos table td { vertical-align:top; } #page_solucoes .section1mobile .tabelaProdutos a { vertical-align:top; font-size:12px; color:rgb(47, 47, 47); font-family:'Montserrat', sans-serif; font-weight:300; transition:color .3s ease-in-out; } #page_solucoes .section1mobile .tabelaProdutos a span { vertical-align:top; font-weight:600; transition:color .3s ease-in-out; } #page_solucoes .section1mobile .tabelaProdutos tr:hover a { color:rgb(75, 75, 239); } #page_solucoes .section1mobile .tabelaProdutos tr:hover a span { color:rgb(75, 75, 239); } #page_solucoes .section1mobile .tabelaProdutos tr:hover img { opacity:.5; } } /*----------------------------*/ /*----------PRODUTOS----------*/ /*----------------------------*/ #page_produtos { } #page_produtos .section1 { width:90%; max-width:1200px; margin:60px auto; } #page_produtos .section1 > a { display:inline-block; width:22%; margin-right:4%; vertical-align:top; margin-bottom:60px; } #page_produtos .section1 > a:nth-child(4n) { margin-right:0; } #page_produtos .section1 > a .imgCover { background-position:center; background-size:cover; background-color:white; background-blend-mode:multiply; width:100%; margin-bottom:30px; height:0; padding-bottom:100%; transition:background-color .3s ease-in-out; } #page_produtos .section1 > a:hover .imgCover { background-color:#4B4BEF; } #page_produtos .section1 > a h4 { line-height:1.4; font-family:'Montserrat', sans-serif; font-weight:300; font-size:13px; margin-bottom:3px; } #page_produtos .section1 > a h3 { line-height:1.4; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; color:rgb(75, 75, 239); } #page_produtos .section1 > a:hover h4 { color:rgb(151, 151, 151); } #page_produtos .section1 > a:hover h3 { color:rgb(165, 163, 250); } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { .mediaMobile { display:none !important; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { .mediaDesktop { display:none !important; } } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_produtos .sectionBanner > .bannerFull { min-height:200px; max-height:600px; height:70vh; } #page_produtos .sectionBanner .bannerFull h2 { font-size:30px; padding:50px 20px 0; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_produtos .sectionBanner > .bannerFull { min-height:100px; max-height:500px; height:50vh; } #page_produtos .sectionBanner .bannerFull h2 { font-size:25px; padding:50px 20px 0; } #page_produtos .section1 { } #page_produtos .section1 > a { width:45%; margin-right:10%; } #page_produtos .section1 > a:nth-child(2n) { margin-right:0; } #page_produtos .section1 > a .imgCover { background-position:center; background-size:cover; background-color:white; background-blend-mode:multiply; width:100%; margin-bottom:30px; height:0; padding-bottom:100%; transition:background-color .3s ease-in-out; } #page_produtos .section1 > a:hover .imgCover { background-color:#4B4BEF; } #page_produtos .section1 > a h4 { line-height:1; font-family:'Montserrat', sans-serif; font-weight:300; font-size:13px; margin-bottom:5px; } #page_produtos .section1 > a h3 { line-height:1; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; color:rgb(75, 75, 239); } #page_produtos .section1 > a:hover h4 { color:rgb(151, 151, 151); } #page_produtos .section1 > a:hover h3 { color:rgb(165, 163, 250); } } /*-----------------------------*/ /*-----------PRODUTO-----------*/ /*-----------------------------*/ #page_produto { } #page_produto .section1 { width:90%; max-width:1200px; margin:60px auto 100px; } #page_produto .section1 > div { display:inline-block; width:50%; vertical-align:top; } #page_produto .section1 > div img { width:90%; } #page_produto .section1 > div h5 { margin-top:40px; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(151, 151, 151); margin-bottom:20px; } #page_produto .section1 > div h1 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:36px; color:rgb(75, 75, 239); margin-bottom:50px; } #page_produto .section1 > div p { line-height:1.7; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(47, 47, 47); } #page_produto .section1 > div p b { font-weight:600; } #page_produto .section1 .tabelaProdutos { width:100%; max-width:350px; margin-top:55px; } #page_produto .section1 .tabelaProdutos p { vertical-align:top; display:inline-block; width:80px; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:300; margin-bottom:10px; } #page_produto .section1 .tabelaProdutos table { vertical-align:top; display:inline-block; width:100%; max-width:250px; } #page_produto .section1 .tabelaProdutos table tr { height:30px; } #page_produto .section1 .tabelaProdutos a { vertical-align:middle; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:300; transition:color .3s ease-in-out; } #page_produto .section1 .tabelaProdutos a span { font-weight:600; color:rgb(75, 75, 239); transition:color .3s ease-in-out; } #page_produto .section1 .tabelaProdutos tr:hover a { color:rgb(151, 151, 151); } #page_produto .section1 .tabelaProdutos tr:hover a span { color:rgb(165, 163, 250); } #page_produto .section1 .tabelaProdutos tr:hover img { opacity:.5; } #page_produto .iconBox { } #page_produto .iconBox a { display:inline-block; width:14px; } #page_produto .iconBox a img { margin-left:40px; } #page_produto .botaoVoltar { margin-top:60px; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { #page_produto .section1 > .partLeft { background-image:none !important; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_produto .section1 > .partLeft { background-image:none !important; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_produto .section1 { width:100%; text-align:center; margin-top:0; } #page_produto .section1 > .partLeft { width:100%; height:200px; background-size:cover; background-position:center; } #page_produto .section1 > .partRight { width:90%; margin:0 auto; text-align:left; } #page_produto .section1 > div img { display:none; } #page_produto .section1 > div h5 { margin-top:40px; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(151, 151, 151); margin-bottom:20px; } #page_produto .section1 > div h1 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:36px; color:rgb(75, 75, 239); margin-bottom:50px; } #page_produto .section1 > div p { line-height:1.7; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(47, 47, 47); } #page_produto .section1 > div p b { font-weight:600; } } /*-----------------------------*/ /*----------CONTACTOS----------*/ /*-----------------------------*/ #page_contactos .sectionBanner > div > div { text-align:left; } #page_contactos .sectionBanner > div > div h2 { font-family:'Montserrat', sans-serif; font-weight:600; line-height:1.4; } #page_contactos .sectionBanner > div > div .link_botao { margin:10% 0 0 10%; } #page_contactos .section1 { width:100%; padding:100px 0; background-color:rgb(75, 75, 239); } #page_contactos .section1 > div { width:90%; max-width:900px; margin:0 auto; } #page_contactos .section1 > div > div { width:100%; padding:50px 0; border-bottom:1px solid rgba(255, 255, 255, .2); } #page_contactos .section1 > div > div:first-child { padding-top:0; } #page_contactos .section1 > div > div:last-child { padding-bottom:0; border:none; } #page_contactos .section1 > div > div > div { /*width:25%;*/ display:inline-block; vertical-align:top; } #page_contactos .section1 .part1 { width:25%; } #page_contactos .section1 .part2 { width:23%; } #page_contactos .section1 .part3 { width:31%; } #page_contactos .section1 .part4 { width:21%; } #page_contactos .section1 h3 { color:rgb(255, 208, 0); font-size:16px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_contactos .section1 h4 { color:white; font-size:14px; margin-bottom:10px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_contactos .section1 p { color:white; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:300; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_contactos .section1 { padding:60px 0; } #page_contactos .sectionBanner > div > div h2 { font-size:20px !important; } #page_contactos .sectionBanner > div > div .link_botao { margin:10px 0 20px 10%; } #page_contactos .bannerLeft > div { width:100%; } #page_contactos .section1 .part1 { width:50%; margin-bottom:20px; } #page_contactos .section1 .part2 { width:50%; margin-bottom:20px; } #page_contactos .section1 .part3 { width:50%; margin-left:50%; margin-bottom:20px; } #page_contactos .section1 .part4 { width:50%; margin-left:50%; } #page_contactos .section1 h3 { font-size:20px; } #page_contactos .section1 h4 { font-size:16px; margin-bottom:8px; } #page_contactos .section1 p { font-size:14px !important; } } /*-----------------------------*/ /*----------PROJECTOS----------*/ /*-----------------------------*/ #page_projectos { } #page_projectos .sectionBanner > .bannerLeft { background-position:center; background-size:cover; background-repeat:no-repeat; } #page_projectos .sectionBanner .bannerRight h2 { font-family:'Montserrat', sans-serif; font-weight:600; } #page_projectos #filtros { width:90%; max-width:1000px; margin:100px auto 30px; } #page_projectos #filtros ul { margin-left:2.5%;} #page_projectos #filtros ul li { padding-bottom:5px; display:inline-block; margin-right:20px; font-size:14px; cursor:pointer; transition:opacity .3s easy-in-out; } #page_projectos #filtros ul li:hover { opacity:.5; } #page_projectos #filtros ul li.active { border-bottom:2px solid rgb(75, 75, 239); } #page_projectos .section1 { width:90%; max-width:1000px; margin:0 auto 80px; } #page_projectos .section1 > div { width:45%; display:inline-block; margin:0 2.5% 50px; vertical-align:top; } @media all and (max-width:600px) { #page_projectos .section1 > div { width:90%; margin:0 5% 50px; } } #page_projectos .section1 > div .gallery a { display:none !important; margin-bottom:20px; display:inline-block; transition:opacity .3s ease-in-out; } #page_projectos .section1 > div .gallery a:nth-child(1) { display:inline-block !important; } #page_projectos .section1 > div .gallery a:hover { opacity:.5; } #page_projectos .section1 > div h2 { font-size:13px; margin-bottom:10px; } #page_projectos .section1 > div h3 { font-size:16px; margin-bottom:30px; font-family:'Montserrat', sans-serif; font-weight:600; } #page_projectos .section1 > div p { font-size:13px; line-height:1.4; margin-bottom:6px; } #page_projectos .section1 > div p b { } .mfp-title { color:black !important; padding-top:10px; width:100%; padding-right:0 !important; text-align:center !important; font-family:'Montserrat', sans-serif; font-weight:400; } .mfp-counter { color:black !important; padding-top:10px; width:100%; font-family:'Montserrat', sans-serif; font-weight:400; } .mfp-figure button { color:black !important; } .mfp-arrow.mfp-arrow-right.mfp-prevent-close { background-image:url(../img/arrowRightBlue.png); background-repeat:no-repeat; background-position:center; } .mfp-arrow.mfp-arrow-left.mfp-prevent-close { background-image:url(../img/arrowLeftBlue.png); background-repeat:no-repeat; background-position:center; } /*------------------------------*/ /*-----------NOTICIAS-----------*/ /*------------------------------*/ #page_noticias { } #page_noticias .sectionBanner > .bannerLeft { background-position:center; background-size:cover; background-repeat:no-repeat; } #page_noticias .sectionBanner .bannerRight h2 { font-family:'Montserrat', sans-serif; font-weight:600; } #page_noticias .section1 { width:90%; max-width:1000px; margin:100px auto 30px; } #page_noticias .section1 > a { vertical-align:top; display:inline-block; } #page_noticias .section1 > a img { margin-bottom:30px; display:inline-block; transition:opacity .3s ease-in-out; } #page_noticias .section1 > a:hover img { opacity:.5; } #page_noticias .section1 > a h3 { font-size:13px; margin-bottom:10px; } #page_noticias .section1 > a h2 { line-height:1.3; font-size:16px; font-family:'Montserrat', sans-serif; font-weight:600; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { #page_noticias .section1 > a { width:30%; margin-bottom:70px; margin-right:5%; } #page_noticias .section1 > a:nth-child(3n) { margin-right:0; } } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { #page_noticias .section1 > a { width:45%; margin-bottom:70px; margin-right:10%; } #page_noticias .section1 > a:nth-child(2n) { margin-right:0; } } /*-----------------------------*/ /*-----------NOTICIA-----------*/ /*-----------------------------*/ #page_noticia { } #page_noticia .section1 { width:90%; max-width:1200px; margin:60px auto 100px; } #page_noticia .section1 > div { display:inline-block; width:50%; vertical-align:top; } #page_noticia .section1 > div img { width:90%; } #page_noticia .section1 > div h5 { margin-top:40px; font-family:'Montserrat', sans-serif; font-weight:600; font-size:14px; color:rgb(75, 75, 239); margin-bottom:20px; } #page_noticia .section1 > div h1 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:28px; color:rgb(47, 47, 47); margin-bottom:30px; } #page_noticia .section1 > div p { line-height:1.7; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(47, 47, 47); } #page_noticia .section1 > div p b { font-weight:600; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { #page_noticia .section1 > .partLeft { background-image:none !important; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_noticia .section1 > .partLeft { background-image:none !important; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_noticia .section1 { width:100%; text-align:center; margin-top:0; } #page_noticia .section1 > .partLeft { width:100%; height:200px; background-size:cover; background-position:center; } #page_noticia .section1 > .partRight { width:90%; margin:0 auto; text-align:left; } #page_noticia .section1 > div img { display:none; } #page_noticia .section1 > div h5 { font-size:14px; margin-bottom:20px; } #page_noticia .section1 > div h1 { font-size:36px; margin-bottom:50px; } #page_noticia .section1 > div p { line-height:1.7; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(47, 47, 47); } #page_noticia .section1 > div p b { font-weight:600; } } /*----------------------------------*/ /*----------DECORAÇÃO CATS----------*/ /*----------------------------------*/ #page_decoracao { } #page_decoracao .section1 { width:90%; max-width:1200px; margin:60px auto; } #page_decoracao .section1 > a { display:inline-block; width:48%; margin-right:4%; vertical-align:top; margin-bottom:60px; } #page_decoracao .section1 > a:nth-child(2n) { margin-right:0; } #page_decoracao .section1 > a .imgCover { background-position:center; background-size:cover; background-color:white; width:100%; margin-bottom:30px; height:0; padding-bottom:100%; transition:opacity .3s ease-in-out; } #page_decoracao .section1 > a:hover .imgCover { opacity:.6; } #page_decoracao .section1 > a h4 { line-height:1.4; font-family:'Montserrat', sans-serif; font-weight:300; font-size:13px; margin-bottom:3px; } #page_decoracao .section1 > a h3 { line-height:1.4; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; color:rgb(75, 75, 239); } #page_decoracao .section1 > a:hover h4 { color:rgb(151, 151, 151); } #page_decoracao .section1 > a:hover h3 { color:rgb(165, 163, 250); } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { .mediaMobile { display:none !important; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { .mediaDesktop { display:none !important; } } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_decoracao .sectionBanner > .bannerFull { min-height:200px; max-height:600px; height:70vh; } #page_decoracao .sectionBanner .bannerFull h2 { font-size:30px; padding:50px 20px 0; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_decoracao .sectionBanner > .bannerFull { min-height:100px; max-height:500px; height:50vh; } #page_decoracao .sectionBanner .bannerFull h2 { font-size:25px; padding:50px 20px 0; } #page_decoracao .section1 { } #page_decoracao .section1 > a { width:45%; margin-right:10%; } #page_decoracao .section1 > a:nth-child(2n) { margin-right:0; } #page_decoracao .section1 > a .imgCover { background-position:center; background-size:cover; background-color:white; background-blend-mode:multiply; width:100%; margin-bottom:30px; height:0; padding-bottom:100%; transition:background-color .3s ease-in-out; } #page_decoracao .section1 > a:hover .imgCover { background-color:#4B4BEF; } #page_decoracao .section1 > a h4 { line-height:1; font-family:'Montserrat', sans-serif; font-weight:300; font-size:13px; margin-bottom:5px; } #page_decoracao .section1 > a h3 { line-height:1; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; color:rgb(75, 75, 239); } #page_decoracao .section1 > a:hover h4 { color:rgb(151, 151, 151); } #page_decoracao .section1 > a:hover h3 { color:rgb(165, 163, 250); } } /*----------------------------------*/ /*----------DECORAÇÃO GAMAS----------*/ /*----------------------------------*/ #page_decoracao_gamas { } #page_decoracao_gamas .gamaSection:nth-child(2) { margin-top:100px; } #page_decoracao_gamas .gamaSection { width:90%; max-width:1200px; padding:0 0 60px; margin:0 auto; } #page_decoracao_gamas .gamaSection .gamaHeader { text-align:center; } #page_decoracao_gamas .gamaSection .gamaHeader > hr { width:56px; display: inline-block; height:2px; background-color:#4b4bef; border:none; } #page_decoracao_gamas .gamaSection .gamaHeader > h2 { margin-bottom:10px; font-family:'Montserrat', sans-serif; font-weight:600; font-size:38px; } #page_decoracao_gamas .gamaSection .gamaHeader > h3 { line-height:1.4; display:inline-block; max-width:480px; font-family:'Montserrat', sans-serif; font-weight:300; font-size:13px; } #page_decoracao_gamas .gamaProds { width:100%; max-width:1200px; margin:40px auto 60px; } #page_decoracao_gamas .gamaProds > a { display:inline-block; width:22%; margin-right:4%; vertical-align:top; margin-bottom:60px; } #page_decoracao_gamas .gamaProds > a:nth-child(4n) { margin-right:0; } #page_decoracao_gamas .gamaProds > a .imgCover { background-position:center; background-size:cover; background-color:white; width:100%; margin-bottom:30px; height:0; padding-bottom:100%; transition:opacity .3s ease-in-out; } #page_decoracao_gamas .gamaProds > a:hover .imgCover { opacity:.6; } #page_decoracao_gamas .gamaProds > a h4 { line-height:1.4; font-family:'Montserrat', sans-serif; font-weight:300; font-size:13px; margin-bottom:3px; } #page_decoracao_gamas .gamaProds > a h3 { line-height:1.4; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; color:rgb(75, 75, 239); } #page_decoracao_gamas .gamaProds > a:hover h4 { color:rgb(151, 151, 151); } #page_decoracao_gamas .gamaProds > a:hover h3 { color:rgb(165, 163, 250); } .hiddenProds { margin:0 !important; max-height:0; overflow:hidden; transition:max-height .4s ease-in-out; } .hiddenProds.opened { max-height:none; } .openSection { display:block; margin:0 auto 40px; background: none; color: #4B4BEF; border: 1px solid #4B4BEF; padding: 10px 70px; font-size: 11px; font-family:'Montserrat', sans-serif; font-weight:400; cursor: pointer; transition:opacity .3s ease-in-out; } .openSection:hover { opacity:.6; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { .mediaMobile { display:none !important; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { .mediaDesktop { display:none !important; } } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_decoracao_gamas .sectionBanner > .bannerFull { min-height:200px; max-height:600px; height:70vh; } #page_decoracao_gamas .sectionBanner .bannerFull h2 { font-size:30px; padding:50px 20px 0; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_decoracao_gamas .sectionBanner > .bannerFull { min-height:100px; max-height:500px; height:50vh; } #page_decoracao_gamas .sectionBanner .bannerFull h2 { font-size:25px; padding:50px 20px 0; } #page_decoracao_gamas .gamaProds { } #page_decoracao_gamas .gamaProds > a { width:45%; margin-right:10%; } #page_decoracao_gamas .gamaProds > a:nth-child(2n) { margin-right:0; } #page_decoracao_gamas .gamaProds > a .imgCover { background-position:center; background-size:cover; background-color:white; background-blend-mode:multiply; width:100%; margin-bottom:30px; height:0; padding-bottom:100%; transition:background-color .3s ease-in-out; } #page_decoracao_gamas .gamaProds > a:hover .imgCover { background-color:#4B4BEF; } #page_decoracao_gamas .gamaProds > a h4 { line-height:1; font-family:'Montserrat', sans-serif; font-weight:300; font-size:13px; margin-bottom:5px; } #page_decoracao_gamas .gamaProds > a h3 { line-height:1; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; color:rgb(75, 75, 239); } #page_decoracao_gamas .gamaProds > a:hover h4 { color:rgb(151, 151, 151); } #page_decoracao_gamas .gamaProds > a:hover h3 { color:rgb(165, 163, 250); } } /*---------------------------------*/ /*---------DECORAÇÃO PRODS---------*/ /*---------------------------------*/ #page_decoracao_produto { } #page_decoracao_produto .section1 { width:90%; max-width:1200px; margin:60px auto 100px; } #page_decoracao_produto .section1 > div { display:inline-block; width:50%; vertical-align:top; } #page_decoracao_produto .section1 > div img { width:90%; } #page_decoracao_produto .section1 > div h5 { margin-top:40px; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:#2e2e30; margin-bottom:20px; } #page_decoracao_produto .section1 > div h1 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:36px; color:rgb(75, 75, 239); margin-bottom:50px; } #page_decoracao_produto .section1 > div h1 > span { font-size:14px; font-weight:300; } #page_decoracao_produto .section1 > div p { margin-bottom:15px; line-height:1.7; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(47, 47, 47); } #page_decoracao_produto .section1 > div p a { font-weight:300; border-bottom: 1px solid rgb(75, 75, 239); } #page_decoracao_produto .section1 > div p b, #page_decoracao_produto .section1 > div p strong { font-weight:600; color:rgb(75, 75, 239); } #page_decoracao_produto .swiper-container { width: 100%; } #page_decoracao_produto .swiper-container .swiper-slide img { width: 100%; } #page_decoracao_produto .swiper-button-prev, #page_decoracao_produto .swiper-button-next { width:20px; background-size:20px; transition:opacity .3s ease-in-out; } #page_decoracao_produto .swiper-button-prev:hover, #page_decoracao_produto .swiper-button-next:hover { opacity:.7; } #page_decoracao_produto .swiper-button-prev.swiper-button-disabled, #page_decoracao_produto .swiper-button-next.swiper-button-disabled { opacity:0; } #page_decoracao_produto .swiper-button-prev { background-image: url('../img/arrowLeftBlue.png') !important; } #page_decoracao_produto .swiper-button-next { background-image: url('../img/arrowRightBlue.png') !important; } #page_decoracao_produto .iconBox { } #page_decoracao_produto .iconBox a { display:inline-block; width:14px; } #page_decoracao_produto .iconBox a img { margin-left:40px; } #page_decoracao_produto .link_botao2 { background-image:url(../img/bar_blue.png); background-size:56px; background-repeat:no-repeat; background-position:left 3px; font-size:11px; font-family:'Montserrat', sans-serif; font-weight:400; display:inline-block; color:rgb(75, 75, 239); padding-left:100px; transition:color .3s ease-in-out; } #page_decoracao_produto .botaoVoltar { margin-top:60px; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { #page_decoracao_produto .section1 > .partLeft { background-image:none !important; padding-right:50px; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { #page_decoracao_produto .section1 > .partLeft { background-image:none !important; padding-right:50px; } } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { #page_decoracao_produto .section1 { width:100%; text-align:center; margin-top:0; } #page_decoracao_produto .section1 > .partLeft { width:100%; background-size:cover; background-position:center; } #page_decoracao_produto .section1 > .partRight { width:90%; margin:0 auto; text-align:left; } #page_decoracao_produto .section1 > div h5 { margin-top:40px; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(151, 151, 151); margin-bottom:20px; } #page_decoracao_produto .section1 > div h1 { font-family:'Montserrat', sans-serif; font-weight:600; font-size:36px; color:rgb(75, 75, 239); margin-bottom:50px; } #page_decoracao_produto .section1 > div p { line-height:1.7; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; color:rgb(47, 47, 47); } #page_decoracao_produto .section1 > div p b { font-weight:600; } #page_decoracao_produto .swiper-container { height: 0; padding-bottom: 100%; } #page_decoracao_produto .swiper-container .swiper-slide img { } } #page_decoracao_produto .section2 { position:relative; width:100%; text-align:center; margin-bottom:140px; } #page_decoracao_produto .section2 > div { display:inline-block; } #page_decoracao_produto .section2 > div > a { display:inline-block; width:182px; padding:14px 60px; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; background-color:white; transition:background-color .3s ease-in-out; } #page_decoracao_produto .section2 > div > a:last-child { background-color:#f6f3f3; } #page_decoracao_produto .section2 > div:hover > a { background-color:transparent; } #page_decoracao_produto .section2 > div > a.disabled { opacity:.4; cursor:default; pointer-events:none; } #page_decoracao_produto .section2 > div > a:hover:not(.disabled) { background-color:#eee; } #page_decoracao_produto .section2 > img { position:absolute; top:21px; left:50%; margin-left:-31px; width:62px; height:2px; background-color:#4b4bef; } /*-------------------------*/ /*-----------404-----------*/ /*-------------------------*/ #page_404 { } #page_404 .bannerFull h1 { color:white; font-size:35px; margin-bottom:20px; } #page_404 .bannerFull h2 { font-size:18px; } /*----------------------------*/ /*-----------FOOTER-----------*/ /*----------------------------*/ footer { width:100%; background-color:#F6F3F3; padding:75px 0 45px; } footer > div > div { display:inline-block; vertical-align:top; } footer > .partTop { width:90%; margin:0 auto 75px; } footer > .partTop > div { display:inline-block; } footer > .partTop > .partLeft { width:40%; } footer > .partTop > .partLeft form { } footer > .partTop > .partLeft form input[type="text"], footer > .partTop > .partLeft form input[type="password"] { padding:5px 0; margin-bottom:10px; border:none; border-bottom:1px solid rgb(75, 75, 239); background-color:transparent; width:70%; max-width:230px; border-radius:0; } footer > .partTop > .partLeft form input[type="submit"] { border:none; background-color:transparent; background-image:url('../img/purple_arrow.png'); background-size:14px; background-repeat:no-repeat; cursor:pointer; margin-left:15px; } footer > .partTop > .partCenter { vertical-align:top; width:30%; text-align:left; } footer > .partTop > .partRight { width:30%; } footer > .partTop > .partRight form { } footer > .partTop > .partRight form input[type="text"], footer > .partTop > .partRight form input[type="email"] { padding:5px 0; margin-bottom:10px; border:none; border-bottom:1px solid rgb(75, 75, 239); background-color:transparent; width:70%; max-width:230px; border-radius:0; } footer > .partTop > .partRight form input[type="submit"] { padding:5px 10px; border:none; background-color:rgb(75, 75, 239); background-size:14px; background-repeat:no-repeat; cursor:pointer; color:white; margin-top:10px; } footer > .partTop h5 { height:30px; font-size:16px; font-family:'Montserrat', sans-serif; font-weight:600; color:rgb(75, 75, 239); } footer > .partTop p { line-height:1.4; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:300; } footer > .partBottom { width:90%; margin:0 auto; } footer > .partBottom > div { display:inline-block; } footer > .partBottom > .partLeft { vertical-align:middle; width:40%; } footer > .partBottom > .partCenter { vertical-align:middle; width:30%; } footer > .partBottom > .partRight { vertical-align:middle; width:30%; text-align:right; } footer > .partBottom p { line-height:1.4; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:400; } #social { } #social > a { margin:0 5px; width:30px; opacity:1; transition:opacity .3s ease-in-out; } #social > a:hover { opacity:.4; } #social > a > img { width:30px; } /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { footer > .partTop { text-align:center; margin-bottom:0; } footer > .partTop > div { width:100% !important; min-width:300px; display:inline-block; margin-bottom:50px; text-align:left; } footer > .partTop > .partLeft { } footer > .partTop > .partLeft form { } footer > .partTop > .partLeft form input[type="text"], footer > .partTop > .partLeft form input[type="password"] { } footer > .partTop > .partLeft form input[type="submit"] { } footer > .partTop > .partRight { width:100%; } footer > .partTop > .partRight .part1 { vertical-align:top; width:100%; min-width:0; display:inline-block; text-align:left; } footer > .partTop > .partRight .part2 { padding-top:30px; vertical-align:top; width:100%; min-width:0; text-align:left; display:inline-block; } footer > .partTop h5 { } footer > .partTop p { } footer > .partBottom { } footer > .partBottom > div { } footer > .partBottom > .partLeft { width:100% !important; min-width:300px; text-align:center; margin-bottom:50px; } footer > .partBottom > .partCenter { width:50% !important; } footer > .partBottom > .partRight { width:50% !important; } footer > .partBottom p { } } /*-----AREA RESERVADA-----*/ #page_areareservada { background-color:rgb(75, 75, 239); } #page_areareservada header { background-color:white; } #page_areareservada header .partRight #desktopMenu h4 { font-family:'Montserrat', sans-serif; font-weight:400; font-size:14px; color:rgb(75, 75, 239); } #page_areareservada .section2 { max-width:1000px; width:90%; margin:0 auto; padding:200px 0 20px 0 !important; } #page_areareservada .section2 .partLeft { vertical-align:top; display:inline-block; width:30%; } #page_areareservada .section2 h1 { color:white; font-family:'Montserrat', sans-serif; font-weight:600; font-size:16px; margin-bottom:30px; } #page_areareservada .section2 h5 { color:white; font-family:'Montserrat', sans-serif; font-weight:400; font-size:14px; margin-top:50px; } #page_areareservada .section2 p { color:white; font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; line-height:1.5; } #page_areareservada .section2 p b { color:white; font-family:'Montserrat', sans-serif; font-weight:600; font-size:14px; } #page_areareservada .section2 .partRight { vertical-align:top; display:inline-block; width:60%; margin-left:10%; } #page_areareservada .section2 .partRight table { width:100%; } #page_areareservada .section2 .partRight h2 { color:white; } #page_areareservada .section2 .partRight h3 { color:white; font-size:14px; } #page_areareservada .section2 .partRight p { color:white; font-size:12px; text-align:right; } #page_areareservada .section2 .partRight p a { font-family:'Montserrat', sans-serif; font-weight:300; } #page_areareservada .section2 .partRight p a img { width:12px; margin-left:20px; display:inline-block; vertical-align:middle; } #page_areareservada footer { background-color:transparent; } #page_areareservada footer .partTop { display:none; } #page_areareservada footer .partBottom p { color:white; } /* #areaReservadaFooter { } #areaReservadaFooter p { font-family:'Montserrat', sans-serif; font-weight:300; font-size:14px; margin-bottom:20px; } #areaReservadaFooter a { font-family:'Montserrat', sans-serif; font-weight:400; font-size:12px; display:block; margin-bottom:10px; transition:color .3s ease-in-out; } #areaReservadaFooter a:hover { color:rgb(140,140,140); } */ @media handheld, only screen and (min-width:961px) { .hideMe { opacity:0; transform:translate(0, 50px); transition:transform .3s ease-out; } footer { position:relative; opacity:0; } } .centerParent { text-align:center; width:100%; height:100%; } .centerParent:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.29em; } .centerChild { display:inline-block; vertical-align:middle; width:100%;} /*--- DESKTOP (all) ---*/ @media handheld, only screen and (min-width:961px) { .mediaMobile { display:none !important; } } /*--- BIG DESKTOP ---*/ @media handheld, only screen and (min-width:1200px) { } /*--- MED DESKTOP / TABLET HORIZONTAL ---*/ @media all and (max-width:1199px) and (min-width:961px) { } /*--- MOBILE VERTICAL (all) ---*/ @media handheld, only screen and (max-width:960px) { .mediaDesktop { display:none !important; } } /*--- TABLET VERTICAL / MOBILE HORIZONTAL ---*/ @media all and (max-width:960px) and (min-width:601px) { } /*--- MOBILE BIG ---*/ @media all and (max-width:600px) { }