html, body{ position: relative; top: 0px; left: 0px; right: 0px; font-family: 'Source Sans Pro', sans-serif; } .page-start .backgroundLogo .transparentOranges{ height: 146px; background-color: #d04d43; text-align: center; margin: 0 auto; color: #FFFFFF; font-size: 34px; font-weight: 200; padding-top: 24px; opacity: 0.85; margin-top: 170px; font-family: 'Neuton', serif; weight: 200; margin-top: 260px; padding-left: 80px; padding-right: 80px; display: inline-block; } .page-start .backgroundLogo .transparentOranges strong{ font-weight: 700; font-family: 'Source Sans Pro', sans-serif; } .topBar{ height: 116px; font-size: 16px; } .logo{ margin-top: 20px; margin-left: 62px; } .logo a{ -webkit-transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -ms-transition: opacity 0.15s ease-in-out; -o-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .logo a:hover{ opacity: 0.7; } .menu{ float: right; } .menu ul{ padding-top: 50px; margin-right: 65px; } .menu > ul li{ display: inline; list-style-type: none; padding-bottom: 50px; color: #000000; } .topBar .menu > ul li:hover{ padding-top: 48px; border-top: 3px solid #f95d43; } .topBar .menu ul a:link, .topBar .menu ul a:visited, .topBar .menu ul a:active { color: #000000; text-decoration: none; padding-top: 15px; padding-bottom: 15px; padding-left: 24px; padding-right: 24px; } .topBar .dropdown-menu ul a:link, .topBar .dropdown-menu ul a:visited, .topBar .menu ul a:active { padding-bottom: 0px; padding-top: 0px; } .topBar .menu > ul > li > a:link, .topBar .menu > ul > li > a:visited, .topBar .menu > ul > li > a:active { padding-top: 50px; padding-bottom: 50px; padding-left: 25px; padding-right: 25px; } .topBar .menu ul li img{ transform: translateX(15px); } .topBar .menu ul li:hover ul{ display: block; } .topBar .menu ul .dropdown-menu{ padding-top: 10px; margin-top: -14px; padding-right: 30px; padding-left: 30px; margin-left: -30px; } .topBar .menu ul .dropdown-menu li:hover{ padding-top: 0px; border-top: 0px solid #f95d43; } .topBar .menu ul .dropdown-menu li a:hover{ border-left: 4px solid #f95d43; margin-right: 30px; background-color: #FFFFFF; margin-left: -30px; padding-left: 45px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; } .topBar .facebook{ float: right; margin-top: -38px; transition: 0.2s ease-in-out; } .topBar .facebook:hover{ transform: translateY(-5px); } .backgroundLogo { text-align: center; left: 0px; right: 0px; width: 100%; height: 800px; margin: 0 auto; overflow: hidden; z-index: -1!important; } .transparentOrange{ height: 146px; background-color: #d04d43; text-align: center; margin: 0 auto; color: #FFFFFF; font-size: 34px; font-weight: 200; padding-top: 24px; opacity: 0.85; margin-top: 170px; font-family: 'Neuton', serif; weight: 200; } .transparentOrange strong{ font-weight: 700; font-family: 'Source Sans Pro', sans-serif; } .firstTiles{ margin-top: -253px; } .firstTiles .firstText{ height: 136px; text-align: center; background-color: #292937; font-weight: 200; font-size: 24px; color: #FFFFFF; font-family: 'Neuton', serif; padding-top: 26px; display: block; transition: background-color .2s linear; } .firstTiles .firstText:hover{ background-color: #3b3b4c; text-decoration: none; } .firstTiles a{ text-decoration: none; } .firstTiles .secondText{ background-color: #3b3b4c; color: #FFFFFF; font-size: 14px; text-align: center; height: 117px; padding-top: 20px; padding-left: 20px; padding-right: 20px; font-weight: 300; } .firstTiles .image{ overflow: hidden; } .firstTiles .image img { height: 195px; object-fit: cover; width: 100%; } .circles{ text-align: center; margin-top: 75px; } .circles .text{ font-size: 16px; font-weight: 300; padding-top: 20px; } .circles .text:before{ content: ""; width: 2px; height: 30px; background-color: #f95d43; position: absolute; top: 112px; left: 146px; } .circles .text strong{ font-size: 24px; color: #f95d43; font-weight: 400; } .secondTiles{ margin-top: 40px; } .secondTiles a:link , .secondTiles a:active , .secondTiles a:visited{ color: #FFFFFF; text-decoration: none; } .tilesTitle{ font-weight: 400; font-size: 36px; color: #f95d43; text-align: center; margin-top: 70px; text-transform: uppercase; letter-spacing: 3px; } .secondTiles .text{ font-size: 24px; color: #FFFFFF; height: 97px; background-color: #292937; font-weight: 300; text-align: center; padding-top: 30px; transition: background-color .2s linear; } .secondTiles a:hover span{ background-color: #f95d43; } .secondTiles span { display: block; } .secondTiles .images { overflow: hidden; } .secondTiles a:hover{ text-decoration: none; } .slider{ margin-top: 40px; margin-bottom: 70px; } .footer{ background-color: #292937; font-size: 20px; color: #FFFFFF; margin-top: 75px; font-weight: 400; height: 215px; margin-top: 34px; } .footer hr{ height: 2px; color: #f95d43; background-color: #f95d43; border: none; } .footer .footerTitle{ text-align: center; padding-top: 7px; font-family: 'Neuton', serif; width: 130%; margin-left: -22px; } .footer .city, .footer .phone, .footer .email{ text-transform: uppercase; font-size: 21px; font-weight: 300; letter-spacing: 1px; text-align: center; padding-top: 68px; } .footer .city{ float: left; padding-left: 85px; } .footer .phone{ width: 250px; margin: 0 auto; margin-top: -34px; padding-left: 34px; } .footer a, .footer a:link, .footer a:visited, .footer a:active, .footer a:hover{ text-decoration: none; color: #FFFFFF; } .footer .city img, .footer .email img{ margin-right: 18px; } .footer .phone img{ position: relative; left: -100px; top: 34px; } .footer .email{ float: right; padding-right: 85px; } .footer .email a:hover{ text-decoration: underline; } .mapa{ margin-left: -112px; max-width: 1360px; margin: 0 auto; } .mapa iframe{ width: 100%; height: 380px; border: none; } .copyright{ font-size: 12px; text-transform: uppercase; weight: 300; margin-bottom: 0px; paddin-bottom: 0px; max-width: 1360px; margin: 0 auto; margin-top: -35px; letter-spacing: 1px; } .copyright span{ color: #f95d43; } .copyright span:first-child{ padding-left: 10px; padding-right: 10px; } .copyright .block{ width: 165px; height: 55px; background-color: #f69679; display: inline-block; position: relative; top: 30px; margin-left: 100px; } .copyright a:link, .copyright a:active, .copyright a:visited, .copyright a:hover{ color: #f95d43; text-decoration: none; } .subpageHead{ height: 380px; overflow: hidden; margin-bottom: 50px; margin-left: -30px; margin-right: -30px; } .subpageText{ height: 380px; width: 564px; background-color: #d04d43; opacity: 0.85; color: #FFFFFF; text-align: center; position: absolute; top: 116px; font-size: 32px; font-weight: 200; padding-top: 135px; margin-left: -30px; } .page--text{ font-weight: 400; font-size: 17px; text-align: justify; text-justify: inter-word; padding-left: 20px; padding-right: 20px; padding-bottom: 50px; column-gap: 50px; -moz-column-gap: 50px; } .page--title{ display: none; } .fill{ display: block; background-color: #292937; max-width: 1360px; margin: 0 auto; margin-top: 50px; } .box{ float: right; margin-right: 30px; margin-bottom: 50px; } .box .box--inner{ float: right; width: 100% } .box .box--inner button{ float: right; border: none; padding: 5px 20px; background-color: #292937; color: #FFFFFF; } .box .box--inner textarea{ width: 100%; height: 100px; } .box input, .box from{ width: 100%; } .box input, .box textarea{ border: 1px solid #000000; padding: 5px 10px; } .p--text{ margin-top: 50px; } .slick-slide img{ width: 280px; } #contactFormSend .error, #contactFormSend .ok, #contactFormSend .error_send{ display: none; } .subpageHead { background:no-repeat center/cover; } .slick-slide a { height: 200px; display: block; margin: 10px; background: no-repeat center/cover; } .slide { height: 1000px; width: 100%; background-repeat: no-repeat; background-size:110%; } .owl-item.active .slide { background-position: top; transition: all 6s ease; -webkit-transition: all 6s ease; -moz-transition: all 6s ease; background-size:100%; } @media (min-width: 1230px) and (max-width: 1390px){ .backgroundLogo{ width: 100%; overflow: hidden; } .footer{ position: relative; left: 0px; right: 0px; } } @media (min-width: 1022px) and (max-width: 1229px){ .backgroundLogo{ width: 100%; overflow: hidden; } .footer{ margin-left: 0px; margin-right: 0px; width: 100%; margin-top: 34px; } .circles .text:before{ left: 123px; } .mapa iframe{ position: relative; left: 0px; right: 0px; } .footerTitle:before{ left: 0px; } .footerTitle:after{ left: 714px; } .fill{ display: block; height: 215px; background-color: #292937; } .footer .footerTitle{ font-size: 16px; } .footer .city{ padding-left: 30px; } .footer .email{ padding-right: 30px; } .subpageHead{ height: 340px; } .subpageText{ height: 340px; padding-top: 115px; width: 450px; font-size: 32px; } .slick-slide img{ width: 230px; } } @media (min-width: 798px) and (max-width: 1021px){ .page-start .backgroundLogo .transparentOranges{ margin-top: 50px; } .topBar .menu > ul > li > a:link, .topBar .menu > ul > li > a:visited, .topBar .menu > ul > li > a:active { padding-left: 15px; padding-right: 15px; } .backgroundLogo{ overflow: hidden; width: 100%; height: 500px; } .transparentOrange{ margin-top: 70px; } .firstTiles{ margin-top: -114px; } .firstTiles .firstText{ font-size: 21px; height: 114px; } .firstTiles .secondText{ font-size: 12px; } .firstTiles .image img{ width: 100%; } .circles .text:before{ left: 94px; } .secondTiles .text{ font-size: 18px; } .secondTiles .images img{ width: 100%; } .slider img{ height: 180px; } .footer{ height: 185px; } .footer .city, .footer .email, .footer .phone{ font-size: 18px; padding-top: 50px; } .footer .city{ padding-left: 20px; } .footer .email{ padding-right: 20px; } .footer .city img, .footer .email img{ margin-right: 2px; } .footer .phone img{ left: -80px; } .mapa iframe{ height: 370px; } .subpageHead img{ width: 100%; } .subpageHead{ height: 300px; } .subpageText{ height: 300px; width: 370px; padding-top: 115px; font-size: 26px; } .slick-slide img{ width: 97%; } } @media (min-width: 598px) and (max-width: 797px){ .topBar .menu > ul > li > a:link, .topBar .menu > ul > li > a:visited, .topBar .menu > ul > li > a:active { padding-left: 13px; padding-right: 13px; } .menu > ul{ margin-right: 35px; } .topBar .facebook{ margin-top: -43px; } .backgroundLogo .slide { height: 400px; } .backgroundLogo{ overflow: hidden; width: 100%; } .backgroundLogo img{ height: 400px; } .transparentOrange{ font-size: 25px; height: 120px; margin-top: 70px; } .firstTiles{ margin-top: 74px; } .firstTiles .image{ margin-bottom: 30px; } .firstTiles .image img{ width: 100%; } .circles{ margin-top: 45px; } .circles .text:before{ height: 0px; width: 0px; } .circles .text{ padding-top: 10px; padding-bottom: 60px; } .tilesTitle{ margin-top: 35px; } .secondTiles .text{ font-size: 20px; } .secondTiles .images img{ width: 100%; } .secondTiles .images{ margin-bottom: 30px; } .footer{ height: 165px; } .footer .footerTitle{ padding-top: 0px; margin-top: -30px; width: 100%; margin-left: 10px; } .footer > div:first-child{ margin-top: -54px; } .footer > div:nth-child(3){ display: none; } .footer .city, .footer .phone, .footer .email{ font-size: 18px; } .footer .city, .footer .email, .footer .phone{ float: none; text-align: center; padding: 0px; padding-bottom: 5px; } .footer .city{ padding-top: 18px; } .footer .phone{ margin-top: -20px; } .footer .phone img{ left: -115px; } .footer .email img{ margin-left: 10px; } .footer .phone img, .footer .city img, .footer .email img{ width: 23px; } .mapa iframe{ height: 270px; } .SmallOffset{ margin-left: 8.3333%; } .copyright{ margin-top: 0px; } .copyright .block{ display: none; } .subpageHead img{ width: 100%; } .subpageHead{ height: 240px; width: 100%; margin-left: 0px; } .subpageText{ margin-left: 0px; height: 240px; width: 220px; padding-top: 95px; font-size: 20px; } .page--text{ font-size: 14px; } .slick-slide img{ width: 97%; } .page-start .backgroundLogo .transparentOranges{ margin-top: 140px; font-size: 24px; } } @media (max-width: 597px){ .backgroundLogo { width:100%!important; } .backgroundLogo .slide { height: 300px; background-size:cover; } .backgroundLogo { height: 300px; } .topBar .logo{ text-align: center; margin-left: 0px; } .page-start .backgroundLogo .transparentOranges{ margin-top: 80px; font-size: 24px; } .menu{ float: none; padding-bottom: 20px; } .menu ul{ padding-top: 45px; padding-left: 0px; margin: 0px; text-align: center; } .topBar .menu > ul li:hover{ border-bottom: 3px solid #f95d43; border-top: none; padding-bottom: 20px; } .topBar .menu ul .dropdown-menu{ margin-top: -5px; padding-left: 0px; } .topBar .menu > ul > li > a:link, .topBar .menu > ul > li > a:visited, .topBar .menu > ul > li > a:active { padding-left: 8px; padding-right: 8px; } .menu > ul li{ font-size: 13px; } .topBar .facebook{ position: absolute; top: -28px; right: 10px; } .topBar .menu ul li:hover ul { margin-left: -47px; } .topBar .menu ul .dropdown-menu li:hover{ padding-top: 0px; border-top: 0px solid #f95d43; border-bottom: none; } .topBar .menu ul .dropdown-menu li a:hover{ border-left: 4px solid #f95d43; margin-right: 30px; background-color: #FFFFFF; margin-left: 0px; } .backgroundLogo{ overflow: hidden; width: 100%; } .backgroundLogo img{ height: 300px; } .fullX{ width: 100%; } .col-xs-10{ width: 100%; } .transparentOrange{ font-size: 18px; margin-top: 40px; height: 106px; } .firstTiles{ margin-top: 48px; } .firstTiles .firstText{ font-size: 19px; height: 105px; padding-top: 23px; } .firstTiles .image{ margin-bottom: 30px; } .firstTiles .image img{ width: 100%; } .circles{ margin-top: 45px; } .circles .text:before{ height: 0px; width: 0px; } .circles .text{ padding-top: 10px; padding-bottom: 60px; } .tilesTitle{ margin-top: 30px; } .secondTiles .text{ font-size: 20px; height: 75px; padding-top: 23px; } .secondTiles .images{ overflow: hidden; margin-bottom: 30px; } .secondTiles .images img{ width: 100%; } .footer{ height: 165px; } .footer > div:first-child{ margin-top: -54px; } .footer .footerTitle{ padding-top: 0px; margin-top: -20px; margin-bottom: 30px; width: 100%; margin-left: 10px; } .footer > div:nth-child(3){ display: none; } .footer .city, .footer .phone, .footer .email{ font-size: 16px; } .footer .city, .footer .email, .footer .phone{ float: none; text-align: center; padding: 0px; padding-bottom: 5px; } .footer .city{ padding-top: 18px; } .footer .phone{ padding-top: 10px; } .footer .phone img{ left: -108px; } .footer .phone img, .footer .city img, .footer .email img{ width: 20px; } .mapa iframe{ height: 230px; } .copyright{ margin-top: 0px; font-size: 10px; } .copyright .block{ display: none; } .subpageHead{ height: 240px; width: 100%; margin-left: 0px; } .subpageHead img{ width: 160%; } .subpageText{ margin-top: 47px; margin-left: 0px; height: 240px; width: 220px; padding-top: 95px; font-size: 20px; } .page--text{ font-size: 14px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .slick-slide img{ width: 97%; } } @media (max-width: 490px){ .fillX400{ width: 100%; } .slick-slide img{ width: 97%; } } @media (max-width: 400px){ .fillX400{ width: 100%; } .slick-slide img{ width: 100%; } } @media (max-width: 300px){ .topBar .menu > ul > li > a:link, .topBar .menu > ul > li > a:visited, .topBar .menu > ul > li > a:active { padding-left: 6px; padding-right: 6px; font-size: 12px; } }