:root{
	--nav-line-height: 40px;
	--royal-blue: #004292; 
	--white-text-semi: rgba(255, 255, 255, 0.75);
	--white-text-full: rgba(255, 255, 255, 1);
}


body{
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	background-color: #FDFDFD;
	color: var(--royal-blue);
}


/* navigation bar */
/*
.nav{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 40px;

	background-color: var(--royal-blue);
	text-align: center;
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid var(--royal-blue);
}


.nav>a, .nav>div>a{
	color: rgba(255, 255, 255, 0.75);
	text-decoration: inherit;
	line-height: var(--nav-line-height);
}

.nav .dropdown-content{
	border: 2px solid var(--royal-blue);
}

.active-nav, .nav>a:hover , .nav>.dropdown:hover{
	color: rgba(255, 255, 255, 1) !important;
	border-bottom: 2px solid white;
}

.nav>.dropdown:hover>a{
	color: rgba(255, 255, 255, 1) !important;
}

.dropdown {
	position: relative;
	display: inline-block;
}
*/
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: var(--royal-blue);
	min-width: 100%;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
	z-index: 1;
}

.dropdown-content>a{
	display: block;
	line-height: var(--nav-line-height);
	text-decoration: inherit;
	color: rgba(255, 255, 255, 0.75);
	border-bottom: 2px solid transparent;
}

.dropdown-content>a:hover{
	color: rgba(255, 255, 255, 1);
	border-bottom: 2px solid white;

}

.nav>div:hover .dropdown-content{
	display: block;
}

.main{
	display: grid;
	grid-auto-rows: auto;
}

/**********MAIN*****************/


.carousel-image{
	height: 100%;
	width: auto;
	margin: 0 auto;
}
.carousel-item{
	height: 60vh;
}

.carousel-center{
	margin: 0 auto;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.products{
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat (6, 1fr); 
	grid-auto-rows: 80px 30vh 30vh;
	grid-template-areas: 
	"	.	.	header	header	.	."
	"	.	icons icons icons icons ."
	"	.	icons icons icons icons .";

	padding-bottom: 50px;
	color: var(--royal-blue);

}

.products>h1{
	grid-area: header;
	text-align: center;
}

.products>.product-icons{
	grid-area: icons;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: 200px 200px;
	grid-template-areas: 
	".	.	a	a	b	b	.	."
	".	c	c	d	d	e	e	.";
	grid-gap: 50px;
	text-align: center;
	position: relative;
}



.product-icons > .a {
	grid-area: a;
	background-image: url("../images/icons/1.png");
	
}

.product-icons > .b {
	grid-area: b;
	background-image: url("../images/icons/2.png");
}

.product-icons > .c {
	grid-area: c;
	background-image: url("../images/icons/3.png");
}

.product-icons > .d {
	grid-area: d;
	background-image: url("../images/icons/4.png");
	
}

.product-icons > .e {
	grid-area: e;
	background-image: url("../images/icons/5.png");
}

.product-icons div{
	cursor:pointer;
	position: relative;
	background-position: top center;
	background-size: 125px 125px;
	background-repeat: no-repeat;
}

.product-icons div p {
	position: absolute;
	bottom:0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

.product-icons div:hover{
	background-size: 140px 140px;
}

/* Product Description*/

.product-description{
	padding-top: 20vh;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 20vh 60vh;
	grid-template-areas: 
	". 	h	h	h	h	."
	".	p	p	p 	p	.";
	text-align: center;

	background-attachment: fixed;
	background-size: cover;
	color: white;
	line-height: 25px;
}

.product-description h1{
	grid-area: h;
	font-size: 3rem;
}

.product-description p{
	grid-area: p;
	font-size: 1.2rem;
}

.product-description.a{
	/*background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(/images/photos/life-insurance.jpg);*/
	background-position: center top;
	background-color: #272b2e;
}

.product-description.b{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(/images/photos/disability.jpg);
}

.product-description.c{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(/images/photos/critical-insurance.jpg);
}

.product-description.d{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(/images/photos/travel.jpg);
}

.product-description.e{
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url(/images/photos/invest.jpg);
}

/* TEAM */
.profile-gallery{
	padding-top: 5vh;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	text-align: center;
}

.profile-gallery h1{
	grid-column: 1 / span 3;
}

.profile{
	display: grid;
	grid-template-rows: 300px, 5px, 5px;
	margin: 0 auto;
	padding: 25px;
}

.profile img{
	margin: 0 auto;
	border-radius: 25%;
	height: 250px;
	width: 200px;
}

.profile p{
	font-weight: 700;
}

.profile a{
	text-decoration: none;
	color: inherit;
}

/*///////////*/
html,
body {
  margin: 0;
  width: 100%;
}
@media (min-wdith: 1224px) {
  html,
body {
    font-size: 20px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}

.header {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
}
.header__logo {
  width: 100px;
}
@media (min-width: 1224px) {
  .header {
    padding-left: 20%;
    padding-right: 20%;
  }
}

.nav {
  display: flex;
  background-color: #004292;
  color: white;
  position: sticky;
  top: 0;
  z-index: 100;
}
.nav a {
  color: white;
  text-decoration: none;
}
.nav a:hover {
  color: #92c3ff;
}
.nav__item {
  text-align: center;
  flex: 1 0 auto;
  position: relative;
  padding: 10px;
}
.nav__dropdown {
  display: none;
  flex-direction: column;
  position: absolute;
  width: 100%;
  background-color: #004292;
  padding: 5px;
  left: 0;
  top: 100%;
}
.nav__dropdown a {
  padding-bottom: 5px;
}
.nav__item:hover .nav__dropdown {
  display: flex;
}
@media (min-width: 1224px) {
  .nav {
    padding-left: 20%;
    padding-right: 20%;
  }
}

.footer {
  display: flex;
  background-color: #004292;
}
.footer__section {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px;
}
.footer__section h1, .footer__section h2, .footer__section h3, .footer__section h4, .footer__section h5 {
  color: white;
}
.footer__section li {
  color: white;
}
.footer__section a {
  text-decoration: none;
  color: white;
}
.footer__section a:hover {
  color: #92c3ff;
}
.footer__section ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media (min-width: 1224px) {
  .footer {
    padding-left: 20%;
    padding-right: 20%;
  }
}
@media (max-width: 768px) {
  .footer {
    flex-direction: column;
    padding-top: 0;
  }
}

.container {
  text-align: center;
}
.container__flex {
  display: flex;
}
.container__mission, .container__vision {
  flex: 1 0 50%;
}
@media (min-width: 1224px) {
  .container p {
    padding-left: 20%;
    padding-right: 20%;
  }
}

.contact {
  display: flex;
  padding: 50px;
  border: 2px solid #92c3ff;
}
.contact__map {
  flex: 1 0 62%;
}
.contact__info {
  flex: 1 0 38%;
  text-align: center;
}
@media (min-width: 1224px) {
  .contact {
    padding-left: 20%;
    padding-right: 20%;
  }
}
@media (max-width: 768px) {
  .contact {
    flex-direction: column-reverse;
    padding: 25px;
  }
  .contact_info {
    padding: 10px;
  }
}

.partners__header {
  margin-top: 25px;
  text-align: center;
}
.partners__header h1 {
  font-size: 4rem;
}
.partners__container {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1224px) {
  .partners {
    margin-left: 20%;
    margin-right: 20%;
  }
  .partners__header h1 {
    font-size: 5rem;
  }
}

.partner {
  flex: 1 0 50%;
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
}
.partner img {
  object-fit: contain;
  width: 400px;
  margin: 25px;
}
@media (max-width: 768px) {
  .partner img {
    width: 300px;
  }
}
@media (max-width: 400px) {
  .partner img {
    width: 200px;
  }
}

.agents__header {
  text-align: center;
}
.agents__container {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1224px) {
  .agents {
    margin-left: 15%;
    margin-right: 15%;
  }
}

.agent {
  flex: 1 0 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.agent__image {
  margin-left: auto;
  margin-right: auto;
}
.agent__image img {
  width: 250px;
  border-radius: 5px;
}
.agent__info {
  text-align: center;
}

/*# sourceMappingURL=root.css.map */