@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

@font-face { font-family: 'HvCn'; src: url('../resources/fonts/HvCn.eot'); src: url('../resources/fonts/HvCn.woff') format('woff'), url('../resources/fonts/HvCn.ttf') format('truetype'), url('../resources/fonts/HvCn.svg') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Conv_HelveticaCE-Bold'; src: url('../resources/fonts/HelveticaCE-Bold.eot'); src: url('../resources/fonts/HelveticaCE-Bold.woff') format('woff'), url('../resources/fonts/HelveticaCE-Bold.ttf') format('truetype'), url('../resources/fonts/HelveticaCE-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }



@font-face { font-family: 'HelveticaNeue'; src: url('../resources/fonts/HelveticaNeue.woff') format('woff'),url('../resources/fonts/HelveticaNeue.ttf') format('truetype'),url('../resources/fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');font-weight: normal;font-style: normal;}
address,article,aside,blockquote,body,canvas,div,em,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,img,input,li,nav,ol,p,section,select,span,strong,time,ul,video {border: 0 none;margin: 0;padding: 0}
body {color: #333;overflow-x: hidden;background: rgb(246,195,55);
background: linear-gradient(180deg, #fac930 0%, #ffe649 17%, #ffe649 36%,  #fec92e 100%);font-size: 13px;font-family: 'Open Sans', sans-serif;}
input,select,textarea {outline: 0}
a {outline: 0 none;text-decoration: none}
a:hover {text-decoration: none}
input {outline: 0}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block}
ul {list-style: none outside none}
.clear {clear: both}
.floatl {float: left}
.floatr {float: right!important}
.w420 {width: 420px}
.w301 {width: 301px}
.w190 {width: 195px}
.w184 {width: 184px}
.w167 {width: 167px}
.w610 {width: 610px}
.w490 {width: 490px}
.w85 {width: 85px}
.w55 {width: 55px}
.w200 {width: 200px}
.w208 {width: 208px}
.w272 {width: 272px}
.w733 {width: 733px}
.w202 {width: 202px}
.w248 {width: 248px}
.w763 {width: 763px}
.w464 {width: 464px}
.w300 {width: 300px}
.w193 {width: 193px}
.w311 {width: 311px}
.w364 {width: 364px}
.w243 {width: 243px}
.w373 {width: 373px}
.w322 {width: 322px}
.w710 {width: 710px}
.w420 {width: 420px}
.w764 {width: 764px}
.w426 {width: 426px}
.w323 {width: 323px}
.w689 {width: 689px}
.w315 {width: 315px}
.marb20 {margin-bottom: 20px!important}
.mart20 {margin-top: 20px!important}
.marb10 {margin-bottom: 10px!important}
.marb30 {margin-bottom: 30px!important}
.marb5 {margin-bottom: 5px!important}
.marb25 {margin-bottom: 25px!important}
.marb14 {margin-bottom: 14px!important}
.marb15 {margin-bottom: 15px!important}
.marb18 {margin-bottom: 15px!important}
.marl8 {margin-left: 8px}
.marl15 {margin-left: 15px}
.marl25 {margin-left: 25px}
.marl-5 {margin-left: -5px}
.marr-5 {margin-right: -5px}
.marr58 {margin-right: 58px!important}
.marr22 {margin-right: 22px!important}
.marr79 {margin-right: 79px!important}
.marr22 {margin-right: 22px!important}
.marr79 {margin-right: 79px!important}
.marr35 {margin-right: 35px!important}
.marr10 {margin-right: 10px!important}
.mart5 {margin-top: 5px!important}
.mart50 {margin-top: 50px!important}
.marr29 {margin-right: 29px!important}
.marr20 {margin-right: 20px!important}
.marr10 {margin-right: 10px!important}
.marr15 {margin-right: 15px!important}
.marb38 {margin-bottom: 38px!important}
.pad10 {padding: 10px!important}
.pad15 {padding: 15px!important}
.pad20 {padding: 20px!important}
.pad25 {padding: 25px!important}
.pad30 {padding: 30px!important}
.pad35 {padding: 35px!important}
.padt10 {padding-top: 10px!important}
.padb10 {padding-bottom: 10px!important}
.padl15 {padding-left: 15px!important}
.padr15 {padding-right: 15px!important}
.padb10 {padding-bottom: 10px!important}
.padb15 {padding-bottom: 15px!important}
.f12 {font-size: 12px!important}
.f13 {font-size: 13px!important}
.f14 {font-size: 14px!important}
.f15 {font-size: 15px!important}
.f16 {font-size: 16px!important}
.f17 {font-size: 17px!important}
.f18 {font-size: 18px!important}
.f19 {font-size: 19px!important}
.f20 {font-size: 20px!important}
.f21 {font-size: 21px!important}
.f22 {font-size: 22px!important}
.f23 {font-size: 23px!important}
.c333 {color: #333!important}
.lheight20 {line-height: 20px!important}
.lheight18 {line-height: 18px!important}
.no_bg {background: 0 0!important}
.c555 {color: #555}
.cred {color: #ec1d23}
.txt_justify {text-align: justify}
.bgfff {background: #fff}
ul li {list-style-type: none}

.cblue {color: #004a8f}



.f12{font-size: 12px;}
.f16{font-size: 16px;}
.c000{color:#000 !important;}
.c444{color:#444 !important;}
.vmiddle{vertical-align: middle;}
.container{max-width: 1004px;}
.brandlogo{margin:0.5rem 0;}

header nav{ position: fixed; top: 0px; right: -100%; padding: 0px; max-width: 100%; width: 100%; background: #ffffff; height: 100%; z-index: 101; background-size: contain; overflow-y: scroll;}
/*header nav a.close { display: inline-block; text-align: right; top: 0px; right: 0px; padding: 22px 25px; background: #143180 url('../resources/images/close.png') no-repeat center;}*/
.menu_ico { top: -10px; right: 0; padding: 10px 30px; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 2; position: absolute;}

.menu_ico2 { position: absolute; top: -4px; right: 0px;  -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 2; text-align: center; width:24px; height:19px;}

.menu_ico2 img { position:relative; width:26px; height:22px; margin: 10px 10px 10px -120px;}


.menu_ico p{ margin-bottom: 0; color: #666666;}
header nav ul { list-style: none; padding: 0;}
header nav ul li a { display: block; color: #10498b; font-size: 14px; padding: 8px 8px 12px 8px; position: relative; text-align: left;}
header nav ul li a:hover, header nav ul li a:focus, header nav ul li a:active { background: #186cb9 !important; color: #fff !important;}
header nav ul li.active a::after { height: 100%; width: 5px; background: rgba(37, 120, 185, 0.8); position: absolute; left: 0px; content: ""; top: 0px;}
header nav > div.cinfo { padding: 0px 10%; margin-top: 10%;}
header nav > div.cinfo > div { border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; padding: 5px 0;}
header nav > div a { color: #fff; font-size: 14px;}
header nav .accordion{padding:0px 1rem;}
header nav > div > img{width:150px;}
header #navbarNav .nav-item.active{border-bottom:1px solid #10498b; }
.mob_header{padding:1rem;}
.divclose {position:absolute;right:5%;top:15px;}
.divclose a{color:#10498b;font-size:1.1rem;opacity:1;font-weight: normal;}
.navUl .accordion .toggle .fa{float: right;}
header nav .navUl li a { border-bottom: 1px solid #10498b; padding: 4px 10px 4px 30px;}
header nav .navUl li.main_heading a, header nav .navUl li.sub-menu>a { padding: 10px 10px 10px 20px; font-weight: bold; text-transform: uppercase; }
header ul .inner {overflow: hidden;  display: none;}
header ul li a.toggle { width: 100%; display: block; color: #fefefe; padding: 0.75em; border-radius: 0.15em; transition: background 0.3s ease;}
header ul li a.toggle:hover { background: rgba(0, 0, 0, 0.9);}
header .container{  position: relative;}
header .navUl{padding:0px 0px 0px 0px;border-top:1px solid #10498b;}
header {box-shadow:none;padding:0.75rem 0px;background: #234168;}
.mobNav{ display:block}
.hdfclogo img{display:block;border:2px solid #fff;}
#navbarNav .navbar-nav{ display:inline-block; float:right; margin-top:5px}
#navbarNav .nav-item{ float:left; display:inline-block}
.tinder {width:100%;height:480px;    margin-top: 10px;}
#navbarNav .nav-item .nav-link{ padding:5px 10px; color:#10498b; font-family: 'Open Sans'; font-size:16px}

.category-intro{width: 100%;}
 .category-intro h2{font-size: 14px;color: #333;font-family: Open Sans;font-weight: bold;padding-left: 10px;position: relative;margin-bottom: 15px;text-align: left;}
 .category-intro h2 a{color: #333;}
  .category-intro h2 span{ color: #1d4782; }
 .category-intro h2::before{content: none; width: 7px;height: 10px;background: url('../resources/images/left_arrow_icon.png') center no-repeat;position: absolute;left:0;top:3px;}
.offer-details-inner h1{font-size: 22px;margin-bottom: 0.5rem;color: #333333;font-weight: bold;}
.offer-details-inner p{font-size: 18px; font-weight: 700;}
.offer-details-inner p span{font-size: 28px; font-weight: 700; color: #004a8f;}
.offer-details-inner{padding:0.5rem 0;}
.offer-details-inner{text-align: center;}
.water_icon{text-align: center;padding: 1rem 0;}
.water_icon img{max-width: 75%;}
.inside-offer-logo{text-align: center;}
.inside-offer-logo > span{margin:0 0.75rem;vertical-align: bottom;}
.whiteBg{background: #ffffff; border-radius: 5px;}
.inside_box:first-child .details ul, .inside_box:nth-child(3) .details ul{padding-left: 0}
.inside_box:first-child .details ul li::before, .inside_box:nth-child(3) .details ul li::before{content: none;}
.inside_box{padding: 20px 35px;margin-top: 20px;}
.inside_box .top_title{padding-bottom: 20px;border-bottom:1px solid #ccc;margin-bottom: 1rem;}
.inside_box .top_title h3{font-size: 19px; color: #333333;font-weight: 700;}
.inside_box .details p{font-size: 15px; color: #333333;padding-bottom: 10px;}
.inside_box .details p:last-child{padding-bottom: 0px;}
.inside_box .details dl dt{color: #004a8f; font-size: 14px; font-weight: bold;margin-bottom: 0.25rem;}
.inside_box .details dl dd{color: #333333; font-size: 15px;margin-bottom: 0.75rem;}
.inside_box .details dl dt img{padding-right: 10px;}
.inside_box .details ul {list-style: none; padding-left: 15px;}
.blueBg.inside_box .details ul{padding-left: 0;}
.inside_box .details ul li{padding-bottom: 15px; color: #333333;}
.inside_box .details ul li a{ word-break: break-all;}
.inside_box .details ul li::before { content: "\2022"; color: #004a8f; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em;}
.blueBg.inside_box .details ul li::before{color: #fff; display: none;}
.blueBg.inside_box .details ul li img{margin-right: 0.75rem;}
.details p.mb-2{position: relative;padding-left: 30px;}
.details p.mb-2 img{position: absolute;left: 0px;top:5px;}
.details p > img{margin-right: 0.75rem;}
.blue_button{background: #1e86ff;display: block;border-radius: 5px;color: #fff;font-weight: bold;text-align: center;font-size: 12px;position: relative;padding: 10px 30px;display: inline-block;clear:both;    min-width: 175px;border:none;text-transform: uppercase;}
.top_title h3>  img{margin-right: 0.75rem;}
.top_title h3{font-weight: 700;}
section.panels{padding:1rem 0;}

.applynow button{ position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); }
.applynow_alt button{ position: relative; }

footer{text-align: center;}
.footer { width: 100%; background-color: #004a8f; padding: 15px 0; color: #fff; text-align: center; }
footer.sticky{ position: absolute; bottom: 0; width: 100%; }



h2{font-family: "Open Sans";font-size: 24px;margin-bottom: 1rem;color: #1d4782;text-align: center;font-weight: 300;}
.title3{font-size: 18px;color:#1d4782;text-align: center;font-weight: 700;}
.title3 p > span{margin:0 0.5rem;}
.flex-container { list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; }
.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }  
.flex-item { width: 20%; text-align: center; border-bottom: 1px solid #ebe265; border-right: 1px solid #ebe265; }
.shopping .flex-item{width: 33%}
.shopping li.flex-item:nth-child(3n+0) { border-right: 0; }
li.flex-item:nth-child(5n+0) { border-right: 0; }
li.flex-item:nth-child(5n+0) { border-right: 0; }
.viewprodt li.flex-item a{text-decoration: none;}
.viewprodt li.flex-item a:hover img{transition: transform .2s;transform: scale(1.1);}
section{padding:1rem 0;}
section.bodyheight{ min-height: 500px;}
.viewprodt{padding-bottom: 40px}
.viewprodt .tabItems{padding: 15px 10px;}
.viewprodt .tabItems img{padding-bottom: 10px;width: 65px;}
.viewprodt .tabItems p{font-weight: 700;letter-spacing: 1px;line-height: 17px;color: #004a8f;}
.topsection .glass{position: absolute;right: 20%;bottom:36%;}
.title3 span{width: 200px;margin:0 auto;display: inline-block;vertical-align: middle;}
.title3> img{vertical-align: middle;}
.topsection{position: relative;}
.home header{background: #234168;}
.hdfclogo img{width: 155px;}

.switchTabs{background: #fff;width: 100%;box-shadow: 0px 0px 5px rgba(212, 208, 208, 1);
    -moz-box-shadow: 0px 0px 5px rgba(212, 208, 208, 1);
    -webkit-box-shadow: 0px 0px 5px rgba(212, 208, 208, 1);
    -o-box-shadow: 0px 0px 5px rgba(212, 208, 208, 1);position: relative;z-index: 111;margin-top: 0px;padding:0;}
.stickyswitch{position: fixed;bottom: 0px;}
.switchTabs .switchcontent{text-align: center;padding: 15px 10px;}
.switchcontent p .switchbtn{padding: 0 60px;}
.switchcontent p a{color: #999999;font-size: 14px;text-decoration: none;font-weight: 700;}
.switchcontent p a img{padding-right: 5px;vertical-align: top;}
.switchcontent p a.active{ color: #004a8f}
.switchcontent a{color: #004a8f}
.switchcontent a p{display: inline-block}
.switchcontent a p.inactive{color:#666;}
.switchcontent a:hover{text-decoration: none;}
.switchbtn{width:30px;height: 15px;padding: 1px;border:1px solid #004a8f; border-radius: 20px;display: inline-block;margin:0 10px 0;vertical-align: middle;position: relative;}
.switchbtn::after{content:"";width:11px;height: 11px;border-radius:13px;background: #004a8f;position: absolute;right: 1px;top:1px;transition: 0.8s all ease-in-out;-webkit-transition: 0.8s all ease-in-out;}
.switchbtn.switch-anim::after{transform: translateX(15px)}
.switchbtn.switch-anim::after{transform: translateX(-15px)}
.shopping{padding-bottom: 0px;}
a.whatsapp{display: none;}
/*all small devices*/

.calculator_pop th{ color: #1256ae; font-size: 14px; border: 0; font-weight: 700;}
.calculator_pop td{ color: #333333; font-size: 14px; border: 0; font-family: 'Open Sans';}
.calculator_pop th:first-child{text-align: left;}
.calculator_pop td:first-child{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-align: left;}
.calculator_pop td:last-child{ border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.calculator_pop .table-striped tbody tr:nth-of-type(odd){ background: #ffffff; }
.calculator_pop .table-striped tbody tr:nth-of-type(even){ background: #f5f5f5; }
.calculator_pop h2{ font-weight: 700; font-size: 18px; color: #1256ae; margin: 20px 0 10px;}
.calc_form label{ font-size: 18px; color: #333333; font-family: 'Open Sans';}
.calc_form .form-check-label{font-weight: 700; border: 2px solid #e6b84e; padding: 10px 25px; display: inline-block; border-radius: 8px;}
.calc_form input.form-check-input{display: none;}
.calc_form input.form-check-input[type=radio]:checked + label{ background: #1256ae; color: #fff; border-color: #1256ae;}
.calc_form input{
  border: 2px solid #e6b84e;
    background: transparent;
    font-size: 20px;
    color: #333333;
    height: 50px;
    border-radius: 8px;
    font-family: 'Open sans';
}
.calc_form input:focus{ background: transparent; box-shadow: none; outline: none; border-color:#e6b84e;  }
.irs--big .irs-min, .irs--big .irs-max, .irs--big .irs-single{ display: none; }
.irs--big .irs-line{background: #1256ae; height: 2px; border:0; top:0px;}
.irs--big .irs-bar{background: #1256ae; height: 2px; border:0; box-shadow: none; top:0px;}
.irs--big .irs-handle{ width: 20px; height: 20px; border: 4px solid #1256ae; top:-10px;}
.irs--big{ height: 20px; }
.calcModal .modal-body{ background: rgb(246,195,55);
background: linear-gradient(180deg, #fac930 0%, #ffe649 17%, #ffe649 36%,  #fec92e 100%); border-radius: 15px; }
.calcModal .modal-content{ border-radius: 15px; }

 .calculator_pop .table_data{max-height: 250px;overflow-y: auto;overflow-x: hidden;margin-bottom: 1rem;}

  .calculator_pop table {
  text-align: left;
  position: relative;
  border-collapse: collapse; 
}
.calculator_pop th, .calculator_pop td {
  padding: 0.25rem;
}
.calculator_pop tr.red th {
  background: red;
  color: white;
}
.calculator_pop tr.green th {
  background: green;
  color: white;
}
.calculator_pop tr.purple th {
  background: purple;
  color: white;
}
.calculator_pop th {
  background: white;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 2px -1px #ccc;
}
.blueBg{background:#234168 /* #1d85fe */;}
.blueBg.inside_box{border-radius: 5px;}
.blueBg .top_title{border:none;}
.blueBg .top_title span{color:#fff;}
.blueBg.inside_box .details dl dd{color: #fff;}
.blueBg.inside_box .details ul li{color: #fff; font-size: 15px;}
.blueBg.inside_box .details ul li a{color:#fff; border-bottom: 1px solid #fff;}
.blueBg.inside_box .details ul li a.white_button{color: #004a8f;}
.white_button{background: #fff;display: block;border-radius: 5px;color: #1e86ff;font-weight: bold;text-align: center;font-size: 12px;position: relative;padding: 10px 30px;display: inline-block;clear: both;min-width: 225px;border: none;text-transform: uppercase;}
.gbox small {
  display:none
}
.shop_box{background: #1d85fe;padding:1.5rem 1rem 3rem 1rem;position: relative;text-align: center;border-radius: 5px;min-height: 240px;}
#shop_list .shop_box{min-height: 265px;padding-top: 3rem;}

.soffer_details{color: #fff;font-size: 14px;margin-bottom: 1rem;}
.sthumb{margin-bottom: 0.75rem;}
.shop_box .sbutton{background: #fff;color:#004a8f;padding:0.5rem 0;display: block;font-size: 14px;font-weight: bold;text-transform: uppercase;border-radius: 5px;width: 100%;}
.shop_box .sbutton{position: absolute;width: 85%;left: 7.5%;bottom:1rem;}
.shop_box .stitle{position: absolute;background:url(../resources/images/title_bg.png) no-repeat center;color: #fff;font-size: 14px;font-weight: bold;top:-6px;padding: 12px 0;text-align: center;width: 100%;left:0px;}
.cblue{color:#1e3b6f;}
.cred{color:#e20917;}
.title4 {
    font-size: 18px;
    color: #1d4782;
    text-align: center;
    font-weight: 700;
}
.title4 span.txt_wrap {
    max-width: 75%;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}
.explore_off_link{font-size: 20px;color: #1d85fe;font-weight: bold;}
.how_avail_txt{vertical-align: middle;margin-top: 0.5rem;display: inline-block;width: 75%;}
#rightside-navigation ul ul { display: none; }
#rightside-navigation ul li:first-child ul { display: block; }
.logohdfcltd{ height: 45px; margin-top: 5px; }
header nav .navUl li.sub-menu>a span{
      background: url('../resources/images/down_arrow_icon.png')no-repeat center right;
    height: 8px;
    width: 15px;
    display: inline-block;
}
h1.headtitle{ color: #1d4782; font-size: 24px; font-weight: bold; margin-bottom: 20px;}

h4{    font-size: 18px;
    color: #1d4782;
    text-align: center;
    font-weight: 700;}
    .home_logos img{width: 275px;}


.cblue{color: #004a8f;}
.f15{font-size: 15px  !important;}
.irs--big.irs-with-grid{height: 20px;}
.irs--big .irs-grid-text{color:#1256ae;font-weight: bold;font-size: 11px;font-family: "Open sans";}
input, select{font-family: "Open sans";}
input.editable{background: #e6b84e !important;}
.rangeVal{position: relative;}
.rangeVal > a{position: absolute;right: 10px;color:#1256ae;top:12px;font-size: 14px;}
.rangeVal > a img{vertical-align: middle;}
.sec_banner{ background: #c9dff3; position: relative; padding: 15px; text-align: center; border-radius: 10px; overflow: hidden;}
.sec_banner::after{ content: ""; position: absolute; background: url('../resources/images/vector1.png'); top: 0; left: 0; width: 51px; height: 59px; }
.sec_banner::before{ content: ""; position: absolute; background: url('../resources/images/vector2.png'); bottom: 0; right: 0; width: 51px; height: 59px; }
.sec_banner p{ font-family: 'Open Sans'; color: #1e3b6f; font-size: 20px; margin-bottom: 15px; }
.sec_banner p span.textred{ color: #ed1c24; font-weight: bold; }
.owl-carousel .owl-item img{width: auto;
    margin: 0 auto;}
    .shop_offer_list{margin-bottom: 2rem;}
.shop_offer_list .owl-theme .owl-dots .owl-dot.active span,.shop_offer_list .owl-theme .owl-dots .owl-dot:hover span{background: #234168;}
.shop_offer_list .owl-theme .owl-dots .owl-dot span{ background: transparent; border: 2px solid #234168;}

.home_page .div_box > div{position: fixed;width: 0%;height: 100%;top:0px;overflow:hidden !important; white-space: nowrap;z-index: 9999; }
.home_page .div_box > div > span{position: absolute;width: 100px;font-size: 2rem;color:#fff;font-family: "Verdana";top:46%;margin-left: -50px;margin-top: -20px;}

.home_page #shopping{z-index: 1000;background:#004a8f;left: 0;width: 100%;}
.home_page #parenting{z-index: 1100;background:#ed1c24;right: 0;width: 100%;transform: translateX(100%);-moz-transform: translateX(100%);-webkit-transform: translateX(100%);}

  .home_page #shopping span{ right:190px;transform: translateX(0%);-moz-transform: translateX(0%);-webkit-transform: translateX(0%);}
  .home_page #parenting span{left:140px}
.home_page #main_box{z-index:1200;background:#004a8f;left: 0;width: 100%;}
.home_page .arrow_icon{position: fixed;top:50%;margin-top: -45px;z-index:1400;left:-40px;;width: 100%;transform: translateX(100%);-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transition:  all 2s;}
.home_page .arrow_icon img{width:auto;}

.home_page .main_option{position: absolute;bottom:50%;margin-bottom:20px;height:40px;left: 50%;margin-left: -170px;width: 340px;font-size: 20px;}
.home_page #shop_option{position: absolute;left:0;top:8px;color:#fff;}
.home_page #parent_option{position: absolute;right:0;top:8px;color:#fff;}
/*.toggle{position: absolute;width:340px;left: 50%;margin-left:-170px;top:10px;background: #fff;border-radius: 50px;height:24px;}*/
.home_page .toggle  > span{position: absolute;top:2px;height: 20px;width: 20px;border-radius: 50px;background: #111;left:4px;}
.home_page #shopping span {background:url('../resources/fonts/icon_loan.svg') no-repeat left center !important; padding-left: 50px }
.home_page #parenting span { background:url('../resources/fonts/icon_shop.svg') no-repeat left center !important; padding-left: 40px}

.home_page #main_box{transform: translateX(-100%);-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);}

#main_box.animate {transform: translateX(0%);-moz-transform: translateX(0%);-webkit-transform: translateX(0%);transition:  all 2s;}
#parenting.animate{transform: translateX(0%);-moz-transform: translateX(0%);-webkit-transform: translateX(0%);transition:  all 2s;}
#shopping span.animate{transform: translateX(-100%);-moz-transform: translateX(-100%);-webkit-transform: translateX(-200%);transition:  all 1s;}

.arrow_icon.animate{transition: all 2s;transform: translateX(0%);-moz-transform: translateX(0%);-webkit-transform: translateX(0%);transition:  all 2s;}
.arrow_icon.animateLeft{transition: all 2s;transform: translateX(0%);-moz-transform: translateX(0%);-webkit-transform: translateX(0%);transition:  all 2s;}
.offer-details, .offer-summary {width: 100%;padding: 0 0px;border-radius: 5px;}
.offer-details-inner {padding:0px 25px 25px  25px;/*background: url(../resources/images/top_design.png)no-repeat center top;  */  width: 100%;text-align: center;}
.colred {color: #ed1c24;}
.category-intro{width: 100%;}
.category-intro h2{font-size: 14px;color: #333;font-family: Open Sans;font-weight: bold; position: relative;margin-bottom: 15px;text-align: left;}
.category-intro h2 img{ padding-right: 5px;}
.category-intro h2 a{color: #333;}
.category-intro h2 span{ color: #1d4782; }
.category-intro h2::before{content: none; width: 7px;height: 10px;background: url('../resources/images/left_arrow_icon.png') center no-repeat;position: absolute;left:0;top:3px;}

.category-intro .inside-offer-logo {width: 100%;padding: 10px 0;text-align: center;min-height: 94px;}
.offer-details h2{font-weight: 600;font-family: HelveticaNeue;font-size: 18px;}
.offer-details h2 span {font-size: 40px;}
.titleM{ font-family: 'HvCn'; color:#194684; font-weight:600; font-size:25px; text-align:center}
.titleMD{ font-family: 'HvCn'; color:#194684; font-weight:600; font-size:35px; text-align:center; width: 75%; position: absolute; top: 55px; right: 0;}


.loanList a{ display:inline-block; text-align:center; width:100%;padding:0px 5px}
.loanList a p{ background-color:#004a8f; color:#fff; font-size:15px; text-align:center; width:100%; height:50px; padding:10px 2px; border-radius:5px; /* display: inline-block; */ vertical-align:middle; line-height:16px;  font-family: 'HvCn'; font-weight:normal !important;  box-shadow:0px 0px 5px rgba(0,0,0,0.3);  display: flex;
  align-items: center;
  justify-content: center;}

.loanList >div { margin-bottom:20px;}
.hidden-xs{ display: block; }
.visible-xs{ display: none; }
#needsTab { border-bottom:none; }
#needsTab li:first-child{ border-right:2px solid #004a8f; padding-right: 20px; padding-left: 0 }
#needsTab li:last-child{ padding-left: 20px; padding-right: 0  }
#needsTab li a{ color:#004a8f;  font-size: 16px; font-weight: 600; padding-top: 0; padding-bottom: 0;font-family: 'HvCn'; }
#needsTab li a span{ color:#004a8f;  border-bottom:3px solid  transparent; font-size: 16px; font-weight: 600; padding-bottom: 10px; }
#needsTab li a:hover{border-color:transparent; }
#needsTab li a.active{ background-color: transparent; color:red;border-color:transparent;  }
#needsTab li a.active span{ border-color:transparent; border-bottom:3px solid #004a8f; background-color: transparent; color:red; }
.bannerd{ background:url('../resources/images/skybg.png') repeat-x left bottom;}
.swipe_salider{position: relative;margin-bottom: 20px;}
.swiperArrow{position: absolute;left: 0;top: 60%;transform: translateY(-50%);z-index: 1; width: 100%;}
.swiperArrow .swipeleft{ margin-left: -40px; width: 20px; cursor: pointer;}
.swiperArrow .swiperight{ margin-right: -40px; width: 20px; float: right; cursor: pointer;}
.swiper-scrollbar-drag{background: rgb(119, 171, 218)}
#swip_cat{padding-top: 5px;z-index: 9;}
#onlinesh .swiper-slide{ background-color: transparent;min-width: 10%}
#onlinesh .swiper-slide a{ border: 1px solid #d9d9d9; background-color: #fff; padding: 15px 0px 0px 0px; border-radius: 10px; margin: 42px 0px 10px 0; min-width:98%; text-align: center; transition:all 0.5s ease; cursor:pointer; min-height:95px; display:block; text-decoration:none; color:#999999; box-shadow: 0 0 10px #77777745;}
#onlinesh .swiper-slide a.active{  color:#333333;border-bottom:5px solid #ed1c24; }
#onlinesh .swiper-slide a.active p{  color:#004a8f;}
#onlinesh .swiper-slide a p{ font-size: 14px; margin-bottom:0; line-height:15px; margin-top:10px;font-family:Helvetica-Neue-Bold;color:#999999; min-height:40px; padding:0px 5px;font-weight: 600;}
#onlinesh .swiper-slide a img{margin-top: -70px;padding-bottom: 10px}
.text-center img .visible-xs{width: 100%}
.offer_box h3{ font-size: 24px; font-weight:700 ; color: #00498f; padding: 15px 0;}
.offer_box h3 span{ font-size: 18px; display: block; }
.offer_box{ background: #fff; padding: 15px 10px; border-radius: 10px; margin: 10px 0; text-align: center;box-shadow: 0 0 6px #77777745; }
.bluebtn{ background: #1e86ff; color: #fff; padding: 5px 10px; border-radius: 5px; margin: 0 2px; display: inline-block; font-size: 12px; flex: 1; font-weight: 700;}
.button_group{ display: flex; }
.bluebtn:hover{ background: #234168; color: #fff;  }
.logo_icon {min-height: 60px;}
.shoptitle{text-align: left;padding-left: 0;padding-bottom: 5px;}
.logo_icon h4{color: #333;font-weight: 500;font-size: 1.2rem;}


.mytopBtn{background:0 0}
.mytopBtn{display:none;position:fixed;bottom:5px;right:0;z-index:115;font-size:18px;border:none;outline:0;color:#fff;cursor:pointer;opacity:.37}
.mytopBtn:hover{opacity:.72}
.mytopBtn img{width:50px}
.offer_box h3{ min-height:135px}
.cred{color:#ed1c24 !important;}
.offer h5{font-size: 1rem;margin:0.5rem 0;font-weight: bold;}
section.bodyheight{ min-height: 400px;}


@media (min-width: 1200px){
   
}
/*ipad - both*/
@media (min-width: 768px) and (max-width: 1024px){
	section.bodyheight{ min-height: 800px;}
    
}
/*ipad - landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    
}
/*ipad - portrait*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
  
}

@media (min-width: 768px){

}

@media (min-width: 581px){	
	
}
/*all mobiles & small tabs*/
@media (max-width: 767px){
.flex-item{width: 25%;}
  li.flex-item:nth-child(5n+0) { border-right: 1px solid #ebe265; }
  li.flex-item:nth-child(4n+0) { border-right: 0; }
  li.flex-item:nth-last-child(-n + 4):nth-child(4n + 1), li.flex-item:nth-last-child(-n + 4):nth-child(4n + 1) ~ li { border-bottom: 0; }
.viewprodt .tabItems img{width: 50px;}
.menu_ico{top:-10px;}
.how_avail_txt{margin-top: 0;}
.topsection .glass{right:0; bottom: 42%;}
.sec_banner .blue_button{ margin-bottom: 10px; }
.sec_banner { padding: 45px 20px 15px; }
.sec_banner p{ font-size: 14px; }
#shop_list .shop_box{min-height: 265px;}
	 .hidden-xs{ display: none; }
  .visible-xs{ display: block; width: 100%}
	#needsTab li{ }
	#needsTab li .nav-link{ padding:0}
	#needsTab li:first-child{  padding-right: 15px; padding-left: 0 }
#needsTab li:last-child{ padding-left: 15px; padding-right: 0  }
	.banner img{ width:100%}
  .swiperArrow .swipeleft {margin-left: -15px;width: 12px;}
  .swiperArrow .swiperight {margin-right: -15px;width: 12px;}
	.offer_box h3 span{ font-size:13px}
	.logo_icon h4{ font-size:1rem}
	.offer_box h3{ font-size:15px}
	section.bodyheight{ min-height: 600px;}
  .offer_box h3{ min-height:110px}
  .offer h5{font-size: 0.75rem;}
  .offer_box h3 span{font-size: 18px}
  .offer_box h3{font-size: 20px}

}

/*mobile*/
@media (max-width: 580px){   
    .flex-item{width: 33.33%;}  
    .bluebtn {
        padding: 5px;
        font-size: 10px;
    }
    .logo_icon img{width: 100%}
  
    .calc_form .form-check-label{    padding: 10px 20px;}
    .form-check-inline{margin-right: .2rem;}
	section.bodyheight{ min-height: 550px;}
  .divclose{right: 20px;}
	
}

@media (max-width: 420px){
  #onlinesh .swiper-slide a img{width: 100%}
	section.bodyheight{ min-height: 480px;}
}

@media (max-width: 360px){   
.loanList a p{ font-size:12px}
	section.bodyheight{ min-height: 410px;}
	
}