/*-----------------------------------
FONT IMPORTS
-----------------------------------*/

@font-face {
    font-family: 'FordAntenna-Light';
    src: url('../fonts/FordAntenna-Light.eot#') format('eot'),
         url('../fonts/FordAntenna-Light.woff') format('woff'),
         url('../fonts/FordAntenna-Light.ttf') format('truetype'),
         url('../fonts/FordAntenna-Light.svg#FordAntenna-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FordAntenna-Medium';
    src: url('../fonts/FordAntenna-Medium.eot#') format('eot'),
         url('../fonts/FordAntenna-Medium.woff') format('woff'),
         url('../fonts/FordAntenna-Medium.ttf') format('truetype'),
         url('../fonts/FordAntenna-Medium.svg#FordAntenna-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FordAntennaComp-Light';
    src: url('../fonts/FordAntennaComp-Light.eot#') format('eot'),
         url('../fonts/FordAntennaComp-Light.woff') format('woff'),
         url('../fonts/FordAntennaComp-Light.ttf') format('truetype'),
         url('../fonts/FordAntennaComp-Light.svg#FordAntennaComp-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FordAntennaComp-Regular';
    src: url('../fonts/FordAntennaComp-Regular.eot#') format('eot'),
         url('../fonts/FordAntennaComp-Regular.woff') format('woff'),
         url('../fonts/FordAntennaComp-Regular.ttf') format('truetype'),
         url('../fonts/FordAntennaComp-Regular.svg#FordAntennaComp-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'FordAntennaComp-Medium';
    src: url('../fonts/FordAntennaComp-Medium.eot#') format('eot'),
         url('../fonts/FordAntennaComp-Medium.woff') format('woff'),
         url('../fonts/FordAntennaComp-Medium.ttf') format('truetype'),
         url('../fonts/FordAntennaComp-Medium.svg#FordAntennaComp-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FordAntennaWGL-Bold';
    src: url('../fonts/FordAntennaWGL-Bold.eot#') format('eot'),
         url('../fonts/FordAntennaWGL-Bold.woff') format('woff'),
         url('../fonts/FordAntennaWGL-Bold.ttf') format('truetype'),
         url('../fonts/FordAntennaWGL-Bold.svg#FordAntennaComp-Light') format('svg');
    font-weight: normal;
    font-style: normal;
} 
@font-face {
    font-family: 'FordAntennaWGL-Regular';
    src: url('../fonts/FordAntennaWGL-Regular.eot#') format('eot'),
         url('../fonts/FordAntennaWGL-Regular.woff') format('woff'),
         url('../fonts/FordAntennaWGL-Regular.ttf') format('truetype'),
         url('../fonts/FordAntennaWGL-Regular.svg#FordAntennaComp-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FordAntennaCond-Light';
    src: url('../fonts/fordantennacondwgl-light-webfont.eot#') format('eot'),
         url('../fonts/fordantennacondwgl-light-webfont.woff') format('woff'),
         url('../fonts/fordantennacondwgl-light-webfont.ttf') format('truetype'),
         url('../fonts/fordantennacondwgl-light-webfont.svg#FordAntennaComp-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FordAntennaCond-Bold';
    src: url('../fonts/fordantennacondwgl-bold-webfont.eot#') format('eot'),
         url('../fonts/fordantennacondwgl-bold-webfont.woff') format('woff'),
         url('../fonts/fordantennacondwgl-bold-webfont.ttf') format('truetype'),
         url('../fonts/fordantennacondwgl-bold-webfont.svg#FordAntennaComp-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FordAntennaExtraCond-Light';
    src: url('../fonts/FordAntennaExtraCond-Light.eot#') format('eot'),
         url('../fonts/FordAntennaExtraCond-Light.woff') format('woff'),
         url('../fonts/FordAntennaExtraCond-Light.ttf') format('truetype'),
         url('../fonts/FordAntennaExtraCond-Light.svg#FordAntennaExtraCond-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FordAntenna-ExtraLight';
    src: url('../fonts/FordAntenna-ExtraLight.eot#') format('eot'),
         url('../fonts/FordAntenna-ExtraLight.woff') format('woff'),
         url('../fonts/FordAntenna-ExtraLight.ttf') format('truetype'),
         url('../fonts/FordAntenna-ExtraLight.svg#FordAntenna-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*-----------------------------------
LAYOUT AND STYLE DECLARATIONS
-----------------------------------*/
body{ font-family: 'FordAntenna-ExtraLight'; color:#2b3c50; }



/* --- GLOBAL DECLARATIONS --- */
.uppercase{ text-transform: uppercase; }
.bold{font-family: 'FordAntennaWGL-Bold';}
.white{ color:white; }
.mobile{ display: none; }

/* --- header --- */

header{ background-color:#2b3c50;}
header h1 {  font-size: 43px;  margin: 0px;  padding:10px 5px 10px 30px;}


/* --- main content--- */

	/*---section left---*/
section.full-content { width: 100%; }
section .img-left{ display: inline-block; max-width: 60%;}
section .img-left img {width: 100%;!important}


	/*---section left---*/
section .form-right{display: inline-block; vertical-align: top; width: 39%;}
section .form-right .main-content{padding: 4% 3% 0 18%;}
section .form-right .main-content h2{ font-family: 'FordAntenna-ExtraLight'; font-size: 47px;}

input[type="tel"]{ width: 100%; padding: 15px 0px 15px 5px; border-style: none; background-color: #ededed; font-size: 23px; font-style: italic; color: #a3a3a3; }
.btn-enviar {-webkit-appearance:inherit !important;  display: inline-block; color:white; width: 100%; padding: 15px 0px 15px 5px; text-align: center; background-color:#5c94c9; text-decoration:none; font-size: 30px; color:white;}
.btn-enviar img{  margin-bottom: -3px; padding-right: 10px; } 
a.legales-movil { width: 100%; margin: 45px auto 0; text-align: center; display: inline-block; color: #454646; font-size: 15px;}

.desktop h1{text-align: left;}
.mobile h1{text-align: center; padding-left: 3px;}
/*-------POP-UP-----*/

.popup{
    position: relative;
    background: #fff;
    padding: 80px 20px;
    text-align: center;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}


/* --- media querys --- */



@media screen and (max-width: 1620px){
    input[type="tel"]{ font-size: 20px; }
}

@media screen and (max-width: 1440px) and (min-width: 320px){
    header h1 { font-size: 39px; }
    a.legales-movil{width: 100%;}
}

@media screen and (max-width: 1340px) and (min-width: 320px){
    section .img-left{ width: 61%; }
    section .form-right { width: 35%; }
    section .form-right .main-content h2{ font-size: 30px; }
    input[type="tel"]{font-size: 12px;}
    .btn-enviar{ font-size: 12px;}
    .btn-enviar img { margin-bottom: -6px; padding-right: 10px; width: 6%; }
}

@media screen and (max-width: 1340px) and (min-width: 769px){
    input[type="tel"]{width: 100%}
    .btn-enviar{ width: 100% }

}

@media screen and (max-width: 1274px) and (min-width: 320px){
    header h1{ font-size: 34px; }
    br.display { display: none;}
	
}

@media screen and (max-width: 980px){
   header h1 { font-size: 28px; }
   section .form-right .main-content h2 {  font-size: 25px; }
}


@media screen and (max-width: 768px) and (min-width: 320px){
    header h1{ margin: 0px; font-size: 28px; } 
    section .img-left .img-row-1 .row-1-2, section .img-left .img-row-2 .row-2-2{ width: 50%; }
    section .img-left .img-row-1 .row-1-1, section .img-left .img-row-2 .row-2-1{ width: 50%; }
    section .form-right .main-content{ padding:0%;  }
    section .form-right .main-content { padding-top: 0%; width: 94%; margin: 0px auto; margin-top: 10%;}
    section .form-right .main-content h2{ width: 35%; margin-top: 2px; float: left; font-size: 25px; text-align: right; margin-right: 10px;}
	section .form-right{width: 100%;}
	section .img-left{	width: 100%; margin-top: 0%; max-width: inherit; display: grid;}
	.mobile{ display: block; }
	.desktop{ display: none; }
	input[type="tel"] {width: 58%;}
	.btn-enviar {width: 58%;}
}


@media screen and (max-width: 515px)and (min-width: 320px){
	header h1 { font-size: 20px; }
	section .form-right .main-content h2{ width: 100%; text-align: center;}
	form {width: 100%; text-align: center; display: inline-block; margin: 0 auto;}
    input[type="tel"]{width: 100%}
    .btn-enviar{ width: 100% }
}

@media screen and (max-width: 420px)and (min-width: 320px){
    header h1 {
        font-size: 17px;
    }
}