@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
/* font-family: 'Lato', sans-serif; */
@import url('style-banner.css');


body{background-color: #fff; font-family: 'Lato', sans-serif; color: #333333}


/* Typography  */

.clr-yellow{color: #E2AD0C}
.clr-gray{color: #333}

p{font-size: 15px;}
h1.reg{color: #333333; font-weight: 700; font-size: 2em}

.btn-outline-light{color:#E2AD0C }.btn-outline-light:hover{border-color: #E2AD0C; background: #E2AD0C; color: #fff}
.btn-primary{background-color: #E2AD0C; border: 0px;}.btn-primary:hover{background-color: #333; border: 0px;}
a.reg{color: #E2AD0C; text-decoration: none; font-size: 14px;}

/* utilities */

.pad-xlg{padding: 40px 165px 40px 165px}
.pad-lg{padding: 100px}
.pad-x-lg{padding: 40px 100px;}
.pad-md{padding: 50px}
.pad-x-sm{padding: 0px 20px;}
.pad-x-reg{padding: 0px 50px;}
.pad-y-reg{padding: 50px 0px;}

.a-bottom{position: absolute;bottom: 0;right: 0}

hr.short{border:0; height: 5px; background:#E2AD0C; width: 100px; margin: 20px 0px }

/*----------------- */
.logo img{max-width: 240px !important;}
.home-banner{text-align: left;}
.home-banner h1{font-weight: 700}

.yellowbox{background: #E2AD0C; color: #fff; padding: 60px 50px; border-right: 15px solid #fff}
.yellowbox a{color: #4A4A4A; font-size: 20px; font-weight: 700; border-bottom: 2px solid #fff; padding: 5px;}
.yellowbox a:hover{text-decoration: none; border-bottom: 2px solid #000; padding: 5px; color: #000}
.graybox{background: #4A4A4A; color: #fff; padding: 60px 50px;}
.graybox a{color: #E2AD0C; font-size: 20px; font-weight: 700; border-bottom: 2px solid #fff; padding: 5px;}
.graybox a:hover{text-decoration: none; border-bottom: 2px solid #000; padding: 5px; color: #000}
.yellowbox h3, .graybox h3{font-weight: 700}
.bluebox{background: #0D4B7F; color: #fff; padding: 60px 50px;}

.insights h2{font-size: 22px;}
.insights h2 a{color: #333; font-size: 22px;}
.insights h5{font-size: 13px; color: #9A9A9A; letter-spacing: 2pt}
.insights hr{border: 0px; height: 1px; background-color: #0D4B7F}
.insights p a{font-size: 14px; color: #333; }

footer ul{list-style: none; padding: 0px 30px; margin: 0;  list-style-position: inside;}
footer ul li{font-size: .7em; margin: 5px 0px; font-family: 'Roboto', sans-serif;}
footer ul li a{color: #333333}
footer p{font-family: 'Roboto', sans-serif; font-size: .8em; }
footer .social-icons{display: block; margin:10px 0px;}
footer .social-icons img{max-width: 20px; margin-right:10px;}


/* --------------------------------------  mobile --------------------------------------  */

@media (max-width: 768px)
{




/* --- utilities ---*/
.pad-xlg, .pad-lg, .pad-x-lg{padding: 40px}
.pad-md{padding: 20px}
.pad-x-reg{padding: 0px 30px;}
.pad-y-reg{padding: 30px 0px;}

.a-bottom{position: relative;margin: 10px 0px;}


/*----------------- */
.yellowbox, .graybox{ border-right: 0; padding: 50px 30px; }

}