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;
}
}