@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
html{font:16pt josefin sans, optima; line-height:1.5em;}
body{width:100%;margin:0;text-align:left;}
#container, .container{float:left;width:100%;margin:0;padding:0;background-color:#fff;}
.container-lt-grey{float:left;width:100%;margin:0;padding:0;background-color:#E2E3E4;}
.container-grey{float:left;width:100%;margin:0;padding:0;background-color:#ccc;}
.container-mid-grey{float:left;width:100%;margin:0;padding:0;background-color:#a0a0a0;}
.container-dark-grey{float:left;width:100%;margin:0;padding:0;background-color:#58595B;}
.container-lt-blue{float:left;width:100%;margin:0;padding:0;background-color:#D3DAE9;}
.container-royal-blue{float:left;width:100%;margin:0;padding:0;background-color:#19469D;}
.container-navy{float:left;width:100%;margin:0;padding:0;background-color:#0C0F24;}
.container-creme{float:left;width:100%;margin:0;padding:0;background-color:#def38d;}
.container-red{float:left;width:100%;margin:0;padding:0;background-color:#ce1126;}
.pale-grey{background-color:#F5F5F5;}
.grey{background-color:#ccc;}
.lt-grey{background-color:#E2E3E4;}
.dark-grey{background-color:#58595B;}
.navy{background-color:#0C0F24;}
.royal-blue{background-color:#19469D;}
.lt-blue{background-color:#D3DAE9;}
.creme{background-color:#def38d;}
.yellow{background-color:yellow;}
.black{background-color:#000;}
.white{color:#fff;}
.red{color:#C8102E;}
span {display: inline; line-height: normal;}
.header {position: fixed; background:#fff; top: 0px; left: 0px; right: 0px; z-index: 5000;}
.main {padding-top: 0px; width: 100%;}
.posrel{position: relative;}
.banner{background: #c6eff7;width: 100%;height: 10pt;}
a:link{color:#19469D;text-decoration:none;}
a:visited{color:#19469D;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{color:#19469D;text-decoration:none;}
.footer{line-height:1.25em;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center; margin-left: auto; margin-right: auto;}
.noborder{border:none;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.under{text-decoration:underline;display:inline;}

img.center{display:block;margin:0;border:none;vertical-align:middle;}
img {border:0;vertical-align:middle;}
.img100{width:100%;height:auto;}
.image-container{overflow:hidden;}
.image{transition: transform 0.5s ease;}
.image:hover{transform: scale(1.1);} /* Zooms image by 10% on hover */
.darken{filter: brightness(65%);}
.htauto{height:auto;}

/* Menu */
#navbar{position:fixed;width:100%;background-color: rgba(12,15,36);transition: 0.3s;z-index:5000;}
#navbar a{display: block;color: #fff;}
.navigation{float:left;border:0;margin:0 auto;padding-top:25px;height:auto;}
.titl{float:left;width:35%;padding:0;margin:0;font-weight:bold;color:rgba(12,15,36);top:0;}
ul.titl{display:inline;list-style-type:none;color:rgba(12,15,36);}
ul.titl li a{display:block;font-weight:bold;text-align:center;padding:0;line-height:18px;color:rgba(12,15,36);}
.buttontitle{list-style-type:none;float:right;padding:0px 8px 14px 8px;font-weight:bold;line-height:22px;color:rgba(12,15,36);}
ul.nav-main{text-align:center;list-style-type:none; margin:0; padding:0; position:relative;}
ul.nav-main li{float:left;text-align:center;display:inline;margin-right:1px;}
ul.nav-main li a{display:block;font-size:87.5%;text-align:center;padding:0 16px 20px;line-height:20px;color:#001548;text-decoration:none;}
ul.nav-main li:hover a{text-decoration:underline;}
.show-menu{text-decoration:none;color: rgba(12,15,36);font-weight:bold;padding:10px 0;display:none;z-index:4003;}
input[type=checkbox]{display:none;-webkit-appearance:none;}
input[type=checkbox]:checked ~ #menu{display:block;color:rgba(12,15,36);}

/* Icon */
.icon-broker, .icon-miguelavila, .icon-eho, .icon-email, .icon-linkedin, .icon-facebook, .icon-phone{background-image: url('icon.png'); background-repeat: no-repeat; display: inline-block; width:100%; height:auto;} 
.icon-broker { background-position: -0px -0px; width: 96px; height: 50px; }
.icon-miguelavila { background-position: -0px -50px; width: 85px; height: 100px; }
.icon-eho { background-position: -0px -150px; width: 85px; height: 91px; }
.icon-email { background-position: -0px -241px; width: 38px; height: 24px; }
.icon-linkedin { background-position: -38px -241px; width: 24px; height: 24px; }
.icon-facebook { background-position: -62px -241px; width: 24px; height: 24px; }
.icon-phone { background-position: -0px -265px; width: 24px; height: 24px; }

/* Font */
h1{font-weight: bold;font-size: 114%;display: inline;}
h2{font-size:105%;display:inline;}
h3{font-weight:bold;}
h4{font-size:62.5%;}
address {display: block; font-style: normal;}
.cap{text-transform:capitalize;}
.font200x{font-size:200%;}
.font175x{font-size:175%;}
.font150x{font-size:150%;}
.font125x{font-size:125%;}
.font112x{font-size:112.5%;}
.font100x{font-size:100%;}
.font875x{font-size:87.5%;}
.font75x{font-size:75%;} /* only for contact info */
.font625x{font-size:62.5%;}
.font57x{font-size: 56.25%;}
.font50x{font-size:50%;}
.font375x{font-size:37.5%;}
.select{font-size:87.5%;padding:3px;margin-bottom:11px;}
.midsize{font-size:100%;padding:3px;margin-bottom:20px;}
tr:nth-child(even){background-color: #f2f2f2}

/* Margin */
.nopadnomargin{margin:0;padding:0;}
.margin-auto{margin-left:auto;margin-right:auto;}
.margin-l1{margin:0 0 0 1%;}
.margin-tb60{margin-top:60px;margin-bottom:60px;}
.margin-t65{margin-top:65px;}
.margin-tb30{margin-top:30px;margin-bottom:30px;}
.margin-20{margin:20px;}
.margin-tb20{margin-top:20px;margin-bottom:20px;}
.margin-lr20{margin-left:20px;margin-right:20px;}
.margin-10{margin:10px;}
.margin-tb10{margin-top:10px;margin-bottom:10px;}
.margin-lr10{margin-left:10px;margin-right:10px;}
.margin-b4{margin-bottom:4px;}
.margin-t4{margin-top:4px;}

/* Padding */
.pad20{padding:20px;}
.tpad20{padding-top:20px;}
.bpad20{padding-bottom:20px;}
.tbpad20{padding-top:20px;padding-bottom:20px;}
.lrpad20{padding-left:20px;padding-right:20px;}
.rpad20{padding-right:20px;}
.lpad20{padding-left:20px;}
.rpad15i{float:right;padding-right:15px;}
.pad10{padding:10px;}
.tpad10{padding-top:10px;} /* becomes 0 in smaller screen */
.tbpad10{padding-top:10px;padding-bottom:10px;}
.bpad10{padding-bottom:10px;}
.lrpad10{padding-left:10px;padding-right:10px;}
.rpad10{padding-right:10px;}
.lpad10{padding-left:10px;}
.pad5{padding:5px;}
.tpad5{padding-top:5px;}
.lpad5{padding-left:5px;}
.rpad5{padding-right:5px;}

/* Width */
.slice{position:relative;max-width:980px;margin:0 auto;padding:0;}
.full-wid{position:relative;width:100%;float:left;}
.c90{width:90%;float:left;}
.c66{width:66%;float:left;}
.c50{width:50%;float:left;}
.vc50{width:50%;float:left;}
.c49{width:49%;float:left;}
.c33{width:33%;float:left;}
.c260{position:relative;min-width:260px;margin:0 auto;padding:0;} /* ck if used */
.w240{width:240px;float:left;margin:0;padding:0;line-height:1.5em;} /* only for contact info */
.l114{width:114px;float:left;margin:0;padding:0;}
.l50{float: left;width: 50px;} /*menu - fixed size*/
.r50{display:inline;width: 50px; margin-right: 5px;} /*menu - fixed size*/
.wd200{float:left;width:190px;}
.wd50{float:left;width:50px;text-align:right;}
.ent90{width:90%;}
.ent80{width:80%;}
.ent70{width:70%;}
.ent60{width:60%;}
.ent40{width:40%;}
.ent20{width:20%;}
.c25 {width:25%;float:left;} /* footer */

div.box{position: absolute; top: 20%; left: 50%; width: 50%; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);z-index: 20;}
div.transbox{position: absolute; width: 100%; padding: 10px; z-index: 20;}
div.transbox input{color: #fff; opacity: 0.85; filter: alpha(opacity=85); border: 2px; padding: 10px;}

.insights{width:100%;margin:0;padding:0;}
.insights .row {display: grid; grid-template-columns: auto auto; gap: 1rem;}
.insight {color:#0C0F24;padding: 0;margin: 0;}

.middle{position: absolute; top: 50%; left: 50%; width: 50%; border: 2px solid white; text-align: center; transform: translate(-50%, -50%); padding: 10px;}

.centered{display:flex;flex-direction:row;justify-content:center;align-items:center;}

/* Buttons - use buttonz only on colored backgrounds */
.gobutton{font-weight: bold;background-color:#E2E3E4;color:#fff;padding:5px;margin:0;z-index:20;}
.gobutton:hover{background-color:#58595B;color:#fff;opacity:1.0;z-index:20;}
.buttonz{background-color:#0C0F24;color:#000;padding:10px;margin:0;border:2px solid;z-index:20;}
.buttonz:hover,.buttonz a:hover,.button:hover,.button a:hover{background-color: #0C0F24;color:#fff;text-decoration: none;z-index:20;}
.button{background-color:#F5F5F5;color:#0C0F24;padding:10px;margin:0;border:2px solid;z-index:20;}
.button:hover{background-color:#0C0F24;color:#fff;border:2px solid;text-decoration:none;z-index:20;}
.buttonr{background-color:#31303F;color:#fff;padding:10px;margin:0;border:2px solid;z-index:20;}
.buttonr:hover{background-color:#fff;color:#0C0F24;border:2px solid;text-decoration:none;z-index:20;}
.buttonw{background:transparent;border:1px solid;border-radius:0;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;line-height:24px;min-width:128px;padding:10px 20px;position:relative;text-align:center;text-transform:uppercase;transition:all .3s;vertical-align:middle}
.buttonw:hover{background-color:#fff;color:#0C0F24;border:2px solid;text-decoration:none;z-index:20;}
.buttonw,.buttonw a{background:transparent;border:1px solid;border-radius:0;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;line-height:24px;min-width:128px;padding:10px 20px;position:relative;text-align:center;text-transform:uppercase;transition:all .3s;vertical-align:middle}
@media(hover:hover)and (pointer:fine){
.buttonw:after{border-right:0 solid;border-top:0 solid;content:"";display:inline-block;height:0;line-height:1;margin-left:0;position:relative;top:-1px;transform:rotate(45deg);transition:width .3s,height .3s,margin .3s,border .2s;vertical-align:middle;width:0}
.buttonw:hover:after{border-right-width:2px;border-top-width:2px;height:9px;margin-left:2px;width:9px}
}
/* Buttons  */

input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance: none;} 
.nofs{display:none;}
.nortrn{display:none;}
.blockContainer{display: flex; flex-direction: row;}
.blockA, .blockB{width: 50%;}

@media screen and (max-width:1200px){
	div.box{width: 60%;}
}
@media screen and (max-width:979px){
	.slice{width:100%;}
	ul.nav-main li a{padding:0 12px 20px;}
	div.box{width: 65%;}
}
@media screen and (max-width:900px){
	ul.nav-main li a{padding:0 10px 20px;}
	.lpad20{padding-left:10px;}
	.tpad10{padding-top:0;}
	.margin-l1{margin:0;}
	div.box{width: 70%;}
	.w240{width:190px;}
	.insights .row {grid-template-columns: 1fr;}
}
@media screen and (max-width:835px){
	ul.nav-main li a{padding:0 10px 20px;}
	div.box{width: 80%;}
}
@media screen and (max-width:800px){ul.nav-main li a{padding:0 10px 20px;} .c25 {width:50%;}}
@media screen and (max-width:770px){
	ul.nav-main li a{padding:0 6px 20px 12px;}
}
@media screen and (max-width:759px){
	.nohh{display:none! important;}
	.margin-t65{margin-top:62px;}
	.titl, ul.titl{float: left;width:75%;text-align: center;}
	.buttontitle{padding:0;margin:0 10px 0 0;}
	.buttontitle2{display:none! important;}
	.navigation{padding-top:10px;}
	ul.nav-main{float:left;display:none;width:100%;}
	ul.nav-main li{margin-bottom: 0px;}
	ul.nav-main li a{display:block;text-align:left;padding:10px 9px;}
	ul.nav-main li, li a{width:100%;}
	.show-menu{display:inline-block;width:100%;text-align:left;padding:10px 0;}
	.navigation{width: 100%;}
}
@media screen and (max-width:720px){
	.pad20{padding:10px;}
	.nofs{display:inline;}
	.nodisp{display:none! important;}
	div.box{width: 50%;}
	.c33, .c50, .c49, .c66{width:100%;float:none;}
	.buttonz{font-size:85%;}
	.ent40{width:70%;}
	.blockContainer{flex-direction: column-reverse;}
	.blockA, .blockB{width: 100%;}
}
@media screen and (max-width:560px){
	div.box{width: 65%;}
}
@media screen and (max-width:480px){
	.lrpad20{padding-left: 10px;padding-right: 10px;}
	.margin-lr10{margin-left:5px;margin-right:5px;}
	.hhrem{display:none! important;}
	.vc50{width:100%;float:none;}
	.nortrn{display:inline;}
}
@media print{
	html{font-size:14pt;color:#000;line-height:1.25em;}
	body{background:#fff;}
	.white{color:#000;}
	.buttontitle, .buttontitle2, .hhrem, .noprint, .l50{display:none!important;}
	.titl, ul.titl, ul.titl li a {float:none;width:100%;font-size:125%;font-weight:bold;color:#000;text-align: left;}
	#navbar, .banner, .grey, .lt-grey, .lt-blue, .creme, .yellow, .container-red, .container-lt-blue, .container-creme, .container-lt-grey{color:#000;background:#fff;}
	#navbar {float: none; display:block; width:100%;background-color: #fff;transition: 0s;}
	.c66, .c33, .w240{width:100%;}
	.wd200{float:left;width:52%;}
	.wd50{float:left;width:16%;text-align:right;}
	.pad20, .lpad20{padding:0;}
	.font75x{font-size:100%;}
}