body{ margin:0px; padding: 0px; font-family: 'AvenirLTStd-Medium';}
p{ margin:0px; padding: 0px;}
h1{ margin:0px; padding: 0px;}
h2{ margin:0px; padding: 0px;}
a{text-decoration: none;}


.main_container {
  width: 100%;
  min-height:800px;
  background-color:#acb5c3;
	float: left;
}


.wrap {
  width: 700px;
  min-height: 500px;
  border-radius: 4px;
  margin: 2% auto;
}
.wrap_in{
  background-color:#FFFFFF;
	width: 100%;
	float: left;
	 border-radius: 4px 4px 0px 0px;
}

.main_container.checkout .wrap_in{
  margin-bottom: 30px;
}

.top_band {
  width: 100%;
  height: 175px;
  border-radius: 4px 4px 0px 0px;
  background-color: #2a3950;
  color: #fff;
  padding: 15px  30px;
  box-sizing: border-box;
}
.top_band_left{ width: 80%; float: left;}

.top_band_left h2 {
  font-family: 'AvenirLTStd-Medium';
  font-size: 28px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
  letter-spacing: normal;
}

.top_band_left p {
  font-family: 'AvenirLTStd-Medium';
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

.top_band_left img{ margin-top: 10px;}
.top_band_right{ width: 20%; float: left;}
.top_band_right img{ margin-top: 0px;}

.form_area {
  width: 100%;
  min-height: 500px;
	float: left;
}

.form_area_left {
  width: 67%;
  min-height: 500px;
	float: left;
}

.contact_info{width: 100%; float: left; padding: 40px 30px; box-sizing: border-box;}

.contact_info h2 {
   font-family: 'AvenirLTStd-Medium';
  font-size: 20px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
	margin-bottom: 10px;
}

.contact_info ul{ margin: 0px; padding: 0px;}
.contact_info li{ list-style: none; float: left; width: 47% }
.contact_info li:nth-child(2){ margin-left: 5%; }
.contact_info li:nth-child(4){ margin-left: 5%; }
.contact_info li:nth-child(6){ margin-left: 5%; }
.contact_info li:nth-child(8){ margin-left: 5%; }
.contact_info li:nth-child(9){ margin-left: 5%; }

.contact_info input, .contact_info textarea{
  border-radius: 4px;
	font-size: 14px;
	width: 100%;
	margin-bottom: 16px;
	padding-left: 10px;
	height:50px; border:2px solid #eaecf0; border-radius: 4px; color:#687188;
}
.contact_info select {
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
  margin-bottom: 16px;
  padding-left: 10px;
  height:45px; border:2px solid #eaecf0; border-radius: 4px; color: #b6becb !important;
}


/* placeholder color */

.contact_info input::placeholder, .contact_info textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aeb7c5;
}

.contact_info input:-ms-input-placeholder, .contact_info textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #aeb7c5;
}

.contact_info input::-ms-input-placeholder { /* Microsoft Edge */
  color: #aeb7c5;
}
/*end placeholder color*/

.payment_infomation{width: 100%; float: left; padding: 10px 30px;  box-sizing: border-box;}

.payment_infomation ul{ margin: 10px 0px 0px 0px; padding: 0px;}
.payment_infomation li{ list-style: none; float: left; width: 47% }

.card_details{width: 100%; float: left;  box-sizing: border-box;}
.card_details li:nth-child(1){  }
.card_details li:nth-child(2){ margin-left: 5%; }
.card_details li:nth-child(3){  }
.card_details li:nth-child(4){ margin-left: 5%; }
.card_details input {
  border-radius: 4px;
  font-size: 14px;
	width: 100%;
	margin-bottom: 16px;
	padding-left: 10px;
	background: #f5f6fa;
	height:36px; border:2px solid #eaecf0; border-radius: 4px; color:#b1b9c7;
}

.bump_offer {
  width: 100%;
	float: left;
	background: #fbf8ea;
	min-height: 178px;
	box-sizing: border-box;
}

.bump_offer_in {
  width: 90%;
	float: left;
	margin: 5%;
	border: 2px dotted #ff0600;
 box-sizing: border-box;
	padding: 3%;
}

.yello_band {
  width:100%;
  height: 40px;
  background-color:#f6d857;
	float: left;
  font-family: 'AvenirLTStd-Medium';
  font-size: 18.9px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1.2px;
  color: var(--dark-grey-blue);
	padding: 10px 0px 0px 10px;
	box-sizing: border-box;
}
.yello_band strong{ border: 1px dotted #000000; padding: 2px 7px; }

.ready_buy{
  font-family: 'AvenirLTStd-Medium';
  font-size: 18.9px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1.3px;
  color: #ef4835;
	border: 1px dotted rgba(0, 0, 0, 0.54); padding: 2px 7px;float: left;
	width: 100%;
	margin-top: 10px;
	box-sizing: border-box;
}
.sub_text{
  font-family: 'AvenirLTStd-Medium';
  font-size: 13.4px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #030000;
  border: 1px dotted rgba(0, 0, 0, 0.54); padding: 2px 7px;
	float: left;
	width: 100%;
	margin-top: 5px;
	box-sizing: border-box;
}

.order_summary{width: 100%; float: left; padding: 10px 30px; box-sizing: border-box;}

.order_summary h2 {
  font-family: 'AvenirLTStd-Medium';
  font-size: 20px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
	margin-bottom: 10px;
 
}
.order_summary h2 span{  
  float: right;
   font-family: 'AvenirLTStd-Medium';
  font-size: 10px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.8;
  letter-spacing: normal;
  color:#acb5c3;
}

.choose_option label{    font-size: 14px;
    height: 50px;}

.choose_option label .p_opt{    position: relative;
    height: auto;}

.total {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background-color: #f5f6fa;
	float: left;
	padding: 8px 15px;
	
   font-family: 'AvenirLTStd-Medium';
  /*font-size: 16px;*/
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  /*color: #000;*/
	box-sizing: border-box;
  color: #2a3950;
  font-size: 20px;
}

.total span{
	float: right;
   font-family: 'AvenirLTStd-Medium';
  font-size: 20px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1.1px;

}


.coupon{
  width: 130px;
  height: 38px;
	padding-top: 10px;
	box-sizing: border-box;
	text-align: center;
	float: right;
  border-radius: 4px;
  border:  1px solid #acb5c3;
  background-color: rgb(255, 255, 255);

   font-family: 'AvenirLTStd-Medium';
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgb(5, 125, 254);
	margin-top: 10px;
}


.proceed_checkout {width: 100%; float: left;}

.proceed_checkout a{
  width: 100%;
    float: left;
    height: 53px;
    text-align: center;
    /* padding-top: 10px; */
    box-sizing: border-box;
    margin-top: 15px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom, rgb(180, 236, 81), rgb(92, 149, 9) 50%, rgb(128, 196, 59) 97%, rgb(178, 235, 80) 98%, rgb(66, 147, 33));
    font-family: 'AvenirLTStd-Medium';
    font-size: 24px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: -1px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.proceed_checkout a img{ margin-bottom: -7px;}*/

.secure_check{ float: left; width: 100%; text-align: center; margin-top: 10px;}

/*right side*/
.form_area_right {
  width: 33%;
  min-height: 500px;
	float: left;
	
	
	
  
}
.rt_top {padding: 20px; width: 100%; background: #f8ffe2; float: left; box-sizing: border-box;}

.form_area_right .img_frame{ 
  margin-left: 36.42px;
  border-radius: 4px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
	background: #FFFFFF;
	float: left;
	padding: 6px;
  
}


.form_area_right h2 {
 
   font-family: 'AvenirLTStd-Medium';
  font-size: 18px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  margin: 20px 0px 15px 0px;
	float: left;
  
}

.form_area_right ul{ margin: 20px 0px 0px 20px; padding: 0px;}
.form_area_right li{ list-style-image: url("../img/right_tick.svg");

   font-family: 'AvenirLTStd-Medium';
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: rgb(0, 23, 78);
	float: left;
	width: 100%;
	margin-bottom: 15px;
}


.form_area_right p {
  float: left;
	margin-top: 15px;
   font-family: 'AvenirLTStd-Medium';
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: rgb(0, 23, 78);
}


.student_testi {
  width: 100%;
  
	float: left;
	background: #f4f4f4;
	padding: 20px;
	box-sizing: border-box;
	/* min-height: 500px; */
	  box-sizing: border-box;
  
}

.student_testi h2{
  
   font-family: 'AvenirLTStd-Medium';
  font-size: 20px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: center;
  color: var(--dark-grey-blue);
}

.student_testi p{ margin: 0px;}


















.testi_text{float:left; width:100%; text-align: center;}
.testi_text li{ list-style: none;}
.testi_text .carousel-item{ font-size:14px; text-align: center;}
.testi_text .carousel-item img{ margin:10px 0px 2px 0px;}
.testi_text .carousel-item strong{ margin:0px 0px 15px 0px; display:block;}
.testi_text .carousel-indicators{ margin:0px!important; padding:0px!important; bottom:-25px!important;}

.testi_text .carousel-indicators li {

    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 9px;
    height: 9px;
border-radius: 50%;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #8a8a8f;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;

}



.testi_text .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
border:1px solid #ff000;
}






.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
 
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
  background-color: #8a8a8f!important;
    width: 10px!important;
    height: 10px!important;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}





/* ---------radio button---------- */
.rd_button{ float:left; width:100%;}
.btn_1 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.btn_1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 21px;
  background-color: #fff;
  border-radius: 50%;
  border:1px solid #cecece;
}



/* When the radio button is checked, add a blue background */
.btn_1 input:checked ~ .checkmark {
  background-color: #2196F3;
  border:1px solid #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.btn_1 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.btn_1 .checkmark:after {
  top: 6px;
left: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: white;
}

.form-group{
    padding-bottom: 10px;
    position: relative;
}
.form-control{
    height: 42px;
    border-radius: 4px;
    border: 2px solid #eaecf0;
    background-color: #ffffff;
    color: #b1b9c7;
    font-size: 14px;
    width: 186px;
}

.t-55 {
    font-size: 24px;
    color: #2a3950;
    display: block;
    line-height: 30px;
    font-family: 'AvenirLTStd-Heavy';
    padding-bottom: 50px;
}
.dp-img {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto 20px auto;
}
.t-57 {
    font-size: 16px;
    color: #2a3950;
    display: block;
    font-family: 'AvenirLTStd-Heavy';
    padding-bottom: 50px;
}
.t-56 {
    font-size: 14px;
    color: #6c758c;
    display: block;
    line-height: 24px;
    padding-bottom: 30px;
}

.testi-box{
    display: block;
    padding: 20px;
    /* margin: 0 -25px; */
    text-align: center;
}


.main_container.checkout .top_band_left p{
  color: #fff !important;
}

.main_container.checkout .top_band {
   padding: 18px  30px !important;
}

.main_container.checkout .proceed_checkout a img{ 
  margin-left: 10px !important;
}

.main_container.checkout .proceed_checkout a:hover{
  color: #fff !important;
}

.downloadFile{
	height: 46px;
	border-radius: 4px;
	background-color: #00acc1;;
	line-height: normal;
	text-transform: uppercase;
	color:white;
	transition: .5s;
	width: 130px;
	text-align: center;
  cursor: pointer;
  padding: 17px 0px;
  color: white !important;
}





/*  --------   */


@media (min-width: 320px) and (max-width: 992px) {
  
  .main_container .wrap{
    width: 100% !important;
  }

  .top_band_right img{
    width: 100%;
    height: auto;
    margin-top: 25px;
  }

  .top_band{
    height: 200px;
  }

  .form_area_left, .form_area_right{
    width: 100%;
  }

  .order_summary {
    padding: 30px 30px;
}

.top_band_left h2{
  font-size: 20px;
}

  .contact_info li{
    width: 100%;
    margin-left: 0 !important;
  }

  .contact_aff_terms{
    margin-top: 40px;
    display: inline-block;
  }

}


/* css for success page */
.success-box {
  display: block;
  background: #fff;
  border-top: 10px solid #2da4ed;
  padding: 30px;
}

.success-1 {
  display: block;
  height: 130px;
}

.success-box .img-bb {
  width: 143px;
  height: 120px;
  border-radius: 3px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  padding: 10px;
  float: right;
}
.success-box .img-bb img {
  width: 100%;
}

.line-4 {
  height: 1px;
  background: #e9e9e9;
  margin: 15px 0;
}

.success-2 {
  display: block;
  height: 60px;
}

.l-box {
  display: block;
  text-align: left;
}

.t-59 {
  font-size: 20px;
  color: #6c758c;
  display: block;
  line-height: 30px;
}
.t-60 {
  font-size: 28px;
  color: #6c758c;
  display: block;
  line-height: 38px;
  font-family: 'AvenirLTStd-Heavy';
}
.t-61 {
  font-size: 16px;
  color: #acb5c3;
  display: block;
  line-height: 26px;
}

.line-4 {
  height: 1px;
  background: #e9e9e9;
  margin: 15px 0;
}

.t-62 {
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #6c758c;
  text-align: center;
}
.t-62 a {
  color: #3751ff;
  text-decoration: none;
}

.success-3 {
  display: block;
  text-align: center;
}


.t-63 {
  display: block;
  font-size: 28px;
  font-weight: 900;
  color: #2a3950;
  text-align: center;
  padding: 20px 0px;
}
.aligntext {
  text-align: left;
}

.pdrgt40 {
  padding-right: 40px !important;
}


.social-btn {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 20px 0;
  text-align: center;
}
.social-btn li {
  display: inline-block;
}
.social-btn li a {
  display:block;
  color: #fff;
  text-decoration: none;
}
.social-btn li .fb-btn {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #324d8f;
  padding: 10px 20px;

}
.social-btn li .tw-btn {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #3695f2;
  padding: 10px 20px;

}
.social-btn li img {
  width: 14px;
  height: 14px;
}

.tab.tab-b {
  padding: 40px;
  border-radius: 4px;
  box-shadow: 6px 6px 24px 0 rgba(203, 215, 233, 0.4);
}
.tab.tab-b.tab-active {
  display: block;
}

.successPage{
  background: #d6dbe3;
  background: rgb(214, 219, 227);
  display: block;
  width: 1000px;
  margin: auto;
}

iframe{
  max-width: 100% !important;
  display: block;
  margin: 0 auto;
}

.choose_option {
  width: 100%;
  /* height: 50px; */
  height: 65px;
  border-radius: 4px;
  border: solid 1px #acb5c3;
  background-color: #f5f6fa;
  padding: 14px 0 0 10px;
  margin-bottom: 15px;
  font-family: 'AvenirLTStd-Medium';
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2a3950;
}
.form-box label {
  padding-bottom: 10px;
  font-size: 14px;
 
  color: #8690a0;
}
.btn_6 {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn_6 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.top_band_left h2{
color:#fff !important;
}

.btn_6 input:checked ~ .checkmark {
  background-color: #2196F3;
  border: 1px solid #2196F3;
}
.btn_6 input:checked ~ .checkmark:after {
  display: block;
}
.btn_6 .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.cl_ques{
  padding: 6px !important;
  cursor: text !important;
}



/* css for flag start */
body{
}
.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;/* width: 150px !important;*/}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; outline: 0; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:15px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999;  height: 153px !important;}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

#changeLanguage_msdd{ width: auto !important; }
/*************** default theme **********************/
/*.dd{border:1px solid #c3c3c3;}*/
/*.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}*/
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url("../img/dd_arrow.gif") no-repeat;display: none;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#687189;/*background:#e9eaee;*/font-size: 12px;font-family: AvenirNextLTPro-Demi;}
.dd .ddTitle .ddTitleText{padding:10px 6px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;position: relative;top: -2px;}
.dd .ddChild {
    border:none;
    background-color: #fff;
    left: -67px;
    right: auto;
    top: 40px !important;
    width: 142px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 7px 7px 14px 0 rgba(42, 57, 80, 0.2);
    border: solid 1px #cdd2db;
}
.languagelist ul {
  display: block;
  
}
.languagelist ul li {
  float: none !important;
  padding: 10px !important;
  text-align: left;
  color:#687189!important;
}


.dd .ddChild li{padding:10px; background-color:#fff; border-bottom:1px solid #c3c3c3;font-size: 14px;color: #333;}
.dd .ddChild li .description{color:#666;}
/*.dd .ddChild li .ddlabel{color:#333;}*/
.dd .ddChild li.hover{/*background-color:#f2f2f2*/}
.dd .ddChild li img{padding:0 6px 0 0; top: -1px;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:rgba(224, 247, 250, 0.4); color:#687189!important;}


/* css for flag ends */