@import url('https://fonts.googleapis.com/css?family=Tajawal:400,500,700');

html, body{min-height:100%; position:relative;}

.main-wrap{
	min-height: 100vh;
	display: block;
 	position: relative;
 	overflow: hidden;
}

body{font-family: 'Tajawal', sans-serif; font-size:18px;}

h2{margin-top:0px;}

.mt-30{margin-top:30px;}
.pl-30{padding-left:30px;}
.pr-30{padding-right:30px;}

#pagetwo{display:none;}
.node:not(:first-child){display:none;}
.extra{display:none;}

.header{
	background:url('../../webcommon/images/_r2o/1/headerbg.jpg') no-repeat;
	background-position:center center;
	background-size:cover;
	padding:35px 20px 180px 20px;
	color:#fff;
}

.logo{margin-bottom:80px;}

.header h1{
	margin:0px 0px 25px 0px;
	font-size:50px;
	line-height:1.1em;
	font-weight:700;
}

.subhead{
	display:block;
	font-size:26px;
	line-height:1em;
	margin-bottom:60px;
}

#questionZip{
	font-size: 24px;
    padding: 26px 16px;
}

.btn, #emailsubmit{
	background: #f1c40f;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color:#fff;
}

.btn:hover, #emailsubmit:hover{
	color:#fff;
}

.selected{background:#74bb09!important; border:2px solid #74bb09 !important;}
.notselected{background:#7d7e7d !important; border:2px solid #7d7e7d !important;}

.mar-5{margin:0px 5px;}

#emailsubmit{padding:10px;}

.content-pad{
	padding:100px 20px;
}

.lead{font-size:24px; margin-top:0px; font-weight:500;}

.adbar{
	padding:60px 20px;
	background:url(../../webcommon/images/_r2o/1/homebanner.jpg) center center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	color:#fff;
}

.adbar .btn{
	color:#fff;
	padding:20px 60px;
}

.adbar .subhead{margin-bottom:0px;}

.question-container{
	background:#333;
	background:rgba(31,31,31,.9);
	padding:40px;
	text-align:center;
}

.sub-btn{
	margin-top:40px !important;
	width:100% !important;
}



.answer-text, .button{
	background: #f1c40f;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 8px;
    margin-bottom: 10px;
    cursor:pointer;
    border:2px solid #f1c40f;
    width:100%;
}

.answer-text:hover, .button{
	background:none !important;
	color:#f1c40f
}

.answer a{color:#fff; text-decoration:none;}

.input-answer{margin: 0px 5px 10px 5px;}
.loading{display:none;}
.small{line-height:1.3em; padding-top:20px;}

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.footer-area{
	background:#333;
	padding:40px 20px;
	color:#ddd;
	text-align:center;
}

.footer-area a{color:#ddd;}
.footer-area a:hover{color:#fff;}

.offer:not(#offer-credit-repair){display:none;}

.name{text-transform:capitalize;}

.tybg{
	background:url(../../webcommon/images/_r2o/1/tybg.jpg) center center no-repeat;
	background-size:cover;
	position:relative;
}

.ty-head{
	background: #ecf0f1;
    color: #333;
    padding: 20px 40px;
    text-align: center;
}

.ty-head h1{
    margin-top: 0px;
    font-size: 30px;
}

.ty-head .lead{
	line-height: 1.1em;
    margin-bottom: 0px;
    font-size: 20px;
}

.ty-arrow{background:#fff; text-align:center; color:#ecf0f1; margin-bottom:-25px;}
.ty-arrow .glyphicon{top: -25px;font-size: 45px;}
.ty-offer{background:#fff; padding: 20px; margin-bottom:10px;}
.ty-offer img{margin-bottom:20px;}
.ty-offer .btn{font-size:20px;}
.ty-offer p{line-height:1.2em;}
.ty-offer .lead{margin-bottom:5px; line-height: 1em;}
.offer-footer{padding-top:20px;}
.padder{padding:0px 20px; line-height: 1.2em;}
.tybg .logo{margin:40px auto;}
.ty-offer .row{display: flex;
    flex-direction: row;
    align-items: center;}


.skip{display:block; text-align:right; text-decoration:underline; cursor:pointer; text-transform:uppercase; font-size:16px; padding-top: 12px;}


@media (max-width: 767px) {
	.logo{margin: -20px -20px 60px -20px; padding: 20px; background: #000;}
	.logo img{width: 45%; height: auto;}
	#pageone{text-align: center;}
	#pageone .hvr-grow{display: block; width: 100%;}
	.header{padding-bottom:60px; padding-top:20px;     background: url(../../webcommon/images/_r2o/1/mobilebg.jpg) no-repeat center center; background-size: cover;}
	.header h1{font-size:30px;}
	.highlight{color:#dead37;}
	.subhead{margin-bottom:30px;}
	h2{font-size:22px; margin-bottom:20px;}
	.sub-btn{margin-top:20px !important;}
	.content-pad{padding:40px 20px;}
	.adbar{text-align:center; padding:40px 20px;}
	.adbar h1{font-size:30px;}
	.adbar .subhead{font-size:24px; margin-bottom:20px;}
	.pr-30{padding-right:10px; padding-top:10px;}
	.offer-wrap{display:table;}
	.offer-body{display:table-footer-group;}
	.offer-footer{display:table-header-group;}
	.offer-body .lead{margin-top:20px;}
	.padder{padding:20px 20px;}
	.ty-head h1{font-size:21px;}
	.ty-head .lead{font-size:16px;}
	.tybg .logo{margin:0px;}
	.ty-offer .row{display: block;}
	}