@charset "utf-8";
/* CSS Document */

@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');



html{
}
body {
	overflow-x: hidden;
	background-color: #FFFFFF;

}
.wrapper{
	width: 100vw;
	height: 217vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	z-index: 50;
	background-color: rgba(255,0,4,1.00);
	overflow: hidden;
}


.top-advert-cont {
	width: 100vw;
	height: 44vw;
	position: absolute;
	top: 8vw;
	left: 0%;
	z-index: 50;
	background-image: url(../images/top-advet-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 407%;
	background-size: 100% auto;
}
.top-advert-img {
	width: 46vw;
	height: 29vw;
	position: absolute;
	top: 0vw;
	left: 11%;
	z-index: 50;
	background-image: url(../images/friends.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
.top-advert-wording {
	width: 38vw;
	height: 22vw;
	position: absolute;
	top: 5vw;
	z-index: 50;
	background-image: url(../images/img1.6-wording.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
	right: 9%;
}


.cont1 {
	width: 100vw;
	height: 175vw;
	position: absolute;
	top: 36.6vw;
	left: 0%;
	z-index: 100;
	background-color: rgba(255,255,255,1.00);
}
.cont1-title {
	width: 50vw;
	height: 3vw;
	position: absolute;
	top: 1vw;
	left: 25%;
	z-index: 25;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 2.3vw;
	font-weight: 600;
	color: rgba(51,51,51,1.00);
}
.cont1-title-underline {
	width: 30vw;
	height: 0.5vw;
	position: absolute;
	top: 4.5vw;
	left: 35%;
	z-index: 25;
	border-top: thin solid rgba(51,51,51,1.00);
}








.link1-cont{
	width: 68vw;
	height: 15vw;
	position: absolute;
	top: 8vw;
	left: 15%;
	border: thin dotted #068CF5;
	-webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
}
.link2-cont{
	width: 68vw;
	height: 14vw;
	position: absolute;
	top: 27vw;
	left: 15%;
	border: thin dotted #068CF5;
	-webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
}
.link3-cont{
	width: 68vw;
	height: 18vw;
	position: absolute;
	top: 45vw;
	left: 15%;
	border: thin dotted #068CF5;
	-webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
}
.link4-cont{
	width: 68vw;
	height: 13vw;
	position: absolute;
	top: 67vw;
	left: 15%;
	border: thin dotted #068CF5;
	-webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
}
.link5-cont{
	width: 68vw;
	height: 14vw;
	position: absolute;
	top: 84vw;
	left: 15%;
	border: thin dotted #068CF5;
	-webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
}
.link6-cont{
	width: 68vw;
	height: 14vw;
	position: absolute;
	top: 102vw;
	left: 15%;
	border: thin dotted #068CF5;
	-webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
}
.link7-cont{
	width: 68vw;
	height: 15vw;
	position: absolute;
	top: 120vw;
	left: 15%;
	border: thin dotted #068CF5;
	-webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
}
.link8-cont{
	width: 68vw;
	height: 17vw;
	position: absolute;
	top: 139vw;
	left: 15%;
	border: thin dotted #068CF5;
	-webkit-box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
	box-shadow: 0px 0px 24px -3px rgba(0,0,0,0.40);
}








.friend-link1 {
	width: 14.6vw;
	height: 7.1vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	font-family: 'Poppins', sans-serif;
	background-image: url(../images/centennial-law-logo.png);
	background-repeat: no-repeat;
	background-position: 48% 9%;
	background-size: 81% auto;
	color: #333333;
	font-size: 1.2vw;
	text-align: center;
	line-height: 1.5vw;
	font-weight: 500;
	border-right: thin dotted rgba(6,140,245,1.00);
	overflow: hidden;
	padding-top: 8vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}
.friend-link1-wording {
	width: 49vw;
	height: 8vw;
	position: absolute;
	top: 2vw;
	left: 24%;
	font-family: 'Poppins', sans-serif;
	color: #333333;
	font-size: 1vw;
	text-align: left;
	line-height: 1.2vw;
	padding-left: 21px;
}
.friend-link1-button {
	width: 52.4vw;
	height: 2.5vw;
	position: absolute;
	top: 12.5vw;
	left: 23%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #068CF5;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
	cursor: pointer;
}
.friend-link1-button:hover {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #B2EB01;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
}


.friend-link2 {
	width: 14.6vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	font-family: 'Poppins', sans-serif;
	background-image: url(../images/jm%20caucci%20concrete%20logo.png);
	background-repeat: no-repeat;
	background-position: 48% 9%;
	background-size: 66% auto;
	color: #333333;
	font-size: 1.2vw;
	text-align: center;
	line-height: 1.5vw;
	font-weight: 500;
	border-right: thin dotted rgba(6,140,245,1.00);
	height: 6vw;
	overflow: hidden;
	padding-top: 8vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}
.friend-link2-wording {
	width: 48vw;
	height: 3vw;
	position: absolute;
	top: 3vw;
	left: 26%;
	font-family: 'Poppins', sans-serif;
	color: #333333;
	font-size: 1vw;
	text-align: left;
	line-height: 1.2vw;
}
.friend-link2-button {
	width: 52.4vw;
	height: 2.5vw;
	position: absolute;
	top: 11.5vw;
	left: 23%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #068CF5;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
	cursor: pointer;
}
.friend-link2-button:hover {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #B2EB01;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
}


.friend-link3 {
	width: 14.6vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	font-family: 'Poppins', sans-serif;
	background-image: url(../images/CarmensLogo.png);
	background-repeat: no-repeat;
	background-position: 48% 16%;
	background-size: 83% auto;
	color: #333333;
	font-size: 1.2vw;
	text-align: center;
	line-height: 1.5vw;
	font-weight: 500;
	border-right: thin dotted rgba(6,140,245,1.00);
	height: 10vw;
	overflow: hidden;
	padding-top: 8vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}
.friend-link3-wording {
	width: 48vw;
	height: 5vw;
	position: absolute;
	top: 2vw;
	left: 26%;
	font-family: 'Poppins', sans-serif;
	color: #333333;
	font-size: 1vw;
	text-align: left;
	line-height: 1.2vw;
}
.friend-link3-button {
	width: 52.4vw;
	height: 2.5vw;
	position: absolute;
	top: 15.5vw;
	left: 23%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #068CF5;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
	cursor: pointer;
}

.friend-link3-button:hover {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #B2EB01;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
}


.friend-link4 {
	width: 14.6vw;
	height: 6vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	font-family: 'Poppins', sans-serif;
	background-image: url(../images/keller-williams.png);
	background-repeat: no-repeat;
	background-position: 48% 9%;
	background-size: 70% auto;
	color: #333333;
	font-size: 1.2vw;
	text-align: center;
	line-height: 0.3vw;
	font-weight: 500;
	border-right: thin dotted rgba(6,140,245,1.00);
	overflow: hidden;
	padding-top: 7vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}
.friend-link4-wording {
	width: 49vw;
	height: 5vw;
	position: absolute;
	top: 2vw;
	left: 26%;
	font-family: 'Poppins', sans-serif;
	color: #333333;
	font-size: 1vw;
	text-align: left;
	line-height: 1.2vw;
}
.friend-link4-button {
	width: 52.4vw;
	height: 2.5vw;
	position: absolute;
	top: 10.5vw;
	left: 23%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #068CF5;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
	cursor: pointer;
}
.friend-link4-button:hover {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #B2EB01;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
}



.friend-link5 {
	width: 14.6vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	font-family: 'Poppins', sans-serif;
	background-image: url(../images/J%20&%20A%20Photography.png);
	background-repeat: no-repeat;
	background-position: 48% 17%;
	background-size: 66% auto;
	color: #333333;
	font-size: 1.2vw;
	text-align: center;
	line-height: 0.5vw;
	font-weight: 500;
	border-right: thin dotted rgba(6,140,245,1.00);
	overflow: hidden;
	height: 6vw;
	padding-top: 8vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}
.friend-link5-wording {
	width: 49vw;
	height: 5vw;
	position: absolute;
	top: 2vw;
	left: 25%;
	font-family: 'Poppins', sans-serif;
	color: #333333;
	font-size: 1vw;
	text-align: left;
	line-height: 1.2vw;
}
.friend-link5-button {
	width: 52.4vw;
	height: 2.5vw;
	position: absolute;
	top: 11.5vw;
	left: 23%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #068CF5;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
	cursor: pointer;
}
.friend-link5-button:hover {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #B2EB01;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
}



.friend-link6 {
	width: 14.6vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	font-family: 'Poppins', sans-serif;
	background-image: url(../images/nardi-electric-logo.png);
	background-repeat: no-repeat;
	background-position: 48% 9%;
	background-size: 66% auto;
	color: #333333;
	font-size: 1.2vw;
	text-align: center;
	line-height: 0.5vw;
	font-weight: 500;
	border-right: thin dotted rgba(6,140,245,1.00);
	height: 6vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	padding-top: 8vw;
	overflow: hidden;
}
.friend-link6-wording {
	width: 49vw;
	height: 5vw;
	position: absolute;
	top: 2vw;
	left: 25%;
	font-family: 'Poppins', sans-serif;
	color: #333333;
	font-size: 1vw;
	text-align: left;
	line-height: 1.2vw;
}
.friend-link6-button {
	width: 52.4vw;
	height: 2.5vw;
	position: absolute;
	top: 11.5vw;
	left: 23%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #068CF5;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
	cursor: pointer;
}
.friend-link6-button:hover {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #B2EB01;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
}


.friend-link7 {
	width: 14.6vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	font-family: 'Poppins', sans-serif;
	background-image: url(../images/royal-lepage-logo.png);
	background-repeat: no-repeat;
	background-position: 48% 9%;
	background-size: 83% auto;
	color: #333333;
	font-size: 1.2vw;
	text-align: center;
	font-weight: 500;
	border-right: thin dotted rgba(6,140,245,1.00);
	line-height: 0.2vw;
	height: 7vw;
	overflow: hidden;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	padding-top: 8vw;
}
.friend-link7-wording {
	width: 49vw;
	height: 5vw;
	position: absolute;
	top: 2vw;
	left: 25%;
	font-family: 'Poppins', sans-serif;
	color: #333333;
	font-size: 1vw;
	text-align: left;
	line-height: 1.2vw;
}
.friend-link7-button {
	width: 52.4vw;
	height: 2.5vw;
	position: absolute;
	top: 12.5vw;
	left: 23%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #068CF5;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
	cursor: pointer;
}
.friend-link7-button:hover {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #B2EB01;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
}


.friend-link8 {
	width: 14.6vw;
	height: 9vw;
	position: absolute;
	top: 0vw;
	left: 0%;
	font-family: 'Poppins', sans-serif;
	background-image: url(../images/titan-logo.png);
	background-repeat: no-repeat;
	background-position: 48% 9%;
	background-size: 90% auto;
	color: #333333;
	font-size: 1.2vw;
	text-align: center;
	line-height: 0.3vw;
	font-weight: 500;
	border-right: thin dotted rgba(6,140,245,1.00);
	overflow: hidden;
	padding-top: 8vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}
.friend-link8-wording {
	width: 49vw;
	height: 5vw;
	position: absolute;
	top: 2vw;
	left: 25%;
	font-family: 'Poppins', sans-serif;
	color: #333333;
	font-size: 1vw;
	text-align: left;
	line-height: 1.2vw;
}
.friend-link8-button {
	width: 52.4vw;
	height: 2.5vw;
	position: absolute;
	top: 14.5vw;
	left: 22.9%;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #068CF5;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
	cursor: pointer;
}
.friend-link8-button:hover {
	font-family: 'Poppins', sans-serif;
	text-align: center;
	color: #333333;
	background-color: #B2EB01;
	font-size: 1.3vw;
	line-height: 2.5vw;
	font-weight: 500;
}



.bottom-cont {
	width: 100vw;
	height: 6vw;
	position: absolute;
	background-color: rgba(6,140,245,1.00);
	top: 211vw;
	z-index: 125;
	border-top: medium solid rgba(177,234,1,1.00);
	left: 0%;
}
.bottom-logo {
	width: 20vw;
	height: 4vw;
	position: absolute;
	top: 1vw;
	left: 34%;
	z-index: 50;
	background-image: url(../images/logo-bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.bottom-logo-wording {
	width: 20vw;
	height: 2vw;
	position: absolute;
	top: 2.5vw;
	left: 50%;
	z-index: 50;
	font-family: 'Poppins', sans-serif;
	color: rgba(255,255,255,1.00);
	font-size: 0.8vw;
	text-align: left;
	font-weight: 400;
}