@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&display=swap');

:root{
	--yellow:#fedb00;
    --blue:#1ea2db;
	--standard:30px;
	--double:60px;
	--triple:90px;
	--mini:15px;
}

*{
	margin:0px;
	padding:0px;
}

html, body { 
    font-family: 'Raleway', sans-serif;
	color:#666;
}

h1, h2, h3, h4{
	font-family: 'Raleway', sans-serif;
	font-weight:700;
    color:#000;
}

a img{
	border:0px;
}

a{
	text-decoration:none;
    transition: all 0.7s ease 0s;
    color:#666;
    text-decoration:underline;
}

nav a{
    text-decoration:none;
}

ul{
	list-style-type:none;
}

.mobile{
    display:none;
}

.desktop{
    display:block;
}

#logo{
    height:60px;
}

.high{
    background-color:var(--yellow);
    border-radius:20px;
    padding-left:var(--standard);
    padding-right:var(--standard);
    margin-left:var(--mini);
}

.nav-item{
    padding-left:var(--mini);
    padding-right:var(--mini);
}

.high a{
    color:#fff !important;
}

.box{
    border-radius:50px;
    -webkit-box-shadow: 0px 10px 35px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 35px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 35px -10px rgba(0,0,0,0.75);
    margin-bottom:var(--standard);
}

h2{
    line-height:45px;
    margin-bottom:var(--mini);
}

.btn{
    border-radius:20px;
    padding-left:var(--standard);
    padding-right:var(--standard);
    text-decoration:none;
    margin-left:var(--mini);
    margin-right:var(--mini);
}

.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    background-color:var(--yellow) !important;
    color:#fff;
}

.btn-default,.btn-default:hover,.btn-default:focus,.btn-default:active{
    background-color:var(--blue) !important;
    color:#fff;
}

section{
    padding-top:var(--standard);
    padding-bottom:var(--standard);
}

section p{
    margin-bottom:var(--standard);
}

section form{
    margin-top:30px;
}

section textarea.form-control{
    border-radius:20px;
    height:120px;
}

section input.form-control{
    border-radius:20px;
}

footer{
    background-color:var(--blue);
    padding-top:var(--standard);
    padding-bottom:var(--double);
    color:#fff;
}

svg{
    margin-top:var(--standard);
}

footer p{
    line-height:30px;
}

.bg-light {
    background-color: #fff !important;
}

h1{
    color:#fff;
    font-weight:200;
}

h1 b{
    font-weight:700;
}

h1 span{
    font-size:62px;
}

.slick-slide{
    background-size:cover;
    height:80vh;
    padding-top:var(--triple);
}

.curva{
    margin-top: -113px;
    z-index: 9;
    position: relative;
}

.negative{
    background-color:rgba(0,0,0,0.5);
    padding-top:var(--double);
    padding-bottom:var(--double);

}

h1{
    padding-top:var(--double);
    margin-top:var(--double);
}

h3{
    padding-top:var(--standard);
    padding-bottom:var(--standard);
}

.visual{
    position:relative;
    background-size:cover;
    height:80vh;
}

#top-form{
    height:80vh;
}

#top-container{
    height:80vh;
}

form h3{
    color:#fff;
}

#boxes{
    margin-top:-200px;
    position:relative;
    z-index:10;
}

.negative label{
    color:#fff;
}

#curva{
    position:absolute;
    bottom:-1px;
    width:100%;
}

@media only screen and (max-width : 1440px){
	#boxes{
		margin-top:-130px;
}


@media only screen and (max-width : 1200px){

}
 
@media only screen and (max-width : 991px){
	.row-eq-height{
        display:block;
    }

    .mobile{
        display:block;
    }

    .desktop{
        display:none;
    }

    h2 {
        line-height: 30px;
        margin-bottom: var(--mini);
        font-size: 26px;
    }

    section {
        padding-top: var(--mini);
        padding-bottom: var(--mini);
    }

    form h3 {
        font-size: 20px;
    }

    .negative label {
        font-size: 13px;
    }

    #boxes {
        margin-top: -150px;
    }

    .btn {
        padding-left: var(--mini);
        padding-right: var(--mini);
    }
}
 
@media only screen and (max-width : 767px){
	.visual{
        height:auto;
    }
    
    #top-form{
        height:auto;
    }
    
    #top-container{
        height:auto;
    }

    #boxes {
        margin-top: 0px;
    }

    h1 {
        padding-top: var(--standard);
        margin-bottom: var(--standard);
        margin-top:0;
    }

    .negative {
        background: none;
        padding-top: var(--standard);
        padding-bottom: var(--standard);
    }

    #visual {
        background-size:cover;
        box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
    }

}
 
@media only screen and (max-width : 480px){
	h1{
        font-size:32px;
    }
}
 
@media only screen and (max-width : 320px){
 
}