html {font-size: 13px}
@font-face {font-family: Gotham-Book;src: url(../resources/fonts/Gotham-Book.woff) format('woff'), url(../resources/fonts/Gotham-Book.ttf) format('truetype'), url(../resources/fonts/Gotham-Book.svg#Gotham-Book) format('svg');font-weight: 400;font-style: normal}
@font-face {font-family: Gotham-Medium;src: url(../resources/fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'), url(../resources/fonts/Gotham-Medium.otf) format('opentype'), url(../resources/fonts/Gotham-Medium.woff) format('woff'), url(../resources/fonts/Gotham-Medium.ttf) format('truetype'), url(../resources/fonts/Gotham-Medium.svg#"Gotham-Medium") format('svg');}
@font-face {font-family: Gotham-Medium;src: url(../resources/fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'), url(../resources/fonts/Gotham-Medium.otf) format('opentype'), url(../resources/fonts/Gotham-Medium.woff) format('woff'), url(../resources/fonts/Gotham-Medium.ttf) format('truetype'), url(../resources/fonts/Gotham-Medium.svg#Gotham-Medium) format('svg');font-weight: 400;font-style: normal}
html {font-size: 14px}
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 {background: #031627AC url(../resources/images/body-bg.png) no-repeat top center;color: #555;font-family: Gotham-Book;overflow-x: hidden;font-size: 1.05rem;background-size: cover;}
.container {height: 100%;width: 100%}
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}
section {padding: 15px 0}
.demo {position: absolute;left: 50%;top: 50%;width: 30.6rem;height: 54rem;margin-left: -15.3rem;margin-top: -27rem;background: #f6f6f5}
.demo__header {height: 6rem;background: #002942}
.demo__content {overflow: hidden;position: relative;padding-top: 2rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.demo__card-cont {position: relative;width: 24rem;height: 32rem;margin: 0 auto 5rem}
.demo__card {z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #ccc;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%}
.demo__card.reset {transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;-webkit-transform: translateX(0)!important;transform: translateX(0)!important}
.demo__card.reset .demo__card__choice {transition: opacity .3s;opacity: 0!important}
.demo__card.inactive {transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s}
.demo__card.to-left {-webkit-transform: translateX(-30rem) rotate(-30deg)!important;transform: translateX(-30rem) rotate(-30deg)!important}
.demo__card.to-right {-webkit-transform: translate(30rem) rotate(30deg)!important;transform: translate(30rem) rotate(30deg)!important}
.demo__card.below {z-index: 1}
.demo__card__top {height: 20.5rem;padding-top: 4rem}
.demo__card__img {overflow: hidden;text-align: center}
.demo__card__img img {width: 75%}
.demo__card__name {text-align: center;font-size: 2rem;font-weight: 700;color: #333}
.demo__card__btm {background: #fff;min-height: 18rem;padding: 1rem}
.demo__card__we {text-align: center;font-size: 2.2rem;line-height: 11.5rem}
.demo__card__choice {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0}
.demo__card__choice:before {content: "";position: absolute;left: 50%;top: 50%;width: 2rem;height: 2rem;margin-left: -1rem;color: #fff;border-radius: 50%;box-shadow: -2rem -3rem #fff, 2rem -3rem #fff}
.demo__card__choice:after {content: "";position: absolute;left: 50%;top: 50%;width: 4rem;height: 1.5rem;margin-left: -2rem;border: .6rem solid #fff;border-bottom: none;border-top-left-radius: 1.5rem;border-top-right-radius: 1.5rem}
.demo__card__choice.m--reject {background: #ff945a}
.demo__card__choice.m--like {background: #b1da96}
.demo__card__choice.m--like:after {-webkit-transform: scaleY(-1);transform: scaleY(-1)}
.demo__card__drag {z-index: 5;position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: -webkit-grab;cursor: grab}
.demo__tip {text-align: center;font-size: 2.2rem}
.grid {margin: 0 auto;padding: .5em 0;text-align: left}
.grid__item {display: inline-block;width: 155px;margin: 1% 1.25% 1% 0;color: inherit;text-align: left}
#gif_image {text-align: center}
#gif_image img {width: 200px}
.grid__item div.gbox {box-shadow: 0 0 10px #ddd;padding: .8rem;border-radius: 4px;background: #fff}
.grid__item p {font-size: 1rem;padding: 8px 0;text-align: center;-moz-user-select: none;-webkit-user-select: none;user-select: none}
.grid__item:hover {cursor: move;cursor: -webkit-grab;cursor: grab}
.grid__item:active {cursor: -webkit-grabbing;cursor: grabbing}
.is-dragging p {visibility: hidden}
.is-active {z-index: 100}
.is-dropped {opacity: 0;-webkit-transform: scale3d(.7, .7, 1)!important;transform: scale3d(.7, .7, 1)!important}
.is-complete {opacity: 1;-webkit-transition: opacity .3s, -webkit-transform .3s!important;transition: opacity .3s, transform .3s!important;-webkit-transform: scale3d(1, 1, 1)!important;transform: scale3d(1, 1, 1)!important}
.animate {-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
.drop-area {position: fixed;bottom: -4%;left: 50%;margin-left: -250px;z-index: 99;width: 500px;background: #004a8f;text-align: center}
.drop-area.show {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);background-color: #18b6e7}
.drag-active .drop-area {position: fixed;bottom: 0}
.drop-area>div {width: 100%;height: 100%;-webkit-transition: -webkit-transform .4s .3s;transition: transform .4s .3s}
.drop-area__item {background-color: #004a8f;position: relative;display: inline-block;border: none;height: 0;width: 100%;z-index: 9;border-radius: 4px;-webkit-transition: -webkit-transform .3s, height .3s;transition: transform .3s, height .3s;-webkit-backface-visibility: hidden}
.drop-area__item.loader {background-image: url(../resources/images/Scan_Gif.gif);background-repeat: no-repeat;background-position: center;background-size: 250px}
.drop-area__item::after,.drop-area__item::before {position: absolute;top: 50%;left: 0;width: 100%;color: rgba(0, 0, 0, .15);font-size: 1.5em;margin-top: -.35em;font-family: FontAwesome;pointer-events: none}
.drop-area__item::before {content: '\f067'}
.drop-feedback.drop-area__item::before {opacity: 0;-webkit-transform: scale3d(0, 0, 1);transform: scale3d(0, 0, 1)}
.drop-area__item::after {color: rgba(255, 253, 197, .6);content: '\f00c';font-size: 3em;margin-top: -.5em;opacity: 0;-webkit-transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;-webkit-transform: scale3d(2, 2, 1);transform: scale3d(2, 2, 1)}
.drop-feedback.drop-area__item::after {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
.dummy,.dummy::after {position: absolute;top: 100%;left: 0;margin: .25em 0;height: .65em;border-radius: 2px;background: rgba(0, 0, 0, .15);-webkit-backface-visibility: hidden}
.dummy {width: 90%}
.dummy::after {width: 60%;content: ''}
.drop-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;pointer-events: none}
.drop-area.show+.drop-overlay {opacity: 1}
.helper {position: absolute!important;margin: 0}
.drop-area>div {position: relative}
.drop-area h6 {color: #fff;font-size: 1rem;padding: .5rem 0;z-index: 4;position: absolute;bottom: 0;height: 80px;left: 5%;z-index: 9;width: 90%;text-align: center;background: #004a8f;border-top-right-radius: 4px;border-top-left-radius: 4px;border: 2px solid #166bb9;border-bottom: none;display: none}
.stack_box {position: relative;height: 200px;margin: 0 auto 2% auto}
.stack_box div img {max-width: 100%;box-shadow: 0 5px 10px rgba(0, 0, 0, .25);border-radius: 8px}
.stack_box>div#card1 {top: 0}
.stack_box>div#card2 {top: 30%}
.stack_box>div#card3 {top: 60%}
.stack_box>div#card4 {top: 90%}
.stack_box ul li {position: absolute}
.stack_box ul li#card1 {top: 0}
.stack_box ul li#card2 {top: 25%}
.stack_box ul li#card3 {top: 50%}
.stack_box ul li#card4 {top: 75%}
.tab_box {display: none}
#carousel {width: 250px;margin: 200px auto;z-index: 5;}
#carousel>div {width: 250px;height: 165px!important}
header {background: #0B0B0B}
header nav {position: fixed;top: 0;left: -100%;padding: 0;max-width: 100%;width: 90%;background: #fff;height: 100%;z-index: 101;background-size: contain}
.menu_ico {position: absolute;top: -8px;margin-left:-10px;left: 0px;padding: 10px 20px;-webkit-transition: all .5s;transition: all .5s;z-index: 2;text-align: center}
.menu_ico p {margin-bottom: 0;color: #666}
header nav ul {list-style: none;padding: 0}
header nav ul li a {display: block;color: #10498b;font-size: 16px;padding: 8px 8px 12px 8px;position: relative;text-align: left}
header nav ul li a:active,header nav ul li a:focus,header nav ul li a:hover {background: #186cb9!important;color: #fff!important}
header nav ul li.active a::after {height: 100%;width: 5px;background: rgba(37, 120, 185, .8);position: absolute;left: 0;content: "";top: 0}
header nav>div.cinfo {padding: 0 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: 0 1rem}
header nav>div>img {width: 150px}
header #navbarNav .nav-item.active, header #navbarNav .nav-item:hover {border-bottom: 1px solid #fff;}
.mob_header {padding: 1rem}
.divclose {position: absolute;right: 5%;top: 15px}
.divclose a {color: #10498b;font-size: 1.1rem;opacity: 1;font-weight: 400}
.navUl .accordion .toggle .fa {float: right}
header nav .navUl li a {border-bottom: 1px solid #10498b;padding: 8px 8px 14px 8px}
header ul .inner {overflow: hidden;display: none}
header ul li a.toggle {width: 100%;display: block;color: #fefefe;padding: .75em;border-radius: .15em;transition: background .3s ease}
header ul li a.toggle:hover {background: rgba(0, 0, 0, .9)}
header .container {position: relative}
header .navUl {padding: 15px 0 10px 0;border-top: 1px solid #10498b}
h3 {font-size: 1.56rem;color: #333;font-family: Gotham-Medium;color: #004a8f}
.cblue {color: #004a8f}
.gotbold {font-family: Gotham-Medium}
.gotmed {font-family: Gotham-Medium}
.overlay {position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, .6);display: none;z-index: 0}
#drop_gif {position: absolute;width: 100px;left: 50%;margin-left: -50px;top: -25px;border-radius: 4px;box-shadow: 0 0 10px #ddd;z-index: 8;background: #fff;display: none}
#drop_gif img {width: 100%;max-width: 100%}
.drag-active .drop-area__item {height: 150px;-webkit-transition: height .6s;transition: height .6s}
.drop-area:after {background: url(../resources/images/drop-arrow.png) no-repeat center;width: 25px;height: 25px;content: "";position: absolute;left: 50%;top: -65px;margin-left: -12px}
.drag-active .drop-area:after {display: none}
.drag-active .drop-area h6 {height: 185px;-webkit-transition: height .5s;transition: height .5s}
.drag-success #drop-area h6 {display: none}
.mobilever .swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.mobilever .swiper-container-no-flexbox .swiper-slide {float: left}
.mobilever .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column}
.mobilever .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box}
.mobilever .swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.mobilever .swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}
.mobilever .swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto}
.mobilever .swiper-slide {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform}
.mobilever .swiper-slide-invisible-blank {visibility: hidden}
.mobilever .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {height: auto}
.mobilever .swiper-container-autoheight .swiper-wrapper {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-transition-property: height, -webkit-transform;transition-property: height, -webkit-transform;-o-transition-property: transform, height;transition-property: transform, height;transition-property: transform, height, -webkit-transform}
.mobilever .swiper-container-3d {-webkit-perspective: 600px;perspective: 600px}
.mobilever .swiper-container-3d .swiper-cube-shadow,.mobilever .swiper-container-3d .swiper-slide,.mobilever .swiper-container-3d .swiper-slide-shadow-bottom,.mobilever .swiper-container-3d .swiper-slide-shadow-left,.mobilever .swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {-webkit-transform-style: preserve-3d;transform-style: preserve-3d}
.mobilever .swiper-container-3d .swiper-slide-shadow-bottom,.mobilever .swiper-container-3d .swiper-slide-shadow-left,.mobilever .swiper-container-3d .swiper-slide-shadow-right,.mobilever .swiper-container-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10}
.mobilever .swiper-container-wp8-horizontal,.mobilever .swiper-container-wp8-horizontal>.swiper-wrapper {-ms-touch-action: pan-y;touch-action: pan-y}
.mobilever .swiper-container-wp8-vertical,.mobilever .swiper-container-wp8-vertical>.swiper-wrapper {-ms-touch-action: pan-x;touch-action: pan-x}
.mobilever .swiper-button-next,.mobilever .swiper-button-prev {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: center;background-repeat: no-repeat}
.mobilever .swiper-button-next.swiper-button-disabled,.mobilever .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none}
.mobilever .swiper-button-prev,.mobilever .swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left: 10px;right: auto}
.mobilever .swiper-button-next,.mobilever .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 10px;left: auto}
.mobilever .swiper-button-prev.swiper-button-white,.mobilever .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.mobilever .swiper-button-next.swiper-button-white,.mobilever .swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.mobilever .swiper-button-prev.swiper-button-black,.mobilever .swiper-container-rtl .swiper-button-next.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.mobilever .swiper-button-next.swiper-button-black,.mobilever .swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.mobilever .swiper-button-lock {display: none}
.mobilever .swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s opacity;-o-transition: .3s opacity;transition: .3s opacity;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10}
.mobilever .swiper-pagination.swiper-pagination-hidden {opacity: 0}
.mobilever .swiper-container-horizontal>.swiper-pagination-bullets,.mobilever .swiper-pagination-custom,.mobilever .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%}
.mobilever .swiper-pagination-bullets-dynamic {overflow: hidden;font-size: 0}
.mobilever .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform: scale(.33);-ms-transform: scale(.33);transform: scale(.33);position: relative}
.mobilever .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.mobilever .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {-webkit-transform: scale(.66);-ms-transform: scale(.66);transform: scale(.66)}
.mobilever .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {-webkit-transform: scale(.33);-ms-transform: scale(.33);transform: scale(.33)}
.mobilever .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform: scale(.66);-ms-transform: scale(.66);transform: scale(.66)}
.mobilever .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform: scale(.33);-ms-transform: scale(.33);transform: scale(.33)}
.mobilever .swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2}
.mobilever button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none}
.mobilever .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.mobilever .swiper-pagination-bullet-active {opacity: 1;background: #007aff}
.mobilever .swiper-container-vertical>.swiper-pagination-bullets {right: 10px;top: 50%;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0)}
.mobilever .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 6px 0;display: block}
.mobilever .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 8px}
.mobilever .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;-webkit-transition: .2s top, .2s -webkit-transform;transition: .2s top, .2s -webkit-transform;-o-transition: .2s transform, .2s top;transition: .2s transform, .2s top;transition: .2s transform, .2s top, .2s -webkit-transform}
.mobilever .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px}
.mobilever .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);white-space: nowrap}
.mobilever .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition: .2s left, .2s -webkit-transform;transition: .2s left, .2s -webkit-transform;-o-transition: .2s transform, .2s left;transition: .2s transform, .2s left;transition: .2s transform, .2s left, .2s -webkit-transform}
.mobilever .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition: .2s right, .2s -webkit-transform;transition: .2s right, .2s -webkit-transform;-o-transition: .2s transform, .2s right;transition: .2s transform, .2s right;transition: .2s transform, .2s right, .2s -webkit-transform}
.mobilever .swiper-pagination-progressbar {background: rgba(0, 0, 0, .25);position: absolute}
.mobilever .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #007aff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top}
.mobilever .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top}
.mobilever .swiper-container-horizontal>.swiper-pagination-progressbar,.mobilever .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%;height: 4px;left: 0;top: 0}
.mobilever .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.mobilever .swiper-container-vertical>.swiper-pagination-progressbar {width: 4px;height: 100%;left: 0;top: 0}
.mobilever .swiper-pagination-white .swiper-pagination-bullet-active {background: #fff}
.mobilever .swiper-pagination-progressbar.swiper-pagination-white {background: rgba(255, 255, 255, .25)}
.mobilever .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background: #fff}
.mobilever .swiper-pagination-black .swiper-pagination-bullet-active {background: #000}
.mobilever .swiper-pagination-progressbar.swiper-pagination-black {background: rgba(0, 0, 0, .25)}
.mobilever .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background: #000}
.mobilever .swiper-pagination-lock {display: none}
.mobilever .swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0, 0, 0, .1);display: none}
.mobilever .swiper-container-horizontal>.swiper-scrollbar {position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 5px;width: 98%}
.mobilever .swiper-container-vertical>.swiper-scrollbar {position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%}
.mobilever .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0, 0, 0, .5);border-radius: 10px;left: 0;top: 0}
.mobilever .swiper-scrollbar-cursor-drag {cursor: move}
.mobilever .swiper-scrollbar-lock {display: none}
.mobilever .swiper-zoom-container {width: 100%;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;text-align: center}
.mobilever .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {max-width: 100%;max-height: 100%;-o-object-fit: contain;object-fit: contain}
.mobilever .swiper-slide-zoomed {cursor: move}
.mobilever .swiper-lazy-preloader {width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;-webkit-transform-origin: 50%;-ms-transform-origin: 50%;transform-origin: 50%;-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;animation: swiper-preloader-spin 1s steps(12, end) infinite}
.mobilever .swiper-lazy-preloader:after {display: block;content: '';width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 50%;background-size: 100%;background-repeat: no-repeat}
.mobilever .swiper-lazy-preloader-white:after {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes swiper-preloader-spin {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
.mobilever .swiper-container .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000}
.mobilever .swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out}
.mobilever .swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity}
.mobilever .swiper-container-fade .swiper-slide .swiper-slide {pointer-events: none}
.mobilever .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.mobilever .swiper-container-cube {overflow: visible}
.mobilever .swiper-container-cube .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;visibility: hidden;-webkit-transform-origin: 0 0;-ms-transform-origin: 0 0;transform-origin: 0 0;width: 100%;height: 100%}
.mobilever .swiper-container-cube .swiper-slide .swiper-slide {pointer-events: none}
.mobilever .swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0}
.mobilever .swiper-container-cube .swiper-slide-active,.mobilever .swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.mobilever .swiper-container-cube .swiper-slide-active,.mobilever .swiper-container-cube .swiper-slide-next,.mobilever .swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {pointer-events: auto;visibility: visible}
.mobilever .swiper-container-cube .swiper-slide-shadow-bottom,.mobilever .swiper-container-cube .swiper-slide-shadow-left,.mobilever .swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden}
.mobilever .swiper-container-cube .swiper-cube-shadow {position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #000;opacity: .6;-webkit-filter: blur(50px);filter: blur(50px);z-index: 0}
.mobilever .swiper-container-flip {overflow: visible}
.mobilever .swiper-container-flip .swiper-slide {pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1}
.mobilever .swiper-container-flip .swiper-slide .swiper-slide {pointer-events: none}
.mobilever .swiper-container-flip .swiper-slide-active,.mobilever .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.mobilever .swiper-container-flip .swiper-slide-shadow-bottom,.mobilever .swiper-container-flip .swiper-slide-shadow-left,.mobilever .swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden}
.mobilever .swiper-container-coverflow .swiper-wrapper {-ms-perspective: 1200px}
.mobilever .swiper-container {width: 100%;max-width: 500px;padding-top: 0;padding-bottom: 50px;margin: 0 auto}
.mobilever .swiper-slide {background-position: center;background-size: cover;width: 65%}
.box {padding: 1rem;display: none}
.box h6 {font-size: 2rem;color: #333;font-family: Gotham-Book;color: #fff}
.box p.tagline {font-size: 1.2rem;color: #333;font-family: Gotham-Book;color: #fff;text-align: center;margin-bottom: 1rem;text-transform: capitalize;}
.button1 {border: 2px solid #0069AA;color: #fff;background: #0069AA;border-radius: 4px;padding: 6px 0;min-width: 100px;text-align: center;display: block;font-size: .95rem;text-transform: uppercase;width: 100%;font-family: Gotham-Book;font-size: 14px;}
.button2 {border: 2px solid #ed1c24;background: #ed1c24;color: #fff;border-radius: 4px;padding: 6px 0;min-width: 100px;text-align: center;display: block;font-size: .95rem;text-transform: uppercase;width: 100%;font-family: Gotham-Book;font-size: 14px;}
.modal-body p {font-size: 1.15rem;text-align: center}
.button1:hover{background: #035080;color: #fff;border: 2px solid #035080;}
.button2:hover{background: #c1161d;color: #fff;border: 2px solid #c1161d;}
.tinder {width: 100%;margin: 0 auto;height: 480px;overflow: hidden;display: flex;flex-direction: column;position: relative;opacity: 0;transition: opacity .1s ease-in-out}
.loaded.tinder {opacity: 1}
.tinder--status {position: absolute;top: 50%;margin-top: -30px;z-index: 2;width: 100%;text-align: center;pointer-events: none}
.tinder--status i {font-size: 100px;opacity: 0;transform: scale(.3);transition: all .2s ease-in-out;position: absolute;width: 100px;margin-left: -50px}
.tinder_love .fa-heart {opacity: .7;transform: scale(1)}
.tinder_nope .fa-remove {opacity: .7;transform: scale(1)}
.tinder--cards {flex-grow: 1;text-align: center;display: flex;justify-content: center;align-items: flex-end;z-index: 1}
.tinder--card,.tinder-card {display: inline-block;width: 90vw;top: 0;padding: 0 0 22px 0;overflow: hidden;position: absolute;will-change: transform;transition: all .3s ease-in-out;cursor: -webkit-grab;cursor: -moz-grab;cursor: grab}
.moving.tinder--card {transition: none;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: grabbing}
.tinder--card img,.tinder-card img {max-width: 200px;pointer-events: none}
.fa-heart {color: #fface4}
.fa-remove {color: #cdd6dd}
.tinder-card {touch-action: pan-y;user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: transparent}
header {box-shadow: 0 0 10px rgba(0, 0, 0, .2);padding: 1rem 0}
.home header {box-shadow: none;background: 0 0;padding: 1rem 0 0}
.mobNav {display: none}
.hdfclogo img {display: block}
.logocont {display: inline-block;float: left}
#navbarNav .navbar-nav {display: inline-block;margin:0 2rem;}
.home #navbarNav .navbar-nav {display: none}
#navbarNav .nav-item {float: left;display: inline-block;border-bottom: 1px solid transparent;}
.tinder {width: 100%;height: 500px;margin-top: 10px}
.prepaid_page .tinder {height: 520px}
#navbarNav .nav-item .nav-link {padding: 5px 10px;color: #fff;font-family: Gotham-Book;font-size: 16px}
/*#navbarNav .nav-item .nav-link:hover{text-decoration: underline;}*/
.cardsection {width: 500px;margin: 10px auto 0 auto;position: relative}
.cardsection .owl-carousel .owl-item img {width: 96%}
.tinder .cardsection {padding-top: 85px}
.cardsection .offerbx {padding: 10px 25px;border-radius: 10px;margin-top: 80px;padding-top: 100px;text-align: left;padding-bottom: 20px;position: relative;width: 400px;margin: 0 auto;min-height: 300px;background: #fff}
.prepaid_page .cardsection .offerbx {min-height: 416px}
.cardimg {position: absolute;text-align: center;margin: 0 auto;left: 0;right: 0;top: -50px;box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-radius: 10px;z-index: 2}
.cardsection h2 {color: #fff;font-family: "Gotham-Book";font-size: 1.6rem;margin-bottom: 0.5rem;}
.btn-next-prev {position: absolute;margin-top: 0;top: 45%;width: 100%;left: 0;cursor: pointer;z-index: 100;display: none}
.btn-next-prev a {position: absolute;display: inline-block;top: 50%}
.btn-next-prev a.btnprev {left: 50%!important;margin-left: -260px}
.btn-next-prev a.btnnext {right: 50%!important;margin-right: -260px}
.graybg {background-color: #fefefe}
.btnfull {width: 100%!important;margin: 0}
.hidden-xs {display: block}
.show-xs {display: none}
.carousel-3d-container {height: 250px!important;margin: 0!important}
.carousel-3d-slide {padding: 15px;height: 250px!important}
.carousel-3d-slide {background: 0 0!important;border: none!important;height: 250px!important}
.carousel-3d-slider {height: 245px!important}
.vpagination {padding: 5px 0;text-align: center;margin-bottom: 5px}
.vpagination button {display: inline-block;width: 12px;height: 12px;background: none;border: 1px solid #fff;border-radius: 50%;margin: 0 .5%;padding: 0}
.vpagination button.active {background: #fff;border: 1px solid #royalblue}
.carousel-3d-slide.current {padding: 10px!important;top: 0!important}
.grid__item {z-index: 0}
.grid__item.dragging {z-index: 9999999999999;position: relative}
.dragging .gbox {position: relative;-webkit-transition: transform 0s!important;transition: transform 0s!important}
.drop_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);display: none;z-index: 7}
.drag-active .drop_overlay {display: block}
#banner-carousel {width: 750px;margin: 0 auto}
#banner-carousel.owl-carousel .owl-item {margin: 0 0}
#banner-carousel.owl-carousel .owl-item img {width: 90%;margin: 0 auto}
.owl-carousel .owl-wrapper-outer {padding-bottom: 20px}
#banner-carousel.owl-carousel .owl-dots,#banner-carousel.owl-carousel .owl-pagination {margin-top: 15px;text-align: center}
#banner-carousel .owl-nav {display: none}
#banner-carousel .owl-dots .owl-dot {background: #000;opacity: .2;height: 10px;width: 10px;border-radius: 50%;margin: 0 4px}
#banner-carousel .owl-dots .owl-dot.active {background: #007aff;opacity: 1}
html {position: relative;min-height: 100%}
.footer {position: absolute;bottom: 0;width: 100%;height: 60px;line-height: 60px;background-color: #004a8f}
.footer p {color: #fff;display: block;height: 100%;font-size: 12px}
.footer>.container {padding-right: 15px;padding-left: 15px}
.back_button a {color: #fff;vertical-align: middle}
.back_button a>img {box-shadow: none;vertical-align: middle;height: 14px}
.footer {display: none}
.infoBtn {display: inline-block;padding: 0 5px}
#info .close {opacity: 1}
#info p {margin-bottom: 20px}
#info .modal-body {padding: 1rem 2.5rem}
.body_bg,.credit_bg {background: #e1f4fd url(../resources/images/body_bg.png) 50% 25% no-repeat;background-size: 100%}
.page_bg {background: #e1f4fd url(../resources/images/body_bg_new.png) 50% 18% no-repeat;background-size: 100%}
.debit_bg {background: #e1f4fd url(../resources/images/body_bg.png) 50% 25% no-repeat;background-size: 100%}
.prepaid_bg {background: #e1f4fd url(../resources/images/body_bg.png) 50% 25% no-repeat;background-size: 100%}
.easyemi_bg {background: #e1f4fd url(../resources/images/EasyEMI.jpg) 0 0 no-repeat;background-size: cover}
.slidecount {display: none}
.millennia-logo {text-align: center;margin: 15px 0 25px}
.action-txt:after {content: '';display: block;width: 20px;height: 20px;background: url(../resources/images/down-double-arrow.png) center no-repeat;background-size: contain;margin: 5px auto}
.card-swipe {width: 100%;float: left;text-align: center}
.card-swipe span {margin: 0 10px;font-family: monospace;font-size: 26px;font-weight: 600}
#card1 {z-index: 9!important}
#card2 {z-index: 8!important}
#card3 {z-index: 7!important}
#card4 {z-index: 6!important}
#card5 {z-index: 5!important}
#card6 {z-index: 4!important}
#card7 {z-index: 3!important}
#card8 {z-index: 2!important}
#card9 {z-index: 1!important}
.tinder-card {z-index: 1!important}
.cardsection .offerbx h4 {font-weight: 700;color: #004a8f;font-size: 20px;font-family: Gotham-Medium}
.cardsection .offerbx p.tagline {color: #000}
.card-swipe p {font-size: 16px}
.newheading { color:#004689; font-size:18px; text-align:center; font-style:italic; margin-bottom:20px; font-family: Conv_Helvetica-Neue-Bold;}
.cardsection > img {}
.cardsection .offerbx { padding-top:80px}
.tinder .cardsection { padding-top:15px}
.tinder { height:325px}
.cardsection .offerbx{ min-height:260px}
.demo {position: absolute;left: 50%;top: 50%;width: 30.6rem;height: 54rem;margin-left: -15.3rem;margin-top: -27rem;background: #f6f6f5}
.demo__header {height: 6rem;background: #002942}
.demo__content {overflow: hidden;position: relative;padding-top: 2rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.demo__card-cont {position: relative;width: 24rem;height: 32rem;margin: 0 auto 5rem}
.demo__card {z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #ccc;-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%}
.demo__card.reset {transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;-webkit-transform: translateX(0)!important;transform: translateX(0)!important}
.demo__card.reset .demo__card__choice {transition: opacity .3s;opacity: 0!important}
.demo__card.inactive {transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s}
.demo__card.to-left {-webkit-transform: translateX(-30rem) rotate(-30deg)!important;transform: translateX(-30rem) rotate(-30deg)!important}
.demo__card.to-right {-webkit-transform: translate(30rem) rotate(30deg)!important;transform: translate(30rem) rotate(30deg)!important}
.demo__card.below {z-index: 1}
.demo__card__top {height: 20.5rem;padding-top: 4rem}
.demo__card__img {overflow: hidden;text-align: center}
.demo__card__img img {width: 75%}
.demo__card__name {text-align: center;font-size: 2rem;font-weight: 700;color: #333}
.demo__card__btm {background: #fff;min-height: 18rem;padding: 1rem}
.demo__card__we {text-align: center;font-size: 2.2rem;line-height: 11.5rem}
.demo__card__choice {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0}
.demo__card__choice:before {content: "";position: absolute;left: 50%;top: 50%;width: 2rem;height: 2rem;margin-left: -1rem;color: #fff;border-radius: 50%;box-shadow: -2rem -3rem #fff, 2rem -3rem #fff}
.demo__card__choice:after {content: "";position: absolute;left: 50%;top: 50%;width: 4rem;height: 1.5rem;margin-left: -2rem;border: .6rem solid #fff;border-bottom: none;border-top-left-radius: 1.5rem;border-top-right-radius: 1.5rem}
.demo__card__choice.m--reject {background: #ff945a}
.demo__card__choice.m--like {background: #b1da96}
.demo__card__choice.m--like:after {-webkit-transform: scaleY(-1);transform: scaleY(-1)}
.demo__card__drag {z-index: 5;position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: -webkit-grab;cursor: grab}
.demo__tip {text-align: center;font-size: 2.2rem}
.grid {margin: 0 auto;padding: .5em 0;text-align: left}
.grid__item {display: inline-block;width: 155px;margin: 1% 1.25% 1% 0;color: inherit;text-align: left}
#gif_image {text-align: center}
#gif_image img {width: 200px}
.grid__item div.gbox {box-shadow: 0 0 10px #ddd;padding: .8rem;border-radius: 4px;background: #fff}
.grid__item p {font-size: 1rem;padding: 8px 0;text-align: center;-moz-user-select: none;-webkit-user-select: none;user-select: none}
.grid__item:hover {cursor: move;cursor: -webkit-grab;cursor: grab}
.grid__item:active {cursor: -webkit-grabbing;cursor: grabbing}
.is-dragging p {visibility: hidden}
.is-active {z-index: 100}
.is-dropped {opacity: 0;-webkit-transform: scale3d(.7, .7, 1)!important;transform: scale3d(.7, .7, 1)!important}
.is-complete {opacity: 1;-webkit-transition: opacity .3s, -webkit-transform .3s!important;transition: opacity .3s, transform .3s!important;-webkit-transform: scale3d(1, 1, 1)!important;transform: scale3d(1, 1, 1)!important}
.animate {-webkit-transition: all .3s ease-out;transition: all .3s ease-out}
.drop-area {position: fixed;bottom: -4%;left: 50%;margin-left: -250px;z-index: 99;width: 500px;background: #004a8f;text-align: center}
.drop-area.show {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);background-color: #18b6e7}
.drag-active .drop-area {position: fixed;bottom: 0}
.drop-area>div {width: 100%;height: 100%;-webkit-transition: -webkit-transform .4s .3s;transition: transform .4s .3s}
.drop-area__item {background-color: #004a8f;position: relative;display: inline-block;border: none;height: 0;width: 100%;z-index: 9;border-radius: 4px;-webkit-transition: -webkit-transform .3s, height .3s;transition: transform .3s, height .3s;-webkit-backface-visibility: hidden}
.drop-area__item.loader {background-image: url(../resources/images/Scan_Gif.gif);background-repeat: no-repeat;background-position: center;background-size: 250px}
.drop-area__item::after,.drop-area__item::before {position: absolute;top: 50%;left: 0;width: 100%;color: rgba(0, 0, 0, .15);font-size: 1.5em;margin-top: -.35em;font-family: FontAwesome;pointer-events: none}
.drop-area__item::before {content: '\f067'}
.drop-feedback.drop-area__item::before {opacity: 0;-webkit-transform: scale3d(0, 0, 1);transform: scale3d(0, 0, 1)}
.drop-area__item::after {color: rgba(255, 253, 197, .6);content: '\f00c';font-size: 3em;margin-top: -.5em;opacity: 0;-webkit-transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;-webkit-transform: scale3d(2, 2, 1);transform: scale3d(2, 2, 1)}
.drop-feedback.drop-area__item::after {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
.dummy,.dummy::after {position: absolute;top: 100%;left: 0;margin: .25em 0;height: .65em;border-radius: 2px;background: rgba(0, 0, 0, .15);-webkit-backface-visibility: hidden}
.dummy {width: 90%}
.dummy::after {width: 60%;content: ''}
.drop-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;pointer-events: none}
.drop-area.show+.drop-overlay {opacity: 1}
.helper {position: absolute!important;margin: 0}
.drop-area>div {position: relative}
.drop-area h6 {color: #fff;font-size: 1rem;padding: .5rem 0;z-index: 4;position: absolute;bottom: 0;height: 80px;left: 5%;z-index: 9;width: 90%;text-align: center;background: #004a8f;border-top-right-radius: 4px;border-top-left-radius: 4px;border: 2px solid #166bb9;border-bottom: none;display: none}
.stack_box {position: relative;height: 200px;margin: 0 auto 2% auto}
.stack_box div img {max-width: 100%;box-shadow: 0 5px 10px rgba(0, 0, 0, .25);border-radius: 8px}
.stack_box>div#card1 {top: 0}
.stack_box>div#card2 {top: 30%}
.stack_box>div#card3 {top: 60%}
.stack_box>div#card4 {top: 90%}
.stack_box ul li {position: absolute}
.stack_box ul li#card1 {top: 0}
.stack_box ul li#card2 {top: 25%}
.stack_box ul li#card3 {top: 50%}
.stack_box ul li#card4 {top: 75%}
.tab_box {display: none}
.grid__item {z-index: 0}
.grid__item.dragging {z-index: 9999999999999;position: relative}
.dragging .gbox {position: relative;-webkit-transition: transform 0s!important;transition: transform 0s!important}
.drop_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);display: none;z-index: 7}
.drag-active .drop_overlay {display: block}
.confetti_box {position: absolute!important;width: 100%;top: 50%;height: 100%;z-index: 99;opacity: 0}
.gbox small { display:none}
#offercards{ color:#555555; text-decoration:none; border:none}
#offercards p{ font-size:13px !important; color:#555555}
.dotscust { text-align:center}
.dotscust .dotscust-dot{display: inline-block;zoom: 1;background: 0 0;color: inherit;border: none;padding: 0!important;font: inherit;cursor: pointer;user-select: none;-webkit-appearance: button;text-transform: none;}
.dotscust .dotscust-dot span{background: #e1f4fd;width: 12px;height: 12px;margin: 5px 2px;display: block;transition: opacity .2s ease;border-radius: 30px; border:3px solid #1e86ff}
.dotscust .dotscust-dot.active span{background: #1e86ff;}
.dotscust .dotscust-dot:focus{ box-shadow:none; outline:none}
.owl-theme .owl-dots .owl-dot span{background: none;width: 12px;height: 12px;margin: 5px 2px;display: block;transition: opacity .2s ease;border-radius: 30px; border:3px solid #fff}
.owl-theme .owl-dots.active span{background: #fff;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}
/*NEW Latest*/
.upper{text-transform: uppercase;}
.home_page h5{color:#fff;font-size: 24px;text-align: center;font-family: Gotham-Book;margin-bottom: 0.5rem;}
.home_page{padding-top:15px;}
.home_page h6{color:#fff;font-size: 18px;text-align: center;padding:0 0.5rem;}
.box h6{font-size: 1.8rem !important;}
.diners_logo{position: absolute;right: 15px;top:0px;}
.diners_logo img{width: 125px;}
.reward_txt{text-align: center;}
.reward_txt p{color:#004A8E;font-size: 35px;font-family: Gotham-Medium;font-weight: bold;text-align: left;padding:0 1.5rem;}
.reward_txt p span{color:#333333;font-size:18px;font-family: Gotham-Medium;font-weight: normal;}
.reward_txt h5{color:#004A8E;font-size: 40px;font-family: Gotham-Medium;font-weight: bold;}
.reward_txt h6{color:#333333;font-size:25px; }
.off_txt{color:#444;font-size: 14px;font-family: Gotham-Book;text-align: center;}
.pgtitle{color:#fff;font-size: 22px;font-family: Gotham-Book;margin-bottom: 0rem;text-align: center;padding:0.5rem 0;}
.icon_txt{margin-bottom: 1.5rem;padding:1rem 0 2rem 0;}
.icon_txt img{margin:0 auto;}
.offer_page .icon_txt .off_txt{min-width: 250px;text-align: left; }
.icon_txt .off_txt{height: 75px;display: table-cell;vertical-align: middle;}
.off_list > div{padding: 0.5rem 1rem;background:#fff;border-radius: 5px;margin-bottom: 1rem;}
.offer_box{width:400px;margin:80px auto 0 auto;position: relative;}
.offer_box .item{padding:2rem 2.5rem;background-color:#fff;min-height: 375px;border-radius: 5px;padding-top: 75px;}
.carousel_card_img{position: absolute;z-index: 5;top:-75px;left:50%;margin-left: -110px;}
.card_image{background:url(../resources/images/body_icon2.png) no-repeat 50% 25px;background-size: cover;padding:0rem 0 1.5rem 0;}
.offer_box .owl-nav{position: absolute;top:50%;margin-top:-50px;width: 104%;left:-2%;}
.offer_box .owl-prev{width: 30px;height: 30px;background:url(../resources/images/prev.png) no-repeat center !important;float:left; background-size: 15px !important;}
.offer_box .owl-next{width: 30px;height: 30px;background:url(../resources/images/next.png) no-repeat center !important;float:right; background-size: 15px !important;}
.offer_box .owl-next > span, .offer_box .owl-prev > span{display: none;}
.home_page h6 span{font-size: 24px;font-family: Gotham-Book;}
#home_card_image{background:url(../resources/images/body_icon.png) no-repeat 50% 12px !important;background-size:100%;width: 100%;height: 0px;position: absolute;z-index: 0;left:0;}
.offer_box .owl-dots{padding: 1rem 0 0 0;}
.home_bg_box{position: fixed;bottom:0px;height: 55%;background:url(../resources/images/layer-homePage.png) repeat-x left top;width: 100%;left:0;}
.offer_box .owl-carousel .owl-item img{width:auto;max-width: 100%}
.f12{font-size: 12px;}
.f16{font-size: 16px;}
.c000{color:#000 !important;}
.c444{color:#444 !important;}
.vmiddle{vertical-align: middle;}
.partner_brands{text-align: center;}
.partner_brands img{width: 100px !important;margin:5px auto;}
.seperator{height: 1px;background:#999;margin:0.5rem 0;}
.offer_page .offerbx{min-height: auto !important;padding-top: 0;}
.brandlogo{margin:0.5rem 0;}
.brandlogo img{margin-bottom: 10px;padding: 0 5px;width: 102px !important;border-right: 2px solid #797070;display: inline-block !important;}
.brandlogo img:nth-child(3), .brandlogo img:nth-child(5) , .brandlogo img:last-child{border-right: 0}
.offer_page .brandlogo img:nth-child(3), .offer_page .brandlogo img:nth-child(2), .offer_page .brandlogo img:nth-child(5){border-right: 2px solid #797070;}
.offer_page .brandlogo img:nth-child(4){border-right: 0}
.tenxreward{width: 110px !important; display: initial !important;}
.off_icon > img{width: 70px !important;}
.myntra_box, .ola_box{border-right: 1px solid #999;}
.rborder{border-right: 1px solid #999;}
.home_off_icon{width: 100px;display: table-cell;height: 150px;vertical-align: middle;}
.owl-theme .owl-nav .disabled{opacity:0.2;}
.brandlogo_list > div{padding:0 5px !important;}
.comp_golf{width: 300px;}
.benefit_logo{display: inline-block !important;width: 65px !important;}
.off_txt > div{padding: 5px 0;border-bottom: 1px solid #ccc;display: inline-block;}
.off_txt > div:last-child{border:none;}
/**/
@media screen and (max-width:50em) {
.grid__item {font-size: 1.5em}
.drop-area {font-size: .6em}
}
@media screen and (max-width:25.5em) {
.grid {padding: 0 0}
.grid__item {font-size: 1em}
}
@media (min-width:320px) and (max-width:360px) {
.scroll_panel {height: 75%}
.grid__item {vertical-align: top}
.grid__item p {min-height: auto}
.item .icon_txt .off_txt{min-width: auto;display: block;height:auto;}
}
@media (max-width:767px) {
.home_off_icon{display: block;height: auto;width:auto;}
.home_page .card_image{ background: url(../resources/images/body_icon.png) no-repeat center 130px !important;}
.home_bg_box{height: 45%;}
.hdfclogo img{margin-left: 30px; width: 160px;border:2px solid #fff;}
.tinder { height:410px}
.offer_box .item{padding:1.25rem;padding-top: 75px;}
.offer_box{width: 100%;}
.item .icon_txt .off_txt{text-align: center;}
.box{padding:0rem 0;}
.cardsection .offerbx .card-swipe {display: block;}
.tinder .cardsection {width: auto;overflow: hidden;position: static}
.cardsection .offerbx {width: 90%;padding: 10px 15px}
.grid__item {width: 31%;margin: 1% 1% 1% 0}
.cardimg {width: 190px}
.item .icon_txt .off_txt{min-width: auto;}
.item .off_icon{margin-bottom: 1rem;}
.item {}
.item .brandlogo img{width:120px !important;}
.modal-body p {font-size: 1.1rem;text-align: center}
.cardsection .offerbx { min-height: 300px}
.mobNav {display: block}
.home .mobNav {display: none}
#navbarNav {display: none}
.h4,h4 {font-size: 1.2rem}
.cardsection {width: 100%;margin: 0 auto;position: relative}
.cardsection .offerbx h3 {font-size: 1.75rem}
.cashback span.cashbacktxt {font-size: 14px}
.cashback span.cashbackimg {width: 40%!important;margin: 0}
.cashback span.cashbackimg img {width: 100%!important}
.drop-area__item.loader {background-image: url(../resources/images/Scan_Gif.gif);background-repeat: no-repeat;background-position: center;background-size: 65%}
.cardsection {margin: 0 auto;position: relative;padding-bottom: 30px}
.tinder .cardsection {padding-top: 85px}
.cardsection .offerbx {padding: 10px 30px;border-radius: 10px;margin-top: 80px;padding-top: 40px;text-align: left;padding-bottom: 20px;position: relative;width: 95%;margin: 0 auto;min-height: 300px;background: #fff}
.cardimg {position: absolute;text-align: center;margin: 0 auto;left: 0;right: 0;top: 0;border-radius: 10px;z-index: 2}
.cashback {display: flex;align-items: center;height: 120px;justify-content: center;padding: 0 10px 0 10px;border-top: 6px solid #004990;border-radius: 5px;position: relative}
.cashback::before {position: absolute;width: 10px;font-size: 1.7rem;line-height: 16px;height: 16px;color: #e6e6e6;content: '\f0da';left: -1px;top: calc(50% - 8px);font-family: FontAwesome}
.cashback::after {position: absolute;width: 10px;font-size: 1.7rem;line-height: 16px;height: 16px;color: #e6e6e6;content: '\f0d9';right: -2px;top: calc(50% - 8px);font-family: FontAwesome}
.cashback span {width: auto;margin: 2px;text-align: left;color: #444;font-family: Conv_HelveticaCE-Bold}
.percent-wrap { margin-top: -40px;}
.percent-wrap .percent { font-size: 50px;}
.percent {color: #004a8f!important;font-size: 50px;font-family: Conv_HelveticaCE-Bold}
.cashback span.cashbacktxt.line-28 { line-height: 20px;}
.cashbacktxt img { width: 50px;}
.cashbacktxt img.bms{width:70px;}
.cashback small {color: #004a8f;font-size: 25px;font-family: Conv_HelveticaCE-Bold}
.btnwrap {text-align: center;margin-top: 10px}
.btnwrap a {text-align: center;text-transform: uppercase;color: #1e86ff;border: 2px solid #1e86ff;border-radius: 4px;display: inline-block;width: 47%;padding: 10px 0;font-family: Conv_HelveticaCE-Bold}
.btnwrap a:hover {color: #fff;background-color: #1e86ff}
.btnwrap a:first-child {margin-right: 2%}
.btnwrap a:last-child {margin-left: 2%}
.cardsection .offerbx h3 {color: #444;font-weight: 400;font-size: 22px}
.thumbbx {width: auto;overflow: auto}
.thumbbx img {margin: 10px 5px;box-shadow: 0 0 5px rgba(0, 0, 0, .3);border-radius: 5px}
.cardsection h2 {color: #fff;font-weight: 400;font-size: 1.6rem;margin-bottom: 0.5rem;}
.btn-next-prev {position: absolute;top: 30%;width: 100%;left: 0;cursor: pointer;z-index: 100;display: none}
.btn-next-prev a {position: absolute;display: inline-block}
.btn-next-prev a.btnprev {left: -10px}
.btn-next-prev a.btnnext {right: -10px}
.graybg {background-color: #fefefe}
.btnfull {width: 100%!important;margin: 0}
.voucherbx {display: flex;align-items: center;height: 100px;justify-content: center;box-shadow: 0 0 10px rgba(0, 0, 0, .3);margin: 20px 0;border-radius: 5px}
.voucherbx span.voucherimg {padding-left: 10px;padding-right: 15px}
.voucherbx span.vouchertxt {padding-right: 10px;padding-left: 15px;border-left: 2px solid #e5e4e4;position: relative}
.voucherbx span.vouchertxt h4 {font-size: 18px;font-family: Conv_HelveticaCE-Bold;font-weight: 400}
.hidden-xs {display: none}
.show-xs {display: block}
.drop-area {width: 100%;left: 0;margin: 0}
.grid__item p {font-size: 12px;padding: 3px 0}
#banner-carousel.owl-carousel {width: 90%}
#banner-carousel.owl-carousel .owl-item {margin: 0 0}
#banner-carousel.owl-carousel .owl-item img {width: 90%;margin: 0 auto}
.btn-next-prev {display: none!important}
.slidecount {display: none}
.body_bg,.credit_bg {background: #e1f4fd url(../resources/images/body_bg.png) 50% 25% no-repeat;background-size: 200%}
.debit_bg {background: #e1f4fd url(../resources/images/body_bg.png) 50% 25% no-repeat;background-size: 200%}
.prepaid_bg {background: #e1f4fd url(../resources/images/body_bg.png) 50% 25% no-repeat;background-size: 200%}
.logocont {display: block;float: none}
.home .logocont {display: block;float: none;text-align: center}
.home .hdfclogo img {display: inline-block}
.box h6{font-size:1.5rem !important;padding:0 0.5rem;}
.home_page h6{padding:0.5rem;}
.box p.tagline{font-size: 1rem;}
body {background: #031627AC url(../resources/images/body-bg-mobile.png) no-repeat top center;}
.item .icon_txt{text-align:center;margin-bottom: 0;d}
.offer_page .brandlogo img:nth-child(5) {
border-right: 0;
}
.comp_golf{width: 220px;display: block !important;width: auto;}
#example{width: 90%;margin:0 auto;}
#home_card_image{background-size:120 !important%;background-position: 50% 12px !important;}
header .navUl{padding:5px 0 10px 0;}
header nav .navUl li a{font-size: 13px;padding: 8px 8px 8px 8px;}
.button1, .button2{font-size: 12px;}
}
@media (max-width:500px) {
.carousel-3d-container {height: 205px!important}
.carousel-3d-slide.current {padding: 10px 30px!important;top: 15px!important}
.carousel-3d-slide {height: 200px!important}
.tinder {margin-top: 0}
.prepaid_page .tinder {height: 550px}
.tinder--card,.tinder-card {padding: 0}
.tinder .cardsection {padding-top: 15px}
.cardsection {padding-bottom: 10px;border-radius: 15px}
.thumbbx img {margin: 0}
.thumbbx .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0}
.cardsection .offerbx {min-height: 375px;padding-bottom: 15px}
.prepaid_page .cardsection .offerbx {min-height: 470px}
.cashback {height: 125px}
.item .icon_txt .off_txt{min-width: auto;display: block;height:auto;}
}
@media (max-width:380px) {
.cashback span.cashbacktxt {font-size: 12px}
.cashback {height: 150px;}
.cardsection h2{ font-size:1.3rem; margin-bottom:10px}
}
@media all and (-ms-high-contrast:none) {
.tinder--cards {width: 480px;margin: 0 auto;display: block}
.tinder--card,.tinder-card {width: auto}
}