@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');

a {
  color: inherit;
  text-decoration: none; /* no underline */
}

.link-hover:hover {
	color: #B2EC00;
}



.header {
	width: 100vw;
	height: 5vw;
	position: fixed;
	top: 3vw;
	left: 0%;
	z-index: 500;
	background-color: #FFFFFF;
	border-bottom: thin solid rgba(136,136,136,0.50);
	-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.20);
}
.header-logo {
	width: 20vw;
	height: 7vw;
	position: absolute;
	top: -1.8vw;
	left: 6%;
	z-index: 150;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 77% auto;
}
.link1 {
	width: 5vw;
	height: 5vw;
	position: absolute;
	top: 0vw;
	left: 49.5%;
	z-index: 50;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	font-size: 0.8vw;
	cursor: pointer;
	line-height: 5vw;
}
.link1:hover  {
	position: absolute;
	background-color: #068CF5;
	background-image: url(../images/triangle.png);
	background-position: center 100%;
	background-size: 25% auto;
	background-repeat: no-repeat;
	color: rgba(255,255,255,1.00);
}

.link2 {
	width: 6vw;
	height: 5vw;
	position: absolute;
	top: 0vw;
	left: 54.8%;
	z-index: 50;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	font-size: 0.8vw;
	cursor: pointer;
	line-height: 5vw;
}
.link2:hover  {
	position: absolute;
	background-color: #068CF5;
	background-image: url(../images/triangle.png);
	background-position: center 100%;
	background-size: 25% auto;
	background-repeat: no-repeat;
	color: rgba(255,255,255,1.00);
}
	
.link3{
	width: 6vw;
	height: 14vw;
	position: absolute;
	top: 0vw;
	left: 60.7%;
	z-index: 50;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	font-size: 0.8vw;
	cursor: pointer;
	line-height: 5vw;
}
.link3:hover  {
	position: absolute;
	background-color: #0396b7;
	background-image: url(../images/triangle.png);
	background-position: center 100%;
	background-size: 24% auto;
	background-repeat: no-repeat;
	color: rgba(255,255,255,1.00);
}

.link4 {
	width: 6vw;
	height: 5vw;
	position: absolute;
	top: 0vw;
	left: 68%;
	z-index: 50;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	font-size: 0.8vw;
	cursor: pointer;
	line-height: 5vw;
}
.link4:hover {
	position: absolute;
	background-color: #068CF5;
	background-image: url(../images/triangle.png);
	background-position: center 100%;
	background-size: 25% auto;
	background-repeat: no-repeat;
	color: rgba(255,255,255,1.00);
}



.link5 {
	width: 7vw;
	height: 5vw;
	position: absolute;
	top: 0vw;
	left: 74.1%;
	z-index: 50;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	font-size: 0.8vw;
	cursor: pointer;
	line-height: 5vw;
}
.link5:hover {
	position: absolute;
	background-color: #068CF5;
	background-image: url(../images/triangle.png);
	background-position: center bottom;
	background-size: 20% auto;
	background-repeat: no-repeat;
	color: rgba(255,255,255,1.00);
}


.link6 {
	width: 5.5vw;
	height: 5vw;
	position: absolute;
	top: 0vw;
	left: 87%;
	z-index: 50;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	font-size: 0.8vw;
	cursor: pointer;
	line-height: 5vw;
}
.link6:hover {
	width: 5.5vw;
	height: 5vw;
	position: absolute;
	top: 0vw;
	z-index: 50;
	background-color: #068CF5;
	background-image: url(../images/triangle.png);
	background-position: center bottom;
	background-size: 25% auto;
	background-repeat: no-repeat;
	color: rgba(255,255,255,1.00);
}
.link7 {
	width: 5.5vw;
	height: 5vw;
	position: absolute;
	top: 0vw;
	left: 81.3%;
	z-index: 50;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-align: center;
	font-size: 0.8vw;
	cursor: pointer;
	line-height: 5vw;
}
.link7:hover {
	width: 5.5vw;
	height: 5vw;
	position: absolute;
	top: 0vw;
	z-index: 50;
	background-color: #068CF5;
	background-image: url(../images/triangle.png);
	background-position: center bottom;
	background-size: 25% auto;
	background-repeat: no-repeat;
	color: rgba(255,255,255,1.00);
}






.link3-dropdown {
	position: absolute;
	top: 0vw;
	left: 60.4%;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	font-size: 0.8vw;
	width: 8vw;
	height: 7vw;
	display: inline-block;
	z-index: 50;
	font-style: normal;
	font-weight: 600;
	line-height: 5vw;
	text-align: center;
}
.link3-dropdown:hover {
	color: #FFFFFF;
}

.link3-dropdown-content {
	display: none;
	position: absolute;
	top: 0vw;
	left: 0%;
	color: rgba(255,255,255,1.00);
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 0.6vw;
	width: 7vw;
	height: 10vw;
	line-height: 1vw;
	padding-top: 5vw;
	text-indent: -1vw;
	z-index: -1;
	padding-left: 1vw;
	font-style: normal;
	font-weight: 600;
}

.link3-dropdown:hover .link3-dropdown-content {
	display: block;
	background-color: #068CF5;
	background-image: url(../images/triangle.png);
	background-position: center 100%;
	background-size: 19% auto;
	background-repeat: no-repeat;
}



.link4-dropdown {
	position: absolute;
	top: 0vw;
	left: 68.7%;
	color: #222222;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 0.8vw;
	width: 7vw;
	height: 7vw;
	display: inline-block;
	z-index: 50;
	font-style: normal;
	font-weight: 600;
	line-height: 5vw;
}
.link4-dropdown:hover {
	color: #FFFFFF;
}

.link4-dropdown-content {
	display: none;
	position: absolute;
	top: 0vw;
	left: 0%;
	color: rgba(255,255,255,1.00);
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 0.73vw;
	width: 6vw;
	height: 7vw;
	line-height: 1.5vw;
	padding-top: 5vw;
	text-indent: -1vw;
	z-index: -1;
	padding-left: 1vw;
	font-style: normal;
	font-weight: 600;
}

.link4-dropdown:hover .link4-dropdown-content {
	display: block;
	background-color: #068CF5;
	background-image: url(../images/triangle.png);
	background-position: center 100%;
	background-size: 21% auto;
	background-repeat: no-repeat;
}


.topheader-banner-cont {
	width: 100vw;
	height: 3vw;
	position: absolute;
	left: 0%;
	top: -3vw;
	z-index: 100;
	background-color: #068CF5;
}
.header-phone {
	width: 13vw;
	height: 2vw;
	position: absolute;
	top: 0.7vw;
	right: 28%;
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 0.9vw;
	background-image: url(../images/phone.png);
	background-position: 2% 33%;
	background-size: 10% auto;
	background-repeat: no-repeat;
	text-indent: 2vw;
	line-height: 2vw;
	cursor: pointer;
}
.header-email {
	width: 13vw;
	height: 2vw;
	position: absolute;
	top: 0.7vw;
	right: 18%;
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 0.9vw;
	background-image: url(../images/email-icon.png);
	background-position: 8% 19%;
	background-size: 13% auto;
	background-repeat: no-repeat;
	text-indent: 3vw;
	line-height: 1.9vw;
	cursor: pointer;
}
.facebook-icon {
	width: 2.3vw;
	height: 2.3vw;
	position: absolute;
	top: 0.4vw;
	right: 49%;
	z-index: 50;
	background-image: url(../images/facebook-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
}
.facebook-icon:hover {
	background-image: url(../images/facebook-logo-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
}


.linkedin-icon {
	width: 2.3vw;
	height: 2.3vw;
	position: absolute;
	top: 0.4vw;
	right: 46%;
	z-index: 50;
	background-image: url(../images/linkedin-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.linkedin-icon:hover {
	background-image: url(../images/linkedin-logo-HOVER.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.connect-title {
	width: 9vw;
	height: 1.5vw;
	position: absolute;
	top: 1vw;
	left: 39%;
	font-family: 'Poppins', sans-serif;
	color: rgba(255,255,255,1.00);
	font-size: 1vw;
	text-align: right;
	font-weight: 400;
	z-index: 10;
}
#get-quote {
	width: 7vw;
	height: 2vw;
	position: absolute;
	top: 0.3vw;
	left: 85%;
	z-index: 50;
	border: medium solid #FFFFFF;
	border-radius: 25% / 75%;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 0.9VW;
	color: #FFFFFF;
	line-height: 2VW;
	cursor: pointer;
}
#get-quote:hover {
	background-color: #B2EA00;
	color: rgba(255,255,255,1.00);
}