@font-face {
  	 font-family: roboto_r;
    src: url(https://qqfonts.quackquack.co/Roboto-Regular.ttf)
}
@font-face {
    font-family: roboto_m;
    src: url(https://qqfonts.quackquack.co/Roboto-Medium.ttf)
}
@font-face {
    font-family: roboto_l;
    src: url(https://qqfonts.quackquack.co/Roboto-Light.ttf)
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
	background: #edeef3;
	font-family: 'roboto_r', sans-serif;
	font-size: 14px;
	-webkit-tap-highlight-color: transparent;  
	}
	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul, li {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	color: #1d283d;
}
a:focus {
	outline: none;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */

input, select {
	vertical-align:middle;
	font-family: 'roboto_r', sans-serif;
	padding: 0;
}
input[type="text"]:focus,textarea:focus {
	border-color: #5394e4;
	outline: none;
}
img {
	max-width: 100%;
	height: auto;
}
body{
	background: #f6f7fb;
	font-family: 'roboto_r', sans-serif;
}
.container{
	max-width: 800px;
	margin: 0 auto;
}
.logo{
	margin: 10px 0;
	float: left;
}
.main_cont{clear: both;padding: 10px 0 0;}
.content{
	padding: 10px 0;
	clear:both;
	overflow: hidden;
}
.header{
	clear:both;
	width: 100%;
}
.block1{
	border: 1px solid #dfe2e9;
	border-radius: 5px;
	background: #fff;
	clear: both; box-shadow: 1px 2px 2px #c4c7d1;
}
.page_header{
	clear: both;
	overflow: hidden;
	padding: 20px 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #ebebeb;
	
}
.back_arrow{
	background: url(sprite-help.png) no-repeat -7px -5px;
	width: 23px;
	height: 22px;
	float: left;
	margin: 6px 0 0;
	cursor: pointer;
}
.back_arrow:hover{
	opacity: 0.7;
}
.page_header h6{
	font-size: 28px;
	float: left;
	line-height: 30px;
	font-weight: 400;
	padding: 0 0 0 10px;
}
.links_block{
	clear: both;
	overflow: hidden;	
}
.links{
	clear: both;
	width: 100%;
	box-sizing: border-box;
	padding: 0 30px 20px;overflow: hidden;
}
.links > li{
	float: left;
	width: 100%;
	background: #f9f9f9;
	margin: 18px 0 0;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-sizing: border-box;	
	position: relative;	
} 
.links > li > a{
	box-sizing: border-box;
	display: block;
	font-size: 15px;
	color: #000;cursor: pointer;
	padding: 16px 25px 14px 25px;
}
.links > li.contactBtn{background: #ffd521; color: #67540f; border-color: #ffd521; }
.links > li.contactBtn:hover{background: #eac420;border-color: #eac420;}
.links > li > a span.contxt{
	line-height: 23px;
    font-size: 23px;
}
.links > li > a span.feedtxt{
    font-size: 15px;
    display: block;
    line-height: 25px;
}
.links li:hover{
	background: #f2f0f0;
}

.arrow{
	background: url(sprite-help.png) no-repeat -38px -7px;
	width: 11px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 22px;
	margin: 0;top: 50% !important;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);height: 18px;
}
.links > li.homecontact .arrow {
    top: 36px;
}
.contarrow{
	background-position: -51px -7px;
    right: 8px;
}
.link_log{
	float: right;
	margin: 32px 0 0;
	font-size: 15px;
	color: #2483b7;
}
.link_log:hover{
	color: #0386ce;
}
.links li.active .arrow{
	transform: rotate(90deg) translate(-50%,0%);
	top: 20px;margin-top: -4px;
}
.question{
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}
.ans_block{
	padding: 20px 25px 0 25px;
	clear: both;
	overflow: hidden; 
}
.ans_block p{
	color: #4e4e4e;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 0 0;
}
.ans_block ul{padding-left: 25px;}
.ans_block ul li{list-style-type: disc;color: #4e4e4e;font-size: 14px;	line-height: 24px;}
.ans_block .safe_link{color: #008bcc;}
.ans_block .safe_link:hover{color: #0073a9;text-decoration: underline;}
.satisfied{
	display: block;
	
	color: #4e4e4e;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 20px;
	text-align: center;
}
.cont_link{
	display: block;
	padding: 15px 0 0;
	text-align: center; 
	width: 200px;
    margin: 0 auto;
}
.btmAnswer{
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 20px;
}
.cont_link a{
	background: #0083c0;
	font-size: 15px;
	border-radius: 30px;
	height: 48px;
	line-height: 48px;
	color: #fff !important;
	display: inline-block;
	text-transform: uppercase;
	padding: 0 40px !important;
}
.cont_link a:hover{
	background: #007ac0;
}
.form_block{
	clear:both;
	padding: 0 25px;
	overflow: hidden;
}
.form_group{
	clear: both;
	padding: 20px 0 0;
	overflow: hidden;
}
.form_group label{
	font-size: 15px;
	color: #66757f;
	font-weight: 500;
	line-height: 22px; 
}
.form_group label small{
	color: #ff2626;
}
.field{
	display: block;
	width: 100%;
	padding: 10px 0 0;
	float: left;
}
.field input{
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
	padding: 0 15px;
	height: 55px;
	line-height: 55px;
	float: left;
	box-sizing: border-box;
	width: 100%;font-family: 'roboto_r', sans-serif;
	font-size: 15px;
}
.field input:focus{
	border-color: #0083c0;
}
.field textarea{
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
	padding: 4px 15px;
	height: 180px;
	line-height: 25px;
	float: left;
	box-sizing: border-box;
	width: 100%;
	resize:none;
	font-size: 15px;font-family: 'roboto_r', sans-serif;
}
.field textarea:focus{
	border-color: #0083c0;
}
.uploadbtn{
	float:left;
	margin: 10px 0 0;
	width: 100%;	
	clear: both;
	overflow: hidden;
	background: url(attachFile.png) no-repeat left top;
	background-size: 140px 34px;
}
.uploadbtn:hover{
	opacity: 0.8;
}
.image-preview-input {
	overflow: hidden;
	margin: 0px;    
   position: relative;
	display: block;
float: left;
width: 136px;
height: 36px;
font-size: 0;	
}
.remove_filed{
	float: left;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
	line-height: 35px;
	border-radius: 4px;
	margin: 10px 0 0;clear: both;
	overflow: hidden;
	padding: 0 12px 0 12px;
	box-sizing: border-box;
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.remove_filed .form-control{
	background: none;
	border:none;
	font-size: 14px;
	cursor: pointer;
	color: #555;
}
.image-preview-clear{
	border: none;
	background: none;
	outline: none;
	color: #0083c0;
	cursor: pointer;
	font-size: 14px;
	float: right;line-height: 35px;
}
.captcha{
	float: left;
	width: 100%;
	margin: 5px 0 0;
}
.btns{
	clear: both;
	width: 100%;
	text-align: center;
	padding: 40px 0 0;
}
.btmbtn{
	background: #0083c0;
	font-size: 15px;
	border-radius: 30px;
	height: 48px;
	line-height: 48px;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	padding: 0 40px;
	border: none;
	margin: 0 15px;
	display: inline-block;
}
.cancelbtn{
	background: #fff;
	color: #a3a3a3;
	border: 1px solid #e4e4e4;
}
.btmbtn:hover{
	background: #007ac0;
}
.cancelbtn:hover{
	background: #f6f7fb;
}
.contactblock{padding: 0 0 20px;}
.error{display: block;color: #ff1717;font-size: 13px;line-height: 23px;clear: both;overflow: hidden;}
.faq-answer{display: none;background: #fff;
    float: left;
    width: 100%;
}
.faq-answer p{color: #000;padding: 10px 0 10px 0;font-size: 15px; line-height: 22px;}
.faqcont{
	clear: both;
	padding: 10px 20px 10px 25px;
}
.faqcont li{
	font-size: 15px; line-height: 22px;color: #000;    list-style: disc;
    margin: 0 0 0 18px;
}
.links li.active > a{
	background: #f2f0f0;position: relative;
}
.faqcont p a{
	color: #049cdb;
}
table.captcha_tab {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #fff;width: 100%;
}
table.captcha_tab td {
	background-color: #fff;
}
.faqcont strong{font-weight: 500;}
.faqcont p a:hover{color:#0772d0;}
.faqcont ul{clear: both;overflow: hidden;padding: 0 0 10px;}
.timetable{clear: both;}
.timetable li{list-style: none;clear:both;}
.timetable li span{font-weight: 500;width: 18%;float: left;font-size: 15px;padding: 0 10px 0 0;}
.timetable li small{float: left;font-size: 15px;}
.popup{
	float: left;width: 100%;border-top: 1px solid #ccc;
}
.abusiveBlock {
	max-width: 380px;
	box-sizing: border-box;
	margin: auto;
	padding: 50px 0 40px;
	text-align: center;
	
}

.thankyou_img{
	display: block;
	width: 100%;
	
}
.thankyou_img img{margin: 0 auto;display: block;}
.btn {
	display: inline-block;
	background: #5394e4;
	border: none;
	width: 230px;
	height: 55px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	margin: 0 7px;
	cursor: pointer;
	padding: 0;
	font-family: 'roboto_r', sans-serif;
	border-radius: 5px;
}
.btn:hover {
	background: #367cd3;
}
.abusiveBlock p {
	font-size: 15px;
	line-height: 26px;
	clear: both;
	padding: 25px 25px 20px;
	color: #2d2d2d;
	text-align: center;
	font-weight: 500;
}
.page_header2 h6{padding-left: 0;}
.sub_txt{display: block;
    clear: both;padding: 2px 0 0;}
.browsebtn{
    width: 150px;
    height: 54px;
    background: #0182c0;color: #fff;font-size: 19px;text-align: center;line-height: 54px;
    position: absolute;right: 0;
} 
.browsefield{position: relative;}
.browsefield input.browse{
  float: right;width: 23%;position: relative;opacity: 0;z-index: 9999;
}
.browsefield input.uploadfile{float: left;width: 77%;border: 1px solid #ccc;}
/* DESIGN CHANGES */
.help_wrap .h_title{font-weight: 600;float: none;text-align: center;}
.h_or{display: inline-block;color: #cccccc;display: inline-block;text-align: center;margin: 25px 0;width: 100%;}
.h_or:before,.h_or:after{content: "";width: 60px;height: 1px;background: #cccccc;display: inline-block;vertical-align: middle;margin: 0 6px;}
.help_wrap .page_header{border: none;padding: 20px 30px;}
.h_title_lft{display: inline-block;font-weight: 600;font-size: 20px;}
.help_wrap .links > li{border:none;background: none;}
.header_wraper{background: #3c21d5;padding:  0;text-align: center;}
.help_wrap .links > li > a{padding: 15px 25px 15px 0;font-size: 16px;line-height: 24px;}
.help_wrap .links > .contactBtn {background: #ffd521;margin-top: 0;}
.help_wrap .links > .contactBtn a{padding-left: 10px;}
.full_pop_view{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;overflow-y: auto;}
.pop_body{padding: 15px;position: relative;}
.pop_sub{display: inline-block;/*margin-top: 15px;*/width: 100%;}
.pop_ans{margin: 0;}
.pop_sub li{display: inline-block;width: 100%;padding: 15px 25px 15px 0;font-size: 16px;position: relative;box-sizing: border-box;cursor: pointer;line-height: 24px}
.arrow-right,
.arrow-left{display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #757575;
  border-left: 2px solid #757575;margin: 0;position: absolute;right: 10px;top: 32%;}
.arrow-right{ transform: rotate(135deg) translate(0%,-50%);}
.arrow-left{ transform: rotate(-45deg) translate(0%,-50%);}
.pop_header{position: relative;}
.pop_header .head_back{right: inherit;left: 20px;border-color: #ffffff;top: 50%;width: 12px;height: 12px;transform: translate(0%,-50%) rotate(-45deg);}
.contarrow.arrow-right{right: 15px;border-color: #000000;top: 50%;transform: translate(0%,-50%) rotate(135deg);}
.sub_head{display: inline-block;margin: 15px 0;font-size: 16px;line-height: 25px;}
.pop_ans li{margin: 5px 0;font-size: 16px;color: #000000;line-height: 24px;padding-left: 10px}
.pop_ans li:before{content: "";width: 4px;height: 4px;border-radius: 100%;background: #000;display: inline-block;
    vertical-align: middle;position: relative;left: -10px;}
.btn_contact{display: inline-block;margin-top: 25px;margin-bottom: 5px;width: 300px;}
.btn_contact .btn_txt{font-weight: 600;font-size: 16px;}
.btn_contact .contact_btn{font-size: 16px;display: block;background: #ffd521;margin: 5px 0;border-radius: 6px;position: relative;}
.btn_contact .contact_btn a{display: block;padding: 20px 10px;}
.arrow-right.cnt_arrow{border-color: #000;right: 20px;}
.logo_new {display: block; margin: 0 auto; width: 150px; padding: 15px 0; }
.back_a{position: absolute;left: 0;top: 0;width: 60px;height: 100%;}
.main_cont{padding-top: 0;}
.h_link{text-decoration: underline;}
/*.pop_faqs{display: inline-block;width: 100%;margin-top: 20px;}*/
.pop_faqs li{padding: 10px 0;font-size: 16px;position: relative;background: #f2f2f2;margin: 10px 0;line-height: 24px;display: inline-block;
	width: 100%;border-radius: 6px;padding: 0 10px;box-sizing: border-box;cursor: pointer;}
.pop_faqs li a{padding: 15px 10px;display: inline-block;width: 100%;box-sizing: border-box;padding-right: 25px;position: relative;}
.pop_faqs li a span{color: #000000;}
.pop_faqs .faq-answer{background: #f2f2f2;position: relative;z-index: 9;}
.pop_faqs .faqcont{padding: 0 10px;}
.pop_faqs .faq-unit .arrow-right{right: 10px;}
.pop_faqs .faq-unit .arrow-right.arrow-down{transform-origin: top;transform: rotate(225deg) translate(0%,-50%);top: 48%;}
.pop_faqs .faq-unit .arrow-right.arrow-up{transform: rotate(45deg) translate(-50%,-50%);transform-origin: center;top: 58%;}
.pop_faqs .faqcont ul li{font-size: 15px;color: #000000;padding-left: 0;margin: 10px 0;}
.pop_faqs .faqcont p{font-size: 15px;color: #000000;}
.faq_ans_li li{margin: 0;padding-left: 15px;}
.faq_ans_li li:before{content: "";width: 4px;height: 4px;border-radius: 100%;background: #000000;display: inline-block;
    vertical-align: middle;position: relative;left: 0px;margin-right: 10px;}
.pop_faqs .faqcont a{display: inline-block;width: auto;}
.pop_faqs .faqcont p a{padding: 0;}
.pop_faqs .btn_contact{padding: 0 10px; box-sizing: border-box; margin-bottom: 10px; margin-top: 15px; }
.pop_faqs .btn_contact a{padding: 15px 10px; }
.pop_faqs .faq-unit .btn_contact .arrow-right{right: 20px;}
.back_a_dt{height: auto;left: -40px;top: 24px;display: block;cursor: pointer;}
.back_a{display: none;}
.back_a.back_a_dt{display: block;width: 100%;margin-bottom: 20px;position: relative;left: 0;top: 10px;}
.back_a.back_a_dt .arrow-left{right: inherit;
    left: 10px;
    position: relative;
    float: left;
    top: 8px;}
 .back_a.back_a_dt .h_title_lft{padding-left: 15px;}
 .mt-10{margin-top: 10px;margin-bottom: 30px;}
 .back_a.back_a_dt:hover .arrow-left{border-color: #000;}
 .link_a{color: #5295e6;}

@media (max-width: 800px){
	.back_a_dt .head_back{display: none;}
.back_a{display: block;}
.back_a.back_a_dt{margin-bottom: 0px;top: 0;}
.back_a.back_a_dt .head_back{display: none;}
 .back_a.back_a_dt .h_title_lft{padding-left: 0;}
 .mt-10{margin-top: 0;}
 .btn_contact{width: 100%;}

.form_group{padding: 15px 0 0;}
.header .container{padding: 0 12px;}
.content{padding: 10px 0 20px;}

.page_header {
    padding: 10px 15px 8px;
}
.page_header h6{font-size: 22px;line-height: 25px;}
.links{padding: 0 15px 30px;}
.links > li > a{padding: 11px 30px 12px 10px;width: 100%;font-size: 15px;
box-sizing: border-box;position: relative;}
.links > li{margin: 9px 0 0;}
.ans_block{padding: 15px;}
.satisfied{font-size:17px;}
.back_arrow{background-size: 45px 22px;background-position: -5px -4px;width: 15px; height: 18px;margin: 4px 0 0;}
.form_block{padding: 0 15px;}
.field input{height: 50px;line-height: 50px;padding: 0 10px;}
.btmbtn{padding: 0 30px;margin: 0 7px;}
.field textarea{height: 130px;padding: 0 10px;}
.links li:hover{background: none;}
.timetable li span{width: 115px;}
.abusiveBlock {
	padding: 30px 0 20px;
}
.abusiveBlock p{padding: 25px 0 20px; line-height: 22px;}
.contheader{display:block;}
.page_header2 h6{padding-left: 0;text-align: center;width: 100%;}
.main_cont{clear: both;padding: 0 0 0;}
.content{
	padding: 0 0;
	clear:both;
	overflow: hidden;
}
table.captcha_tab {width: 100%;}
.browsebtn{height: 52px;line-height: 52px;}
.browsefield input.browse{width: 39%;}.browsefield input.uploadfile{width: 60%;}
}

@media (max-width: 767px){
.contheader{display:block;}
.faqheader{display:none;}
.block1{box-shadow: none;border:none;}
.content{padding: 0;}
body{background: #fff;}
.faqcont{padding: 10px}
.faq-answer p{padding-left: 0;}
.ans_block{padding-bottom: 130px;}
.btmAnswer{padding: 0 0 20px;}
.sub_txt{font-size: 15px;text-align: center;line-height: 18px;padding: 6px 0 0;}
.links > li > a span.contxt{font-size: 18px;}
.links > li > a span.feedtxt{font-size: 13px;line-height: 18px;}
.links > li.contactBtn .arrow { top: 18px;}
.links > li.homecontact .arrow {
    top: 38px;
}
}
@media (max-width: 600px){
.logo{
	max-width: 80%;
	float: none;
}
.logo{margin: 10px auto 5px;}
.link_log{
	display: block;
	text-align: center;
	float: none;
	margin: 20px 0 10px;
}

}