.theme-default .nivoSlider {
   position: relative;
   margin-bottom: 10px;
   -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
   -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
   box-shadow: 0px 1px 5px 0px #4a4a4a;
}

.theme-default .nivoSlider img {
   position: absolute;
   top: 0px;
   left: 0px;
   display: none;
}

.theme-default .nivoSlider a {
   border: 0;
   display: block;
}

.theme-default .nivo-controlNav {
   text-align: center;
   padding: 20px 0;
}

.theme-default .nivo-controlNav a {
   display: inline-block;
   width: 22px;
   height: 22px;
   background: url(bullets.png) no-repeat;
   text-indent: -9999px;
   border: 0;
   margin: 0 2px;
}

.theme-default .nivo-controlNav a.active {
   background-position: 0 -22px;
}

.theme-default .nivo-directionNav a {
   display: block;
   width: 30px;
   height: 30px;
   background: url(arrows.png) no-repeat;
   text-indent: -9999px;
   border: 0;
   opacity: 0;
   -webkit-transition: all 200ms ease-in-out;
   -moz-transition: all 200ms ease-in-out;
   -o-transition: all 200ms ease-in-out;
   transition: all 200ms ease-in-out;
}

.theme-default:hover .nivo-directionNav a {
   opacity: 1;
}

.theme-default a.nivo-nextNav {
   background-position: -30px 0;
   right: 15px;
}

.theme-default a.nivo-prevNav {
   left: 15px;
}

.theme-default .nivo-caption {
   font-family: Helvetica, Arial, sans-serif;
}

.theme-default .nivo-caption a {
   color: #fff;
   border-bottom: 1px dotted #fff;
}

.theme-default .nivo-caption a:hover {
   color: #fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
   width: 100%;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
   width: auto;
   height: auto;
   background: none;
   margin-bottom: 5px;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
   display: block;
   width: 120px;
   height: auto;
}

/*================ start new css here=================*/

.col-containerr {
   width: 100%;
   display: flex;
   box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.card:first-child {
   max-width: 30%;
   background: #1a91d5;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
}

.card:last-child {
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
}
form {
   margin: 0px;
}

.moving-tab {
   display: none;
}

#progressbar li.active:before,
#progressbar li.active:after {
   background: #27AE60;
   color: white;
   font-weight: 600;
}

.wizard-navigation .nav-pills>li>a {
   padding: 5px 15px;
}

#progressbar li {
   list-style-type: none;
}

#progressbar {
   counter-reset: step;
   padding: 0px 15px;
}

#progressbar li:before {
   content: counter(step);
   counter-increment: step;
   width: 38px;
   height: 38px;
   display: flex;
   color: #fff;
   background: #9D9D9D;
   border-radius: 50%;
   margin: -10px auto 5px auto;
   position: relative;
   z-index: 2;
   justify-content: center;
   align-items: center;
   font-size: 16px;
}

#progressbar li:after {
   content: '';
   width: 100%;
   height: 2px;
   background: #9D9D9D;
   position: absolute;
   left: 0%;
   top: 9px;
   
}

.wizard-navigation .nav-pills>.active>a,
.wizard-navigation .nav-pills>.active>a:hover,
.wizard-navigation .nav-pills>.active>a:focus {
   color: #4DB051 !important;
   background-color: transparent;
}
.wizard-navigation .nav>li>a:focus, .wizard-navigation .nav>li>a:hover{background: transparent !important;}
.wizard-footer .btn.btn-success {
   background-color: #FF6D00;
}

.wizard-footer .btn.btn-success:hover {
   background-color: #FF6D00;
}

h4.info-text.right {
   text-align: right;
   font-weight: 500;
   margin: 0px;
}

div#about {
   background: #EEF7FC;
   padding: 15px;
}

.step-one .form-control {
   width: 90%;
   height: 40px;
   padding: 6px 12px;
   font-size: 14px;
   color: #555;
   background-color: #fff !important;
   background-image: none;
   border: 1px solid #ccc;
   border-radius: 2px;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.step-one .form-group {
   margin-bottom: 0px;
   margin-top: 5px;
}

p.fill {
   font-size: 16px;
   font-weight: 400;
   color: #9d9d9d;
   line-height: 37px;
   margin: 0;
}

.offet {
   margin-left: 4%;
}

p.offer {
   color: #000;
   font-size: 18px;
   text-align: center;
   text-transform: capitalize;
   display: contents;
   justify-content: center;
   align-items: center;
   height: 100%;
   font-weight: 500;
}

.popover-helpicon-main { 
   /* float:right; width:15%; */
 } 
.popover-helpicon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background:#c7a3a3;
    border-radius: 50%;
    padding: 0px 7px;
    font-size: 13px;
    color: #fff;
	font-weight:500;
}
.field-helpicon {
    position: absolute;
    right: -16px;
    top: 13px;
	}
.tooltip-ques {
    position: relative;
    display: inline-block;
	    float: right;
    top: -37px;
}
.tooltip-ques .tooltiptext {
    visibility: hidden;
    width:250px;
    background-color:#016c96;
    color: #fff;
	font-size: 13px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}

.tooltip-ques .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
.tooltip-ques:hover .tooltiptext {
    visibility: visible;
}
/* .menm-tl { width:100%; float: left; height:40px; } */
.ipt-tm { width:100%; float:left; }

.step-tw {
   background: #1A7393;
   overflow: hidden;
}



.tooltip-ques-cor {
    position: relative;
    display: inline-block;
	float: right;
    top: -40px;
    left: 31px;
}
.tooltip-ques-cor .tooltiptext {
    visibility: hidden;
    width:250px;
    background-color:#016c96;
    color: #fff;
	font-size: 13px;
    text-align: center;
    border-radius: 4px;
    padding: 4px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 110%;
}

.tooltip-ques-cor .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
.tooltip-ques-cor:hover .tooltiptext {
    visibility: visible;
}

.step-tw {
   background: #1A7393;
   overflow: hidden;
   width: 100%;
   min-height: 170px;
   height: auto;
   margin: 0px 0px 10px 0px;
}

h6.text-new {
   font-size: 15px;
   text-transform: capitalize;
   font-weight: 400;
   line-height:16px;
}

.step-tb .col-lg-8 {
   padding: 0px;
}

.step-tb .col-md-12 {
   padding: 0px;
}

div#clr {
   background: #F8F8F8;
}

.payment-gateway {
   background: #EEF7FC;
   padding: 10px 15px 20px 15px;
   width: 100%;
   margin: 0px;
}


/*start payment gateway*/

.product-sct {
   background: #fff;
   margin: 8px 0px;
   padding: 0px;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.amount {
   background: #FF6D00;
   padding: 15px;
   margin: 0px;
   text-align: center;
}

h3.th {
   font-size: 16px;
   font-weight: 400;
   text-transform: capitalize;
   color: #333;
   margin: 0px;
}

.amount>p {
   font-size: 28px;
   font-weight: 400;
   color: #fff;
   margin: 0;
   line-height: 45px;
}

p.proname {
   margin: 0;
   font-size: 14px;
   font-weight: 400;
   color: #333;
}

.credit-like {
   padding: 15px;
}

.card-pay {
   border: 1px solid #ccc;
   border-radius: 4px;
}

.card_one:first-child {
   border-bottom: 1px solid #ccc;
}

.card_one {
    padding: 15px 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.card_one label.radio-inline {
   text-transform: capitalize;
   color: #333;
   font-size: 12px;
   font-weight: 400;
       padding-left: 33px;
}

.payment-gateway .left-pay {
      padding-right: 0px;
    width: 43.666667%;
}

.payment-gateway .right-pay {
      padding-left: 0px;
    width: 56.333333%;
}

.card-payment {
   background: #fff;
   height: auto;
   padding: 15px 30px;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
   margin-top: 0px;
}


/*card css*/


/**
 * Credit.js
 * Version: 1.0.0
 * Author: Ron Masas
 */

.credit {
   display: none;
}

.credit-cell {
   width: 18%;
   height: 40px;
   padding: 6px 4px;
   font-size: 15px;
   line-height: 1.42857143;
   color: #555;
   background-color: #fff;
   border: none;
   outline: none;
   text-align: left;
   letter-spacing: 1px;
   font-weight: 400;
}

.credit-input {
   border: 1px solid #ccc;
   border-radius: 2px;
}

.c-focus {
   border-color: #4DB051 !important;
   outline: 0;
   text-align:left;
}

.card-payment .input-group .form-control {
   border-right: none;
}

.card-payment .form-control-feedback {
   width: 40px;
   height: auto;
   line-height: 40px;
}

h1.details {
  font-size: 22px;
    margin: 0;
    padding: 0px;
    color: #514D48;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 30px;
    text-align: left;
    letter-spacing: 0.1px;
}

.form-group.has-success .form-control {
   border-color: #ccc;
}

.has-success .form-control:focus {
   border-color: #4DB051 !important;
}

img.vis {
   position: relative;
   right: 8px;
   top: 1px;
   vertical-align: middle;
}

p.pay_u {
   font-size: 15px;
   font-weight: 400;
   color: #333;
   text-transform: capitalize;
   text-align: center;
}

h4.right_t {
   text-align: right;
   font-weight: 500;
   margin: 0;
   font-size: 16px;
   color: #333;
   margin: 0px 0px 6px 0px;
}

#aft:before {
   content: '+';
   position: absolute;
   display: block;
   left: -5px;
   top: 43%;
   font-size: 20px;
   font-weight: 300;
   color: #52afd0;
}

h4.info-textn {
   text-align: left;
   font-weight: 400;
   font-size: 16px;
   color: #333;
   margin: 0px;
}

h4.onee {
   text-align: center;
   font-size: 18px;
   font-weight: 500;
}

ul#mainMenu {
    border-bottom: 1px solid #01a5d8;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
   margin-top: 18px;
}

header nav ul.nav-main li a:hover {
    background-color: #01A5D8 !important;
    color: #fff !important;
    transition: 0.2s ease;
}
nav#sub-menu ul li a:hover{color:#00a2d5 !important;transition: 0.2s ease;}

footer .span3 a:hover{color:#00a2d5 !important;transition: 0.2s ease;}
header {
    background-image: linear-gradient(#f8f8f859, #fdfdfd00);
}
a.btn-medium {
    border: none;
    background: #FF6D00 !important;
    font-size: 16px !important;
    color: #fff !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    border-radius: 4px !important;
    margin-top: 10px !important;
}
p.view {
        margin: -8px 3px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    color: #585858;
}
h2.desktop_view {
    letter-spacing: 2px;
  line-height: 30px;
    font-weight: 500;
    margin: 0px;
    font-size: 30px !important;
    color: #00a2d5;
}
li.phone {
    position: relative;
    left: 18px;
}
header nav ul.nav-main li a {
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    padding: 8px 24px;
    font-weight: 400;
    margin: 0px;
    color: #585858;
}
footer .span3 a {
    color: #686868 !important;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.2px;
}
.span3 p{
    color: #686868 !important;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
     letter-spacing: 0.2px;
 }

    footer ul.contact i {
    float: left;
    margin: 1px 5px 10px 0;
    font-size: 20px;
    clear: both;
    vertical-align: middle;
    color: #000;
}
footer strong {
    font-weight: 600;
    color: #000;
}
footer h4 {
    letter-spacing: 0.2px;
    font-size: 17px;
    font-weight: 500;
    color: #00a2d5;
    text-transform: capitalize;
    border-bottom: 2px solid #00a2d5;
    padding-bottom: 8px;
}
.span3 {
    margin: 0;
    float: none;
}
.limted p{
      font-size: 13px;
    text-align: right;
    font-weight: 400;
    color: #686868 !important;
    line-height: 22px;
    margin: 0;
     letter-spacing: 0.2px;
 }
    h4.payy {
    margin-top: 35px;
}
ul.social-icons {
    margin-top: 22px;
}
.col-md-4.rt-f {
    width: 28%;
    margin-left: 5%;
}
img.highfield {
    margin-left: 130px;
    margin-bottom: 30px;
}
.sp-otwo {
    margin-left: 0%;
}
.sp-one {
    margin-left: 0%;
}
nav#sub-menu ul li a{font-size: 12px;}
div.footer-copyright p {
    margin: 0;
    padding: 0;
    color: #AEAEAE;
    text-transform: capitalize;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: right;
}
nav#sub-menu ul li a {
    color: #AEAEAE !important;
    text-transform: capitalize;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.1px;
    margin: 0px -2px;
    text-align: left;
}
div.footer-copyright{background:#2F2F2F;padding:20px}
div.footer-copyright {
    background: #2F2F2F;
    padding: 15px;
    border-top: 1px solid #5d5c5c;
}
footer{background: #F1F1F1;position:relative;}
.footer-top {
    padding: 30px 0px;
    max-width: 100%;
    display:block;
    overflow: hidden;
}
span.card-labell {
    position: absolute;
    top: 140px !important;
    left: 30% !important;
}
.wizard-card .choice .fa{line-height:95px; text-align:center;}
.margin-lft {
    padding-left: 0px !important;
    /* padding-right: 0; */
}
img.animated {
    margin-top: 10px;
}
/*--------------start mobile media query-----------------*/

@media(max-width: 768px) {
   .offet {
      margin-left: auto;
   }
   .col-sm-12.col-md-11.offet {
      margin: 0px;
      padding: 0px;
   }
   
   .step-one .form-group {
    margin-bottom: 0px;
    margin-top: 25px;
}


 .footer_logo_panel_main span { float:left !important; width:100%; padding-bottom:10px; }

   .col-containerr {
      flex-direction: column;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
   }
   .card:first-child {
      max-width: 100%
   }
   .wizard-card .wizard-header {
      padding: 10px !important;
   }
   .wizard-card .wizard-title {
      font-size: 14px;
      line-height: 22px;
   }
   #progressbar li:before {
      display: none;
   }
   .wizard-navigation .nav-pills>li>a {
      padding: 8px 5px;
      font-size: 12px;
    font-weight: 500;
    background: #888888;
    border-radius: 4px;
    color: #fff !important;
    z-index: 10;
    margin: -6px 8px;
    text-transform: capitalize;
   }
  /* .nav-pills>li.active>a,
   .nav-pills>li.active>a:focus,
   .nav-pills>li.active>a:hover {
      background: #4DB051 !important;
      color: #fff !important;
   }*/
   .wizard-navigation .nav-pills>.active>a, .wizard-navigation .nav-pills>.active>a:hover, .wizard-navigation .nav-pills>.active>a:focus {
    color: #fff !important;
    background-color:#59BF75 !important;
}
   .wizard-container .wizard-navigation {
      background: #F4F4F4;
      padding: 25px 0px;
   }
   .payment-gateway .left-pay {
      padding-right: 15px;
      width: 100%;
   }
   .payment-gateway .right-pay {
      padding-left: 15px;
       width: 100%;
   }
   .credit-like {
      padding: 14px;
   }
   h1.details {
      font-size: 18px;
      margin-bottom: 12px;
      font-weight: 500;
   }
   label.term {
      /* font-size: 8px; */
      font-weight: bold;
   }
   h4.right_t {
      margin: 10px;
   }
   .card-payment {
      padding: 14px;
   }
   .payment-gateway {
      padding: 10px;
   }
   #progressbar {
      padding: 0px;
   }
   .wizard-card .tab-content {
      padding: 7px !important;
      height: auto;
   }
   h4.info-textn {
      font-size: 13px;
      font-weight: 400;
   }
   .wizard-card .onee {
      font-size: 18px !important;
      color: #0088cc !important;
      font-weight: 500;
      text-align: center !important;
   }
   .step-tw .col-xs-6 {
      width: 25%;
   }
   .choice .icon {
      height: 42px !important;
      width: 42px !important;
      border-radius: 0px;
      border: none;
   }
   .wizard-card[data-color="green"] .icon,
   .wizard-card[data-color="green"] .choice.active .icon {
      border-color: transparent !important;
      background: transparent !important;
   }
   .wizard-card .choice i {
      font-size: 38px !important;
      /* line-height: 79px !important; */
   }
   select {
      height: 38px;
   }
   .no-padding {
      padding: 0px !important;
   }
   .product_details label {
      text-align: center;
   }
   .step-tw {
      min-height: 110px;
      height: auto;
      margin: 0px 0px 20px 0px;
   }
   #revision_div h4 {
      font-weight: 500;
      color: #000;
      font-size: 14px;
   }
   .tab-content .controls {
      margin-left: -14px;
      padding: 0px 11px;
      max-width: 100%;
      margin-right: auto;
   }
   span.pop {
      font-size: 12px;
      font-weight: 400;
   }
   .tab-content .controls table td {
      font-size: 13px;
      font-weight: 400;
   }
   #aft:before {
      left: -6px;
      top: 37%;
      font-size: 22px;
   }
   h4.info-text.right {
      font-size: 14px !important;
   }
   ul#mainMenu{display:none !important}
   a.btn-medium {
    display: none !important;
}
/*.desktop_view {display: none;}*/

h2.desktop_view {
    line-height: 30px;
    font-weight: 500;
    margin: 0px;
    font-size: 22px !important;
    color: #00a2d5;
    letter-spacing: 1px;
}
/*.nav.nav-pills.nav-top li{display: none;}*/
.slide_nav_menu_bar {
    background: #fff;
}
h2.Mobile_view {
    display: none;
}
p.view {
    margin: -10px 10px;
    font-size: 9px;
    font-weight: 600;
    text-align: right;
    width: 100%;
    color: #585858;
}
p.offer{display: none;}
.wizard-card .wizard-header{display: none;}
.footer-top {padding: 8px 0px;    margin-top: -100px;}
    .sp-one {
    margin-left: 0;
}
.sp-otwo {
    margin-left: 0;
}
.limted p{text-align: center;
     line-height: 20px;}
img.highfield {
    margin-left: 28px;
    margin-bottom: 8px;
    display: block;
}
div.footer-copyright nav ul{text-align: center;}
div.footer-copyright p{text-align: center;font-size: 10px;}
div.footer-copyright{padding: 8px;}
.span3 p{font-size: 12px;}
footer .span3 a{font-size: 12px}
.limted p{font-size: 12px;}
footer ul.contact i {
    margin: 3px 5px 10px 0;
    font-size: 16px;
}
h4.payy {
    margin-top: 18px;
}
.slicknav_menu {
    margin-top: -43px;
    z-index: 100000;
}
.top-icn {
    position: absolute;
    right: 15px;
    top: 13px;
}
.slicknav_nav{top: 148px !important;}
label.term.term1 {
    /* font-size: 10px; */
}
.top-icn ul a:last-child{margin-left: 6px;}
span.card-labell {
    top: 116px !important;
    left: 27% !important;
	font-size: 10px !important;
}
.wizard-card .choice .fa {line-height:45px; color:none !important; }
.menm-tl {
    /* width: 95%;
    float: left;
    height: 40px; */
}

.mg-cd-one { max-width:212px; width:100px;
}
.cd_sel_cen { text-align:center;}
.product_hide, .card_hide, .card_appliation, .text_type {
    margin-bottom: 12px;
}
p.proname{text-align: center;}
h3.th{text-align: center;}
.wizard-card .wizard-footer {
    margin-bottom: 10px !important;
}
.wizard-navigation .nav>li>a:focus, .wizard-navigation .nav>li>a:hover {
    background: #888888 !important;
}
.crd_ip { max-width:212px !important; width:100%;  }
}



@media(min-width: 1024px) {
	.crd_ip { max-width:212px !important; width:100%;  }
	.mg-cd-one { max-width:212px; width:100px;}
span.card-labell {
    position: absolute;
    top: 117px !important;
    left: 34% !important;
	font-size: 11px;
}

#aft:before   { 
    content: '+';
    position: absolute;
    display: block;
    left: 6px;
    top: 43%;
    font-size: 13px;
    font-weight: 500;
    color: #52afd0;

}
}	

/* span.card-labell {
    position: absolute;
    top: 115px !important;
    left: 10% !important;
} */

	
/* media 320*/
@media (max-width: 320px) {
   header h1.logo img {
    max-width:60% !important;
}
   .wizard-card .wizard-title {
      font-size: 12px;
      line-height: 17px;
   }
   .wizard-navigation .nav-pills>li>a {
        padding: 7px 0px;
    font-size: 11px;
    font-weight: bold;
    margin: -5px 5px;
   }
   label.term {
      font-size: 8px !important;
      font-weight: bold;
   }
   
   .footer_logo_panel_main  span{ width:100%; text-align:center; }
   div#about {
      background: #EEF7FC;
      padding: 8px;
   }
   .wizard-card .onee {
      font-size: 12px !important;
      font-weight: 500;
   }
   h4.info-textn {
      font-size: 12px;
   }
   p.fill {
      font-size: 14px;
   }
   .form-group label.control-label {
      font-size: 13px!important;
   }
   .wizard-card .info-text {
      font-size: 12px !important
   }
   .form-group .checkbox label,
   .form-group .radio label,
   .form-group label {
      font-size: 13px;
   }
   h4.info-text.right {
      font-size: 12px !important;
   }
   ul#mainMenu{display:none !important}
   span.pop{font-size: 10px}
   .slicknav_nav{top: 137px !important}
   .top-icn ul a:last-child{margin-left: 6px;}
   .product_details label {
    font-size: 12px !important;
}
.span3 p {
    font-size: 11px;
}
span.card-labell {
    top: 152px;
    left: 40%;
}
.credit-cell{width: 20%;}
}

@media (min-width: 1200px) {
#aft:before   { 
    content: '+';
    position: absolute;
    display: block;
    left:-5px;
    top: 43%;
    font-size: 20px;
    font-weight: 500;
    color: #52afd0;

}

span.card-labell {
    position: absolute;
    top: 117px !important;
    left: 18% !important;
    font-size: 10px !important;
}


}