@font-face {
    font-family: 'Amsterdam Signature Italic';
    src: url("../fonts/Amsterdam Signature Italic.otf");
}

@font-face {
    font-family: 'calibril';
    src: url("../fonts/calibril.ttf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'APOLLO';
    src: url("../fonts/APOLLO.otf");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CALIFB';
    src: url("../fonts/CALIFB.TTF");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url("../fonts/Poppins-Light.ttf");
    font-weight: normal;
    font-style: normal;
}



.font-1{
    font-family: 'Amsterdam Signature Italic','sans-serif' !important;
}

.font-2{
    font-family: 'calibril','sans-serif' !important;
}

.font-3{
    font-family: 'APOLLO','sans-serif' !important;
}

.font-4{
    font-family: 'CALIFB','sans-serif' !important;
}

.font-5{
    font-family: 'Poppins-Light','sans-serif' !important;
}


body{
	padding:0;
	margin:0;
	background-color: #ffffff;
}

.bg-1-img {
    background-image: url("../img/bg-1.jpg") !important;
    background-position: center;
    background-attachment: fixed;
    background-size: contain;
}


.bg-2{
    background-color: #20274D !important;
    border-radius: 10px !important;
}

.bg-3{
    background-color: #E0E0E0 !important;
}

.bg-4{
    background-color: #B3608F !important;
}


.bg-5{
    background-color: #706F6F !important;
}


.bg-3-img{
    background-color: #F6F0D2 !important;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.btn-color{
    text-decoration: none;
    border-radius: 25px !important;
    padding: 0px 60px !important;
    background-color: #ffffff;
    /*box-shadow: 0 .5rem 1rem #BDBDBD !important;*/
    color: #000000;
    font-weight: 600;
    font-size: 1.8rem;
    border: 2px solid #B3608F !important;
}

.btn-color:hover{
    text-decoration: none;
    border-radius: 25px !important;
    padding: 0px 60px !important;
    background-color: #ffffff;
    /*box-shadow: 0 .5rem 1rem #BDBDBD !important;*/
    color: #B3608F;
    font-weight: 600;
    font-size: 1.25rem;
    border: 2px solid #B3608F !important;
}

.btn-demos{
    text-decoration: none;
    display: inline-block;
    padding: 0px 10px !important;
    background-color: #ffffff;
    box-shadow: 0 .5rem 1rem #BDBDBD !important;
    color: #B3608F;
    font-weight: 600;
    font-size: 1.25rem;
    border: 5px solid #ffffff !important;
    border-radius: 5px !important;
}
.btn-demos:hover{
    text-decoration: none;
    padding: 0px 10px !important;
    background-color: #1F264B;
    color: #ffffff;
    font-weight: 600;
    font-size: 1.25rem;
    border: 5px solid #1F264B !important;
    border-radius: 5px !important;
}

.btn-azul{
    border-radius: 5px !important;
    padding: 3px 30px !important;
    background-color: #ffffff;
    /*box-shadow: 0 .5rem 1rem #BDBDBD !important;*/
    color: #B3608F;
    font-size: 1.25rem;
    border: 2px solid #ffffff !important;
}
.btn-azul:hover{
    border-radius: 5px !important;
    padding: 3px 30px !important;
    background-color: #ffffff;
    /*box-shadow: 0 .5rem 1rem #BDBDBD !important;*/
    color: #20274D;
    font-size: 1.25rem;
    border: 2px solid #ffffff !important;
}

.btn-modal{
    border-radius: 25px !important;
    padding: 3px 30px !important;
    background-color: #ffffff;
    /*box-shadow: 0 .5rem 1rem #BDBDBD !important;*/
    color: #B3608F;
    font-size: 1.25rem;
    border: 2px solid #ffffff !important;
}
.btn-modal:hover{
    border-radius: 25px !important;
    padding: 3px 30px !important;
    background-color: #ffffff;
    /*box-shadow: 0 .5rem 1rem #BDBDBD !important;*/
    color: #20274D;
    font-size: 1.25rem;
    border: 2px solid #ffffff !important;
}

.btn-whats{
    border-radius: 17px !important;
    padding: 0px 0px !important;
    background-color: #ffffff;
    /*box-shadow: 0 .5rem 1rem #BDBDBD !important;*/
    color: #B3608F;
    font-size: 1rem;
    border: 2px solid #ffffff !important;
}
.btn-whats:hover{
    border-radius: 17px !important;
    padding: 0px 0px !important;
    background-color: #ffffff;
    /*box-shadow: 0 .5rem 1rem #BDBDBD !important;*/
    color: #20274D;
    font-size: 1rem;
    border: 2px solid #ffffff !important;
}

.btn-term:hover{
    color: #B3608F;
}

.btn:focus{
	box-shadow: none !important;
}



.bloquea-scroll{
    overflow: hidden;
}



html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #ffffff;
}



/*span.linea {
    width: 200px;
    height: 2px;
    border: 1px solid transparent;
    border-image: linear-gradient(to right,
    #DF7539 0%,
    #F2A95F 26.1659%,
    #FAE2A1 37.2632%,
    #F2A95F 47.7546%,
    #DF7539 67.3908%,
    #F2A95F 92.3143%,
    #FAE2A1 100%) 1;
    background-color: #DF7539;
    display: inline-table;
    margin: 7px 5px;
}*/

/*span.linea {
    width: 13rem;
    height: 3px;
    background-color: #000000;
    display: inline-table;
    margin: 5px 5px;
}*/


.c-dorado{
    background: -webkit-linear-gradient(#F2A95F,
    #FAE2A1,
    #F2A95F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(2px 4px 6px #000000);
}

.c-titulo{
    color: #B3608F;
}

.c-texto{
    color: #000000;
}

.c-color{
    color: #000000;
}

.contact-form .form-wrapper {
    padding: 0 50px 100px 50px;
    position: relative;
}


a.nav-link {
    color: #ffffff !important;
}

.bg-menu {
    background-color:  #B3608F !important;
    color: #ffffff  !important;
}

li.nav-item:not(:last-child) {
    /*border-right: 3px solid #75531C;
    text-align: center;*/
}

.bg-fondo {
    box-shadow: 0 .5rem 1rem #BDBDBD !important;
    background-color: transparent;
    border: #000000;
}





/*.borderbottom {
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(to right,
    #DF7539 0%,
    #F2A95F 26.1659%,
    #FAE2A1 37.2632%,
    #F2A95F 47.7546%,
    #DF7539 67.3908%,
    #F2A95F 92.3143%,
    #FAE2A1 100%) 1;
}*/

.borderbottom{
    border-bottom: 3px solid  #B3608F;
}

.border-black{
    width: 90%;
    height: 1px;
    border: 1px solid transparent;
    border-image: linear-gradient(to right,
    #DF7539 0%,
    #F2A95F 26.1659%,
    #FAE2A1 37.2632%,
    #F2A95F 47.7546%,
    #DF7539 67.3908%,
    #F2A95F 92.3143%,
    #FAE2A1 100%) 1;
    background-color: #DF7539;
    margin: 15px auto;
    display: block;
}

/*.border-black{
    width: 70%;
    height: 3px;
    background-color: #000000;
    margin: 15px auto;
    display: block;
}*/

.border-color{
    width: 100%;
    height: 1px;
    border: 1px solid transparent;
    background-color: #000000;
    margin: 15px auto;
    display: block;
}

/*.border-dorado {
    border: 1px solid transparent;
    border-image: linear-gradient(to right,
    #DF7539 0%,
    #F2A95F 26.1659%,
    #FAE2A1 37.2632%,
    #F2A95F 47.7546%,
    #DF7539 67.3908%,
    #F2A95F 92.3143%,
    #FAE2A1 100%) 1;
}*/

.border-dorado {
    border: solid 2px #C5A86C;
}


.adorno-a1{
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
}


.adorno-b1{
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
}

.adorno-c1{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25%;
}


.adorno-d1{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
}

.adorno-a{
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
}


.adorno-b{
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
}

.adorno-c{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
}


.adorno-d{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30%;
}

.adorno-x{
    width: 30%;
}

.adorno-y{
    width: 40%;
}

.t-f-1{
    font-size: 9.8rem;
}

.t-f-2{
    font-size: 1.3rem;
}

.t-f-3{
    font-size: 1.1rem;
}

.t-f-4{
    font-size: 2.5rem;
}

.t-f-5{
    font-size: 1.8rem;
}

.t-f-6{
    font-size: 4.8rem;
}

.t-f-7{
    font-size: 1.3rem;
}

.card-box{
    min-height: 550px;
}

.card-content{
    min-height: 300px;
}


.img-car{
    width: 100% !important;
    height: auto !important;
}

.img-banner-1{
    height: 320px;
}

.img-banner{
    height: 320px;
}

.navbar-toggler {
    background-color: #b3608f;
}

.logo-demos{
    height: 50px;
}

p{
    margin-bottom: 0rem;
}

@media (max-width:800px) {
    .navbar-toggler{
        display: contents;
    }
    .adorno-a1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 25%;
    }


    .adorno-b1 {
        position: absolute;
        top: 0;
        right: 0;
        width: 25%;
    }

    .adorno-c1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 25%;
    }


    .adorno-d1 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 25%;
    }

    .adorno-a {
        position: absolute;
        top: 0;
        left: 0;
        width: 20%;
    }


    .adorno-b {
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
    }

    .adorno-c {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 20%;
    }


    .adorno-d {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 20%;
    }

    .adorno-x {
        width: 40%;
    }

    .adorno-y {
        width: 70%;
    }

    .t-f-1{
        font-size: 7rem;
    }

    .t-f-2{
        font-size: 1.1rem;
    }

    .t-f-3{
        font-size: .8rem;
    }

    .t-f-4{
        font-size: 1.2rem;
    }

    .t-f-5{
        font-size: 1.8rem;
    }

    .t-f-6{
        font-size: 2.3rem;
    }

    .t-f-7{
        font-size: .8rem;
    }


    .card-box{
        min-height: 600px;
    }

    .card-content{
        min-height: 350px;
    }

    .img-car{
        width: auto !important;
        height: 95vh !important;
    }

    .img-banner{
        height: 300px;
        /*visibility: hidden;*/
    }

    .logo-demos{
        height: 50px;
    }
}

@media (max-width:400px) {
    .adorno-a1 {
        position: absolute;
        top: 0;
        left: 0px;
        width: 70%;
    }


    .adorno-b1 {
        position: absolute;
        top: 0;
        right: 0;
        width: 70%;
    }

    .adorno-c1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 30%;
    }


    .adorno-d1 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
    }

    .adorno-a {
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
    }


    .adorno-b {
        position: absolute;
        top: 0;
        right: 0;
        width: 40%;
    }

    .adorno-c {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40%;
    }


    .adorno-d {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 40%;
    }

    .adorno-x {
        width: 70%;
    }

    .adorno-y {
        width: 100%;
    }

    .t-f-1{
        font-size: 7rem;
    }

    .t-f-2{
        font-size: 1.1rem;
    }

    .t-f-3{
        font-size: .8rem;
    }

    .t-f-4{
        font-size: 1.2rem;
    }

    .t-f-5{
        font-size: 1.8rem;
    }

    .t-f-6{
        font-size: 3rem;
    }

    .t-f-7{
        font-size: .8rem;
    }


    .card-box{
        min-height: 600px;
    }

    .card-content{
        min-height: 350px;
    }

    .img-car{
        width: auto !important;
        height: 95vh !important;
    }

    .img-banner-1{
        height: 40vh;
    }

    .img-banner{
        height: 50vh;
    }

    .btn-color{
        padding: 0px 20px !important;
        font-size: 1.5rem;
    }

    .btn-color:hover {
        padding: 0px 20px !important;
        font-size: 1.5rem;
    }

    .logo-demos{
        height: 50px;
    }
}