/* ------------------------------------------------  Domain Listing Pages CSS  ------------------------------------------------ */

.hero{padding-bottom:10px}
.hero p{margin:0;padding:0;}
.listing-page-h1{line-height:1;font-size:3.0rem;margin-bottom:0;}
.hero__content-listing{width:100%;padding:60px 0}
.title-underline{border-bottom:1px solid #e5e5e5;padding-bottom:20px;width:100%;margin-bottom:10px;}
.pink{color:#DE0171;}
.mt-0{margin-top:0px !important;}
.my-15{margin:15px 0;}
.pt-10p{padding:10%;}
.fs-12{font-size:12px;}
.save-30-h3{line-height:1;font-size:42px;font-weight:600;margin-bottom:10px;}
.save-30-timer{color:#3DE1EC !important;font-weight:600;line-height:1;font-size:22px;}
.save-30-was{color:#292929;font-weight:600;text-decoration: line-through;}
.save-30-now{color:#292929;font-weight:600;height:50px !important;}
.txt-dark{color:#292929 !important;}
hr.hr{background:#d2d7d9;border:0;height:1px;}
br.br-mob{display:none;}
.txt-dgreen{color:#329900;}
.wrap-word{width:80%;word-wrap:break-word;}
.footer__col p{font-weight:bold;}

@media only screen and (min-width:1921px){
	.wrapper{max-width:1920px;}
	.search-page-container{max-width:1920px;}
}

.listing-page-wrapper{width:100%;padding-top:100px;margin-top:-100px;z-index:-1;background:#fff;position:relative;}

.listing-footer{background:url('../img/footer-bg.jpg') no-repeat;background-size:cover;background-position:center;}

.hero-listing-a{width:60%;margin:40px 0;float:left;}
.hero-listing-b{width:40%;margin:40px 0;float:left;}
.hero-listing-a h3 span{display:none;}
@media only screen and (max-width:1023px){
	.hero__content-listing{padding:30px 0 0 0;}
	.hero-listing-a{width:100%;}
	.hero-listing-b{width:100%;}
	.hero-listing-a h3 span{display:block;}
	.listing-page-wrapper{padding-top:50px;}
	.listing-accordion-wrapper {padding:0;}
	.listing-accordion{padding-left:0 !important;}
	.listing-accordion span {margin-left:0 !important;}
}

.lisiting-get-domain-box{background:#fff;width:100%;border-radius:10px;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);z-index:1;}
.lisiting-get-domain-box h3{color:#292929;margin-bottom:0;height:85px;}
@media only screen and (max-width:321px){	
	.lisiting-get-domain-box h3{font-size:1.5rem}
}
.lisiting-get-domain-box p{color:#292929;}
.lisiting-get-domain-box a{font-weight:700;}
.domain-box-a{width:100%;text-align:center;margin-bottom:10px;}
.domain-box-features-p{font-size:13px !important;line-height:1.3;}
.domain-box-features-p img{width:32px;padding-bottom:10px;}
.sale-box1{text-align:center;height:170px;border-radius:10px 10px 0 0;background:url('../img/save-bg.jpg') no-repeat #fff;padding-top:7%;background-size:102%;}
.sale-box2{text-align:center;height:170px;background:#F6EAFE;padding:5% 5% 10% 5%;}

.footer__col:first-child{padding-left:0px !important;}
.footer__col:last-child{padding-right:0px !important;}


/* Customized Accordian CSS */

.listing-accordion {
  background:transparent;
  color: #fff;
  cursor: pointer;
  padding: 10px 25px 10px 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
  font-weight:600;
  position:relative;
}

.listing-page{
	color:#5E0D6B;
	padding-left:0px;
}

.listing-row{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:10px;
	width:100%;
}

.listing-accordion span {
  position:absolute;
  display:block;
  color: #3DE1EC;
  font-weight: bold;
  right: 5px;
  top:10px;
}

.listing-accordion p{
	padding:0px 20px;
	font-weight:bold;
	font-size: 18px;
}

.listing-active span {
  rotate:180deg;
  transition: 0.2s;
}

.dot{
	position:absolute;
	color:#ffc300;
	font-size:11px;
	top:15px;
	left:5px;
}
.dot-pink{
	color:#E50071;
	font-size:11px;
	margin-right:10px;
	margin-left:15px;
}

.listing-panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.listing-panel p{
  font-size: 15px !important;
  line-height:1.3 !important;
  padding:10px 0 30px 25px;
}

.listing-panel p.page-p{
  font-size: 15px !important;
  line-height:1.3 !important;
  padding:10px 0 0 0 !important;
  color:#292929 !important;
}

.listing-footer-buy{padding-bottom:60px;border-bottom:1px solid #777;margin:50px auto 80px auto;}
.listing-footer-buy h3{line-height:1.3em;text-align:center;padding-bottom:20px;}
img.listing-buy-ico{margin-right:30px;float:left;width:32px;margin-bottom:30px;}



.listing-link-yellow{
	color:#fcea1d !important;
	text-decoration:none;
	font-size:12px !important;
}
@media only screen and (max-width:1023px){
	.listing-accordion-wrapper {padding:0;}
	.listing-accordion{padding-left:0 !important;font-size:14px;}
	.listing-panel p{padding-left:15px;}
}

/* Customized Radio CSS */

.radio-wrapper {
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	border:2px solid #d2d7d9;
	transition: background-color 0.4s;
	border-radius:8px;
	color:#292929;
}

.radio-button {
	display: inline-block;
	position: relative;
	padding: 3px 0 0 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 15px;
	font-weight:bold;
	user-select: none;
	width:97%;
	color:#292929;
}

.radio-button p{
	padding-top:3.5px;line-height:1;float:left;font-weight:bold;
}

@media only screen and (max-width: 1024px) and (min-width: 769px){
	.radio-button p{max-width:80px;}
}
@media only screen and (max-width: 376px){
	.radio-button p{max-width:80px;}
}

.radio-button input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.radio-button-span{position:absolute;right:0px;}

.checkmark {
	position: absolute;
	top: 3px;
	left: 5px;
	height: 21px;
	width: 21px;
	background-color: #fff;
	border-radius: 50%;
	border:2px solid #585858;
}

.radio-button:hover input ~ .checkmark {
	background-color: #e5e5e5;
}

.radio-button input:checked ~ .checkmark {
	background-color: #E50071;
	border:none;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.radio-button input:checked ~ .checkmark:after {
	display: block;
}

.radio-button .checkmark:after {
	top: 6px;
	left: 7px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.content {
	padding: 10px;
	display: none;
	overflow: hidden;
	margin-top: 10px;
}

.content-payment {
	padding: 0 0 30px 25px;
	display: none;
	overflow: hidden;
}

.active-wrapper {
	background-color: #F4FBFE;
}

@media only screen and (max-width:1023px){
	.content-payment{padding:0 0 30px 0;}
}


/* Customized Plus Minus TextBox CSS */

.txt-container {
	display: flex;
	align-items: center;
	border:2px solid #E8EBEC;
	border-radius:6px;
	height:55px;
	background:#fff;
	position:relative;
}
.txt-button {
	padding: 10px 15px;
	cursor: pointer;
	user-select: none;
	font-size:24px;
	font-weight:bold;
	color:#666;
}
.txt-textbox {
	width: 100%;
	text-align: center;
	border: none !important;
	padding:0 10px 10px 10px;
	margin: 6px 10px 0 0;
	pointer-events: none;
	font-size:18px;
	font-weight:bold;
	color:#292929 !important;
	background:none !important;
}

.txt-months{font-size:12px;color:#666;position:absolute;top:29px;left:40%;}

.txt-downpayment{font-size:12px;color:#666;margin:10px 0 0 0;}

@media screen and (max-width: 1024px) {
    .button--outline {
        margin-left: 0px !important;
    }
}