@font-face { font-family: "BentonSans"; src: url("../../fonts/benton-sans.eot"); src: url("../../fonts/benton-sans.eot?") format("embedded-opentype"), url("../../fonts/benton-sans.woff") format("woff"), url("../../fonts/benton-sans.ttf") format("truetype"),url("../../fonts/benton-sans.svg#web") format("svg"); font-style: normal; font-weight: normal; }
@font-face { font-family: "BentonSans-Book"; src: url("../../fonts/benton-sans-book.eot"); src: url("../../fonts/benton-sans-book.eot?") format("embedded-opentype"), url("../../fonts/benton-sans-book.woff") format("woff"), url("../../fonts/benton-sans-book.ttf") format("truetype"); font-style: normal; font-weight: 300; }
@font-face { font-family: "BentonSans-Medium"; src: url("../../fonts/benton-sans-medium.eot"); src: url("../../fonts/benton-sans-medium.eot?") format("embedded-opentype"), url("../../fonts/benton-sans-medium.woff") format("woff"), url("../../fonts/benton-sans-medium.ttf") format("truetype"); font-style: normal; font-weight: 600; }
@font-face { font-family: 'BentonSans-Light'; src: url('../fonts/BentonSans-Light.eot'); src: url('../fonts/BentonSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/BentonSans-Light.woff') format('woff'), url('../fonts/BentonSans-Light.ttf') format('truetype'), url('../fonts/BentonSans-Light.svg#BentonSans-Light') format('svg'); font-weight: 200; font-style: normal; }
@font-face{font-family:'BentonSans-Bd';src:local("Benton Sans Bold");src:url("../../fonts/benton-sans-bd.eot");src:url("../../fonts/benton-sans-bd.eot?") format("embedded-opentype"),url("../../fonts/benton-sans-bd.woff") format("woff"),url("../../fonts/benton-sans-bd.ttf") format("truetype"),url("../../fonts/benton-sans-bd.svg#web") format("svg");font-style:normal;font-weight:bold}
@font-face{font-family:'BentonSans-Black';src:local("Benton Sans Black");src:url("../../fonts/benton-sans-cond-black.ttf") format("truetype");font-style:normal;}
body {
	background-color: #FFFFFF;
	font-family: "BentonSans";
}
a{text-decoration: none;}
.black {font-family:'BentonSans-Black' !important; }
.btnmed{font-family:'BentonSans-Medium' !important;}
.barra-azul{height: 10px; background-color: #00175A;}
.titulo-form{font-size: 24px; line-height: 28px;}
.inputs-container{display: flex; flex-direction: column; padding: 20px 0;}
.parrafo-footer{font-size: 10px; line-height: 12px;}
.w-70{width: 70%;}
.bg-azul{background-color: #006FCF;}
.bold{font-weight: 700;}
.bg-blanco{background-color: #FFFFFF;}
.bg-gracias {
    background-image: url(../img/banner-fondo.jpg);
    left: calc((1320px - 100vw) / 2);
    width: calc((100vw - 1320px) / 2 + 645px);
    min-height: 100%;
    background-repeat: no-repeat;
}
.bg-fixed {
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: auto;
}
em.invalid-feedback {font-size: 12px;}
/*GRACIAS.HTML*/
.font-light{font-family: 'BentonSans-Light' !important;}
.font-40{font-size: 40px; line-height: 48px;}
.font-24{font-size: 24px; line-height: 28px;}

@media screen and (max-width: 1400px) {
.bg-gracias {
    left: calc((1140px - 100vw) / 2);
    width: calc((100vw - 1140px) / 2 + 560px);
    height: 620px;
}
}
@media screen and (max-width: 1200px) {
    .bg-gracias {
        left: calc((960px - 100vw) / 2);
        width: calc((100vw - 960px) / 2 + 470px);
        height: 620px;
    }
    }
 @media screen and (max-width: 992px) {
    .bg-gracias {
            left: calc((720px - 100vw) / 2);
            width: calc((100vw - 720px) / 2 + 350px);
            height: 620px;
    }
}
@media screen and (max-width: 769px) {
    .font-20{font-size: 18px;}
    .font-16{font-size: 16px;}
    .font-30{font-size: 25px; line-height: 30px;}
    .font-10{font-size: 10px;}
    .resp-w-100{width: 100%;}
    .bg-mobile{background-image: url(../img/banner-fondo.jpg); background-repeat: no-repeat; min-height: 300px; background-size: cover;}
}