/*************************************************

	indexStyles.css
	this css file includes all the classes of
	above.com & registrar home page.

**************************************************/


/* above.com homepage Classes  */


.contentdiv1{background:#000000}
.contentdiv1_bg{height:100%;background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/img/home_bg_1.webp) no-repeat center center;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.contentdiv1_pad{padding: 25vh 0 20vh 0;}
.contenttext1 h1{color:#ffffff;font-size:48px;text-align:center;padding-bottom: 45px;font-weight: normal;}
.contenttext1a{color:#ffffff;font-size:36px;font-weight:bold;text-align:center;padding-bottom: 20px}
.contenttext1b{color:#ffffff;font-size:20px;line-height:26px;text-align:center;}
.contenttext1c{text-align:center;margin-top:30px}

.contentdiv2{}
.contentdiv2_pad{padding: 8vh 0 8vh 0;}
.contenttext2{color:#000000;font-size:40px;font-weight:bold;padding-bottom: 10px}
.contenttext2a{color:#333333;font-size:22px;padding-bottom:40px;}
.contenttext2b{color:#000000;font-size:22px;padding-top:30px;max-width: 680px;margin:auto;border: 0px solid}}
.contenttext2b ul{margin:0;padding:0;list-style: none}
.contenttext2b ul li{margin:0;padding:0;padding:0px 5px;display: inline-block;text-align: center;border: 0px solid}
.contenttext2c{color:#000000;font-size:20px;max-width: 360px;margin:auto;margin-top:20px;padding:5px 0px;border:1px solid #D92027;;border-radius: 6px;text-align: center;}

.contentdiv3_bg{background: #f4f4f4}
.contentdiv3_pad{padding: 8vh 0 8vh 0;}
.contenttext3{color:#000000;font-size:40px;font-weight:bold;padding-bottom: 10px}
.contenttext3a{color:#333333;font-size:22px;padding-bottom:40px;}

.contentdiv4{}
.contentdiv4_pad{padding: 6vh 0 6vh 0;}
.contenttext4{color:#000000;font-size:40px;font-weight:bold;padding-bottom: 10px}
.contenttext4a{color:#333333;font-size:22px;padding-bottom:30px;}

.contentdiv5_bg{background: #f4f4f4}
.contentdiv5_pad{padding: 6vh 0 6vh 0;}
.contenttext5{color:#000000;font-size:40px;font-weight:bold;padding-bottom: 10px}
.contenttext5a{color:#333333;font-size:22px;padding-bottom:30px;}

.indexfooter_bg{background: #333333;padding:0px 0px}

.threecontentbox{color:#ffffff;padding: 30px;border-radius: 10px;text-align: center;}

.bigfld{padding:30px 20px !important;border:0 !important;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15)}
.bigbtn{padding:15px 25px;font-weight: bold;font-size: 18px;white-space: nowrap;}

.pr0{padding-right:0px}
.mp_r0{padding-right:0px}
.mp_l0{padding-left:0px}
.learnBtnPad{margin-top: 20px}
.max-wd{max-width: 100px;}
.points{color:#ffffff;font-size:4px;vertical-align: middle;margin-right: 8px}

.gsBtn{padding:12px 100px;font-size: 18px;font-weight: bold;border-radius: 6px;}
.linkBtn{padding:12px 25px;font-size: 16px;font-weight: bold}

.newbluelink{color:#0062FF;text-decoration:none}
.newbluelink:hover{color:#0062FF;text-decoration:underline}

a.mpBtnGreen{border:2px solid #18c427;border-radius:4px;padding:6px 12px;font-size:15px;color:#000000 !important;text-decoration: none;white-space: nowrap}
a.mpBtnGreen:hover{background:#f0fff1;text-decoration: none !important}

a.mpBtnBlue{border:2px solid #0062FF;border-radius:4px;padding:6px 12px;font-size: 15px;color:#000000 !important;text-decoration: none;white-space: nowrap;}
a.mpBtnBlue:hover{background:#e7f0ff;text-decoration: none !important}

table.mktTable{}
table.mktTable tr{}
table.mktTable td{padding:15px 10px;border-bottom: 1px solid #ddd;font-size: 16px;color: #000000}
table.mktTable td a{color: #0062FF;text-decoration: none}
table.mktTable tr:last-child td{border-bottom: 0px !important}
table.mktTable td table{}
table.mktTable td table td{padding:0px;border-bottom: 0px !important}
.brd_r{border-right:1px solid #cccccc}
.brd_l{border-left:1px solid #cccccc}

/* end of above.com homepage Classes  */


/* media queries for above.com home page */

@media (max-width: 1024px) {
	.contentdiv1_pad {padding: 20vh 0 10vh 0;}

	.contenttext1 h1{font-size:48px;padding-bottom: 20px}
	.contenttext1a{font-size:30px;}
	.contenttext2{font-size:36px;line-height: 40px}
	.contenttext3{font-size:36px;line-height: 40px}
	.contenttext4{font-size:36px;line-height: 40px}
	.contenttext5{font-size:36px;line-height: 40px}

	.btn-lg{width: 100%}

	.pr0{padding-right:15px}
	.mp_scroll{overflow-x:scroll;}
	.mp_r0{padding-right:15px}
	.mp_l0{padding-left:15px}
	.brd_l{border-left:0px }
}

@media (max-width: 768px) and (orientation: landscape) {
  .contentdiv1_pad {padding: 35vh 0 10vh 0;}
}

@media (max-width: 480px) {
  .contentdiv1_pad {padding: 18vh 0 10vh 0;}
  .contenttext1 h1{font-size:36px;} 
  .bigbtn{width: 100%;padding: 15px 15px} 
	.contenttext2b ul li{margin:0;padding:0;padding:0px 5px;display: block;text-align: center;border: 0px solid}
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	.contenttext1b{min-height: 160px;}
	.mp_r0{padding-right:15px}
	.mp_l0{padding-left:15px}
	.brd_l{border-left:0px }
}

@media (min-width: 768px) and (max-width: 991.98px) {
	
}

@media (min-width: 576px) and (max-width: 767.98px) {

}

@media  (max-width: 575.98px) {
	
}

@media (max-width: 350px) {

}