body {font-size:16px; font-family: 'Roboto', sans-serif; line-height:1.4em; background:url(../images/bg.jpg) no-repeat top center #fff;}

#hdr .container {padding:0;}
#ftr {width:100%;background:#f2f2f2;}

#pm-info .row {padding: 50px 40px 40px;margin-right:0;margin-left:0;background:#fff;}
#pm-info header {margin-bottom:40px;}
#pm-info header h1 {margin-bottom:0;font-size:36px;}
#pm-info header h2 {margin-bottom:0;font-size:26px;}
#pm-info .video-wrapper {margin-bottom:50px;}
#pm-info hr {border-bottom:4px solid #d5d5d5;border-top:0;width:70px;margin: 5px auto 20px 0;}
#pm-info h3 {font-size:22px;margin-bottom:0;}
#pm-info .prev-next {margin-top:60px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#pm-info .prev-next a {font-size:18px;font-weight:bold;color:#006099;font-weight:400;font-style:italic;}
#pm-info .prev-next a:last-of-type {text-align: right;}
#pm-info .prev-next a:hover {color:#000;}
#pm-info .prev-next.start {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
#pm-info .prev-next.end {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
#pm-info ul {margin-bottom:45px;}
#pm-info .info-img {margin-bottom:25px;}
@media(max-width:991px){
	#pm-info .row {padding-left:15px;padding-right:15px;}
	#pm-info .prev-next {margin-bottom:30px;}
	#pm-info .prev-next a {font-size:15px;}
}


#how-much {padding:75px 0;}

#faqs {padding:0 0 75px;}

#pm-discover {padding:75px 0;}
#pm-discover h3 {font-size:36px;}

#areas {margin-bottom:100px;}

/* Video Wrapper Overlay */
.video-wrapper { background-color: #000; }
.video-thumbnail::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 1; }
.video-wrapper.play::after, .video-wrapper.play::before, .video-wrapper.play .video-thumbnail, .video-wrapper.play .video-title { visibility: hidden; opacity: 0; z-index: -9; transition: 0.3s; margin: 0 !important; }
.video-thumbnail { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; }
.video-wrapper::before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 99; transform: translate(-50%, -50%); width: 68px; height: 68px; border: 3px solid #fff; border-radius: 50%; transition: 0.3s; }
.video-wrapper::after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 99; transform: translate(-33%, -50%); height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #ffffff; z-index: 999; }
.video-wrapper:hover::before { background: #007bff; cursor: pointer; transition: 0.3s; }
.video-wrapper:hover { cursor: pointer; }
.video-title { position: absolute; z-index: 9; color: #fff; text-align: center; top: 55%; left: 15px; right: 15px; font-size: 24px; font-weight: 600; }
@media (max-width:500px) {
  .video-title { font-size: 18px; }
}
/* Sub Nav */
.custom { margin-top:34px; position:relative;padding:0;}
.custom .row {border:2px solid #006199;}
#sub-nav { top:0px; list-style: none; background: #006199; padding: 18px 0; margin: 0; display: flex; justify-content: center; width: 100%; text-align: center; font-weight: 400;position:relative;}
#sub-nav li { position: relative; font-size: 17px;text-transform: uppercase;margin-right:30px;}
#sub-nav li a { color: #fff; transition: all 0.3s;text-transform: capitalize;}
#sub-nav li a:hover { color: #fff;text-shadow:0.7px 0 0 currentColor; text-decoration: none;transition: all 0.3s; }
#sub-nav li.active a {font-style:italic;}
#sub-nav.affix { top: 0px; z-index: 999;width:100%; left:0;}

@media(max-width:1626px){
	#sub-nav li {font-size:16px;}
	#sub-nav li:nth-child(1n+2):before {margin: 0 7px;}
}
@media(max-width:1463px){
	#sub-nav li:nth-child(1n+2):before {display:none;}
	#sub-nav li {padding: 0 7px;vertical-align: middle}
	/* #sub-nav li a {vertical-align: middle} */
}

@media(max-width:1415px){
		#sub-nav li:nth-child(1n+2):before {margin: 0 8px 0 5px;}
		#sub-nav li {font-size:17px;}
}
@media (max-width: 1438px){
	#sub-nav li { font-size: 15px; }
}
@media (max-width: 1199px){
	#sub-nav li {margin-right:10px;}
}

@media (max-width: 991px){
	#sub-nav { justify-content: space-evenly; padding: 10px 0; }
	#sub-nav li { font-size: 14px; }
	#sub-nav li, #sub-nav li.prev:before  { display: none; }
	#sub-nav li.prev, #sub-nav li.next, #sub-nav li.active { display: inline-block; }
	#sub-nav li.prev a:before { content: '←'; display: inline-block; padding-right: 10px; font-size: 15px; }
	#sub-nav li.next a:after { content: '→'; display: inline-block; padding-left: 10px; font-size: 15px; }
}

@media (min-width: 768px) and (max-width: 991px){
	#sub-nav { justify-content: space-evenly; padding: 10px 0; }
	#sub-nav li { margin: 0; }
	#sub-nav li  { font-size: 14px; }
}

@media(max-width:991px){
	#sub-nav.affix {z-index: 999; }

}

@media (max-width: 650px){
	#sub-nav li.active { display: none; }
	#sub-nav li:first-child.active, #sub-nav li:last-child.active { display: inherit; }
	#sub-nav li:first-child + .next::before { display: none; }
}

@media (max-width: 575px){
	.custom {display:block;padding-top:0 !important;position:static;}
	#sub-nav { position:relative !important;top:15px;}

	#sub-nav li.prev a, #sub-nav li.next a { font-size: 0; line-height: 1; }
	#sub-nav li.prev a:after { content: 'PREV'; font-size: 18px; }
	#sub-nav li.next a:before { content: 'NEXT'; font-size: 18px; }

}

@media (max-width: 450px){
	#sub-nav li:first-child.active, #sub-nav li:last-child.active { display: none; }
}