@charset "utf-8"; /* CONNECT CUSTOM CSS */ /**************************************** Default ****************************************/ #connect-container * { font-family: Arial, Helvetica, sans-serif; color: #373738; } #connect-container .connect-col-6{ width: 49%; } #connect-container h1, #connect-container h2, #connect-container h3, #connect-container h4 { font-family: "Frutiger", sans-serif; font-weight: 500; } /**************************************** Section 1 ****************************************/ #connect-section-1 { background: url(../images/background01.jpg) center top no-repeat; height: 600px; } #connect-section-1 .logo { background: url(../images/logo.png) left no-repeat; text-indent: -9999px; margin-top: 5px; width: 146px; height: 56px; } #connect-section-1 h2 { color: #ffffff; font-weight: 100; font-size: 30px; float: right; margin: 15px 19px 0 0; } #connect-section-1 .selo-20pcs { float: right; margin: 120px -70px 0 0; } /**************************************** Section 2 ****************************************/ #connect-section-2 { background: url(../images/background02.jpg) center top repeat-y; height: 801px; } #connect-section-2 .selo-25anos { width: 131px; height: 127px; float: right; margin: 30px -100px 0 0; } #connect-section-2 .row-2 h3, #connect-section-2 .row-3 h3 { color: #b02125; font-size: 35px; } #connect-section-2 .row-2 h3 { margin-top: 25px; width: 90%; } #connect-section-2 .row-2 p { width: 73%; color: #000; } #connect-section-2 .row-3 .connect-col-6 { margin: 45px 0 0 -25px; } #connect-section-2 .row-3 h3 { width: 106%; } #connect-section-2 .row-3 p { width: 115%; color: #000; } #connect-section-2 .row-2 p, #connect-section-2 .row-3 p { font-size: 18px; font-weight: 100; } #connect-section-2 .row-4 p{ font-size: 19.31px; font-weight: bold; margin: 65px 0 0 35px; color: #000000; } #connect-section-2 .row-5 .circulo { float: right; margin: 0 -75px 0 0; } #connect-section-2 .row-5 .selo-gourmet { margin: 35px 0 0 -50px; } /**************************************** Section 3 ****************************************/ #connect-section-3 { background: url(../images/background03.jpg) center top repeat-y; height: 577px; } #connect-section-3 .row-1 h3 { color: #b02125; font-size: 35px; margin-top: 75px; margin-right: -40px; width: 105%; text-align: right; float: right; } #connect-section-3 .row-1 p { color: #000000; font-size: 18px; margin-top: 20px; width: 88%; text-align: right; float: right; margin-right: -40px; } #connect-section-3 .row-2 p { font-size: 19px; font-weight: bold; color: #000000; width: 70%; margin-top: 75px; float: right; margin-right: 10px; } /**************************************** Section 4 ****************************************/ #connect-section-4 { width: 100%; height: auto; } #connect-section-4 .row-1 { width: 100%; height: auto; } #connect-section-4 .row-1 .connect-col-12 { width: 100%; height: 668px; } /**************************************** Section 5 ****************************************/ #connect-section-5 { background: url(../images/background04.jpg) center top repeat-y; height: 357px; } #connect-section-5 .row-1 h2 { color: #b02125; font-family: 'Frutiger'; font-size: 35px; font-weight: bold; margin: 60px 0 34px 0; text-align: center; } #connect-section-5 .row-2 ul li { color: #000000; font-family: 'Frutiger'; font-size: 15px; font-weight: bold; text-align: left; list-style: disc; } #connect-section-5 .row-2 ul li span { font-weight: normal; } #connect-section-5 .row-2 .connect-col-6 .right-list { float: right; } /**************************************** Connect Font-face ****************************************/ /**************************************** Connect Font-face ****************************************/ @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-roman.eot"); src: url("fonts/frutigerltstd-roman.eot") format('embedded-opentype'), url("fonts/frutigerltstd-roman.woff") format("woff"), url("fonts/frutigerltstd-roman.ttf") format("truetype"), url("fonts/frutigerltstd-roman.svg#frutigerltstd-roman") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Frutiger"; src: url("fonts/FrutigerLTStd-Light.eot"); src: url("fonts/FrutigerLTStd-Light.eot") format('embedded-opentype'), url("fonts/FrutigerLTStd-Light.woff") format("woff"), url("fonts/FrutigerLTStd-Light.ttf") format("truetype"), url("fonts/FrutigerLTStd-Light.svg#FrutigerLTStd-Light") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-lightcn.eot"); src: url("fonts/frutigerltstd-lightcn.eot") format('embedded-opentype'), url("fonts/frutigerltstd-lightcn.woff") format("woff"), url("fonts/frutigerltstd-lightcn.ttf") format("truetype"), url("fonts/frutigerltstd-lightcn.svg#frutigerltstd-lightcn") format("svg"); font-weight: 100; font-style: normal; } @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-black.eot"); src: url("fonts/frutigerltstd-black.eot") format('embedded-opentype'), url("fonts/frutigerltstd-black.woff") format("woff"), url("fonts/frutigerltstd-black.ttf") format("truetype"), url("fonts/frutigerltstd-black.svg#frutigerltstd-black") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-bold.eot"); src: url("fonts/frutigerltstd-bold.eot") format('embedded-opentype'), url("fonts/frutigerltstd-bold.woff") format("woff"), url("fonts/frutigerltstd-bold.ttf") format("truetype"), url("fonts/frutigerltstd-bold.svg#frutigerltstd-bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-cn.eot"); src: url("fonts/frutigerltstd-cn.eot") format('embedded-opentype'), url("fonts/frutigerltstd-cn.woff") format("woff"), url("fonts/frutigerltstd-cn.ttf") format("truetype"), url("fonts/frutigerltstd-cn.svg#frutigerltstd-cn") format("svg"); font-weight: 300; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-roman.svg#Frutiger") format("svg"); font-weight: normal;} @font-face { font-family: "Frutiger"; src: url("fonts/FrutigerLTStd-Light.svg#Frutiger") format("svg"); font-weight: 500;} @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-lightcn.svg#Frutiger") format("svg"); font-weight: 100;} @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-black.svg#Frutiger") format("svg"); font-weight: 200;} @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-bold.svg#Frutiger") format("svg"); font-weight: bold;} @font-face { font-family: "Frutiger"; src: url("fonts/frutigerltstd-cn.svg#Frutiger") format("svg"); font-weight: 300;} }