@charset "utf-8";
/*  
Theme Name: Katapult
Theme URI:
Version: 2020
Description: Katapult - Transforming the face of finance
Author: Katapult
Author URI: https://www.Katapult.com/
*/

/** Font **/
@font-face{font-family:katapult-light;src:url(fonts/katapult_light.eot);src:url(fonts/katapult_light.eot?#iefix) format('embedded-opentype'),url(fonts/katapult_light.woff2) format('woff2'),url(fonts/katapult_light.woff) format('woff'),url(fonts/katapult_light.svg#katapult_light) format('svg');font-weight:300;font-style:normal;font-stretch:normal;unicode-range:U+0020-00FE; 
font-display: swap;
}

@font-face{font-family:katapult-regular;src:url(fonts/katapult_regular.eot);src:url(fonts/katapult_regular.eot?#iefix) format('embedded-opentype'),url(fonts/katapult_regular.woff2) format('woff2'),url(fonts/katapult_regular.woff) format('woff'),url(fonts/katapult_regular.svg#katapult_regular) format('svg');font-weight:400;font-style:normal;font-stretch:normal;unicode-range:U+0020-00FE;
font-display: swap;
}

@font-face{font-family:katapult-medium;src:url(fonts/katapult_medium.eot);src:url(fonts/katapult_medium.eot?#iefix) format('embedded-opentype'),url(fonts/katapult_medium.woff2) format('woff2'),url(fonts/katapult_medium.woff) format('woff'),url(fonts/katapult_medium.svg#katapult_medium) format('svg');font-weight:500;font-style:normal;font-stretch:normal;unicode-range:U+0020-00FE; font-display: swap;}

@font-face{font-family:katapult-bold;src:url(fonts/katapult_bold.eot);src:url(fonts/katapult_bold.eot?#iefix) format('embedded-opentype'),url(fonts/katapult_bold.woff2) format('woff2'),url(fonts/katapult_bold.woff) format('woff'),url(fonts/katapult_bold.svg#katapult_bold) 
format('svg');font-weight:700;font-style:normal;font-stretch:normal;unicode-range:U+0020-00FE; font-display: swap;}
/** Font **/

:root {
  --pink:#ec008c;
  --default: #364867;
  --dark:#0b0707;
	--blu-dark:#273854;
	--light-blue:#657f99;
	--sky-blue:#c9d6ea;
	--light-grey:#f2f5fa;
  --light:'katapult-light', Helvetica, sans-serif;
  --regular:'katapult-regular', Helvetica, sans-serif;
  --medium:'katapult-medium', Helvetica, sans-serif;
  --bold:'katapult-bold', Helvetica, sans-serif;  
}

html, body { height:100%;}
body {font-family:var(--regular); font-smoothing:antialiased; color:var(--default); font-size:1.1rem; }
img { max-width:100%; height:auto;}
strong {font-family: var(--bold);}
a, button, input[type=submit] { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
a, .btn-link {color:var(--pink);}
a:hover, a:focus {color:var(--black);}
a:hover, a:focus, button, .btn { text-decoration:none; outline:0 !important; outline-offset:0px !important;}
label { font-weight:normal; }
iframe { width:100% !important; }
sub, sup {font-size:50%; top:-.6em; }
.mt-6 {margin-top: 5rem !important;}
.form-control { background-color:#fff; box-shadow:none !important; border-width:2px; border-color:#657f99; color:var(--default); font-weight:normal; height:50px; border-radius: 30px; padding:.375rem 1.5rem;}
.form-control:focus { border-color:#657f99; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:#fff; opacity:1;}

select.form-control, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:2px solid #657f99; height:50px; background-image: url(images/select-arrow.png); background-repeat:no-repeat; background-position:calc(100% - 18px) center;  cursor:pointer; padding-right: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-family:var(--regular); }
select:focus, option:focus { outline:0 !important; }
select[multiple].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none; padding-right:25px; height:auto; font-family:var(--regular); }
select::-ms-expand { display:none; }

img.aligncenter { display:block; margin:0 auto 20px;}
img.alignleft {margin:0 20px 20px 0; float:left;}
img.alignright {margin:0 0 20px 20px; float:right;}

.btn { border-radius:40px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); padding-left: 30px; padding-right: 30px; font-family: var(--medium); position: relative;  transition: all .3s cubic-bezier(0.165, .84, .44, 1)}

.btn-primary {border-color:var(--pink); background:var(--pink); color:var(--white);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active { border-color:#f2209d; background-color:#f2209d; color:var(--white);}

.btn-white {border-color:var(--white); background:var(--white); color:var(--pink);}
.btn-white:hover, .btn-white:focus, .btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active { border-color:var(--default); background-color:var(--default); color:var(--white);}

.btn-outline-primary {border-width:2px; border-color: var(--pink); color: var(--default);}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {border-color:#f2209d; background-color:#f2209d; color:var(--white);}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: var(--bold);}		
h1 {font-size:46px; }
h2 {font-size:32px;}
h3 {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
hr {border-color:#c9c8c8;}
@-webkit-keyframes autofill { to {background: transparent;} }
input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
/*owl carousel start*/
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }.owl-carousel { display: none; width: 100%; z-index: 1; }.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; font-size: 0; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.owl-nav>div,.owl-nav>button{position:absolute; top: 50%; background-image:url(images/ctrl-arrow.png) !important; background-repeat: no-repeat; background-position: 0 center; background-color: rgba(255,255,255,0.5); width:80px; height:80px; font-size:0 !important; transition-duration: 0.4s;}.owl-nav>div:hover {background-color: rgba(255,255,255,0.8);}.owl-nav>.owl-next{ background-position:-80px center; border-radius: 40px 0 0 40px; right:0;}.owl-nav>.owl-prev{background-position:0 center; border-radius: 0 40px 40px 0; left:0;}.owl-carousel.owl-loading { opacity: 0; display: block; }.owl-carousel.owl-hidden { opacity: 0; }.owl-carousel.owl-refresh .owl-item { visibility: hidden; }.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.owl-carousel.owl-grab { cursor: move; cursor: grab; }.owl-carousel.owl-rtl { direction: rtl; }.owl-carousel.owl-rtl .owl-item { float: right; }.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }.owl-carousel .owl-animated-in { z-index: 0; }.owl-carousel .owl-animated-out { z-index: 1; }.owl-carousel .fadeOut { animation-name: fadeOut; }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }.owl-height { transition: height .5s ease-in-out }.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000000; }.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; }.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; }.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }.owl-dots {width:100%; text-align:center; padding:25px 0;}.owl-dots .owl-dot {display:inline-block; background:none; border:none; margin:0; padding:15px 5px; text-align:center; }.owl-dots .owl-dot span {width:10px; height:10px; position: relative; overflow: hidden; border-radius:100%; background:none; transition-duration: 0.4s; transform-origin: top; border:2px solid var(--default); display:block; }.owl-dots .owl-dot.active { background:none; }.owl-dots .owl-dot.active span { background-color:var(--pink); border:none; width:70px; border-radius: 10px; }.owl-thumb-item img {border:solid 1px #5d9732; padding:10px 15px}.owl-thumbs {display:table; width:100%; text-align:center; padding:0; z-index:99; }.owl-thumb-item {display:table-cell; border:none; background:none; padding:5px; opacity:0.3; width:100px; cursor:pointer;}.owl-thumb-item.active { opacity:1;}
.owl-wrapper {margin: 0 auto;}
/*owl carousel end*/

.section {padding:60px 0; }
.bg-grey {background-color:#fbfbfb;}


.btn-radio, .btn-checkbox { display:inline-block; margin-bottom:15px; margin-right:15px; }
.btn-radio:last-child, .btn-checkbox:last-child { margin-right:0; }
.btn-radio input[type="radio"] + label, .btn-checkbox input[type="checkbox"] + label { position: relative; padding:2px 0 10px 30px; margin:0; cursor:pointer; display:inline-block; font-size:14px; color:var(--default); font-weight:normal; line-height:normal;}
.btn-radio input[type="radio"], .btn-checkbox input[type="checkbox"] { display:none; }
.btn-checkbox input[type="checkbox"] + label:before { border:2px solid var(--default); content:""; display:inline-block; width:20px; height:20px; left:0; border-radius:6px; position: absolute; top:0; background:none; }
.btn-checkbox input[type="checkbox"]:checked + label:before { background:var(--default); border-color:var(--default); }
.btn-checkbox input[type="checkbox"] + label:after { content:''; position:absolute; top:5px; left:4px; width:12px; height:7px; border:solid transparent; border-width:0 0 2px 2px; line-height:0; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:rotate(-45deg) scale(2); -webkit-transform:rotate(-45deg) scale(2); transform:rotate(-70deg) scale(2); }
.btn-checkbox input[type="checkbox"]:checked + label:after { -ms-transform:rotate(-45deg) scale(1); -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1); border-color:#fff; }
.btn-radio input[type="radio"] + label:before {border:2px solid var(--default); content: ""; display: inline-block; width:20px; height: 20px; left: 0; position: absolute; top:0px; border-radius:50%; background:#fff; }
.btn-checkbox input[type="checkbox"] + label:hover:before, .btn-radio input[type="radio"] + label:hover:before { border-color:var(--default); }
.btn-radio input[type="radio"]:checked + label:before { border-color:var(--default); }
.btn-radio input[type="radio"] + label:after { width:11px; height:11px; display:inline-block; position:absolute; top:19px; left:7px; line-height:0; background:var(--default); content:''; border-radius:50%; -ms-transition-duration:0.2s; -webkit-transition-duration:0.2s; transition-duration:0.2s; -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); }
.btn-radio input[type="radio"]:checked + label:after { -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); }
.btn-radio input[type="radio"]:disabled + label, .btn-checkbox input[type="checkbox"]:disabled + label { opacity: 0.5; }
.checkbox-inline, .radio-inline { padding:0 20px 15px 0; }
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top:0; margin-left:0; }


/*Header and Footer Start*/
#header {position: fixed; top: 0; left: 0; width: 100%; z-index: 100; padding:0; transition: 800ms;}
#header.affix {background:var(--default); box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);}
.navbar-brand {width: 180px; padding:20px 0; margin: 0 0 0 20px}

#header.affix .navbar-brand {padding:10px 30px 10px 0; }
.login-btn {position: absolute; top:30px; right:0; border-radius: 30px 0 0 30px; text-align: left; padding:15px 100px 15px 30px; z-index: 1;}
/*.is-sticky .navbar-brand {padding:15px 0;}
.is-sticky .login-btn {top:50px;}
#header.is-sticky.affix .login-btn {top:37px;}
#header.is-sticky .navbar > .nav-item > .dropdown-menu {top:110px;}
#header.is-sticky.affix .navbar > .nav-item > .dropdown-menu {top:90px;}
.header-top .btn-hide {text-decoration: underline; color: var(--white); display: inline-block; margin-left: 5px;}*/

#header.affix .login-btn { top: 8px;}
#header.affix .login-btn img {margin-top: -4px;}
#header .login-btn img { width:12px;}
.btn.login-btn:hover {padding-right: 120px;}
.btn.login-btn:hover, .btn.login-btn:focus, .btn.login-btn:not(:disabled):not(.disabled).active, .btn.login-btn:not(:disabled):not(.disabled):active, .btn.login-btn:not(:disabled):not(.disabled).active:focus, .btn.login-btn:not(:disabled):not(.disabled):active:focus, .show > .btn.login-btn.dropdown-toggle:focus { transform: none;}

.header-top{color: var(--white); position: absolute; z-index: 10; top: 120px; width: 100%; font-size: 1.1rem;}
.header-top .rich-text {position: relative; margin: 0 auto; background-color: var(--default); overflow: hidden; border-radius: 40px; padding: 8px 150px; font-family:var(--medium); max-width:900px;}
.header-top .rich-text:before, .header-top .rich-text:after {content:''; width: 150px; height: 150px; background:url(images/texture-white.png) center left; background-size:200%; position: absolute; top:0; margin:-75px 0 0; z-index:1;}
.header-top .rich-text:before {left: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.header-top .rich-text:after {right: 0;}



#header .navbar {padding:0 0 0 5rem; position: relative; z-index: 3;}
#header.affix .navbar {padding:5px 0 0 5rem;}
#header .navbar>.nav-item {margin-right: 5px;}
#header .navbar>.nav-item>.nav-link { color: var(--white); font-size: 1.2rem; padding:40px; border-radius:30px 30px 0 0; font-family: var(--medium); cursor: pointer;}
#header.affix .navbar>.nav-item>.nav-link {padding:15px 40px; border-radius: 40px;}
#header.affix .navbar>.nav-item.current-menu-parent>.nav-link, #header.affix .navbar>.nav-item.dropdown.current-menu-parent:hover>.nav-link, #header.affix .navbar>.nav-item.current-menu-parent>.nav-link:hover, #header .navbar>.nav-item.current-menu-parent>.nav-link {background: #f8f8f8; color: var(--default); padding:15px 40px; border-radius: 30px;}
#header .navbar > .nav-item.dropdown.current-menu-parent > .nav-link::after {background: url(images/arrow-down-dark.png) no-repeat center; }
#header .navbar>.nav-item.current-menu-parent>.nav-link:hover, #header .navbar>.nav-item.dropdown.current-menu-parent:hover>.nav-link {padding:40px; border-radius: 30px;}
#header .navbar>.nav-item.show>.nav-link {padding:40px; border-radius:30px 30px 0 0;}
#header.affix .navbar>.nav-item.show>.nav-link {padding:15px 40px;}
#header .navbar>.nav-item>.nav-link:hover, #header .navbar>.nav-item:hover>.nav-link, #header .navbar>.nav-item.show>.nav-link { background: #f8f8f8; color: var(--default);}
#header .navbar>.nav-item.dropdown>.nav-link:after { content: ''; display: inline-block; width:15px; height: 15px; background: url(images/arrow-down-white.png) no-repeat center; margin:-2px 0 0 10px; transition-duration: 0.4s; border: none; vertical-align: middle;}
#header .navbar>.nav-item.dropdown:hover>.nav-link:after, #header .navbar>.nav-item.show>.nav-link:after { transform:rotate(-180deg); background: url(images/arrow-down-dark.png) no-repeat center; }
#header.affix .navbar>.nav-item>.nav-link:hover, #header.affix .navbar>.nav-item:hover>.nav-link {background:var(--white);}
#header.is-home .navbar>.nav-item>.nav-link {color: var(--default);}
#header.is-home .navbar>.nav-item.dropdown>.nav-link:after {background: url(images/arrow-down.png) no-repeat center;}
#header.is-home.affix {background:rgba(255,255,255,0.9)}



.backdrop {background: rgba(0,0,0,0.6); position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index:2; display: block; visibility: hidden; opacity: 0; transition-duration: 0.4s;}
.backdrop.open {opacity: 1; visibility: visible;}

#header .navbar > .nav-item>.dropdown-menu {min-width: inherit; min-height: 260px; width: 1100px; border-radius: 30px; overflow: hidden; padding:10px 405px 10px 10px; position: fixed; top: 80px; left: 50%; margin:0 0 0 -550px; border: none; transition-duration: 0.4s; -ms-flex-wrap: wrap; flex-wrap: wrap; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}
#header .navbar > .nav-item>.dropdown-menu>.dropdown-item {width:calc(50% - 10px); text-align: left; white-space:normal !important; padding:20px; color: var(--default); margin: 5px; border-radius: 20px;}

#header .navbar > .nav-item>.dropdown-menu>.with-img {width:380px !important; height: calc(100% - 30px); top:15px; right:15px; position: absolute; background-color: #f2f2f2; margin: 0; overflow: hidden;}
#header .navbar > .nav-item>.dropdown-menu>.with-img .menu-image-title {position: absolute; bottom: 0; right: 0; background: url(images/texture-white.png) no-repeat center
#ffb734; background-size: auto; background-size: cover; padding:20px 20px 20px 40px !important; width: 70%; border-radius: 60px 0 0 60px; font-size: 1.8rem; font-family: var(--bold); color:
#333; line-height: 1.2;}
#header .navbar > .nav-item>.dropdown-menu>.with-img .menu-image, .video-card img, .sec-slider .sec-pic img, .sec-icon-text .bg-image {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-object-fit: cover; -o-object-fit: cover; object-fit: cover;}
.menu-image-title { padding:0 !important; font-family: var(--bold); display: inline-block; font-size: 1.2rem; vertical-align: middle;}
.menu-item-description {margin: 0; font-size: .9rem; line-height: 1.4;}


.menu-image-hover-wrapper img.hovered-image, .menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title { width:28px; margin:0 10px 0 0 !important; padding: 0 !important; display:inline-block !important; vertical-align: middle;}

.menu-image-hover-wrapper img.hovered-image {display: none !important;}
.menu-item:hover .menu-image-hover-wrapper img.menu-image { opacity: 1 !important}
.menu-item:hover img.hovered-image {opacity:0 !important;}

#header.affix .navbar > .nav-item>.dropdown-menu { top: 60px;}	
#header .navbar > .nav-item>.dropdown-menu>.dropdown-item.active, #header .navbar > .nav-item>.dropdown-menu>.dropdown-item.active:hover {color: var(--white); background: var(--pink);}

#header .navbar > .nav-item>.dropdown-menu>.dropdown-item.active .menu-image-title, #header .navbar > .nav-item>.dropdown-menu>.dropdown-item.active:hover .menu-image-title {color: var(--white);}

#header .navbar > .nav-item>.dropdown-menu>.dropdown-item.active .menu-image-hover-wrapper img.hovered-image, #header .navbar > .nav-item>.dropdown-menu>.dropdown-item.active:hover .menu-image-hover-wrapper img.hovered-image {display: block !important; opacity: 1 !important;}

#header .navbar > .nav-item>.dropdown-menu>.dropdown-item.active .menu-image-hover-wrapper img.menu-image, #header .navbar > .nav-item>.dropdown-menu>.dropdown-item.active:hover .menu-image-hover-wrapper img.menu-image {display: none !important; opacity: 0 !important;}




#header .navbar > .nav-item>.dropdown-menu>.dropdown-item:hover, #header .navbar > .nav-item>.dropdown-menu>.dropdown-item:active {color: var(--default); background:var(--light-grey);}

/*.menu-banner { display: block; height: 100%;}
.menu-banner-img {position: relative; overflow: hidden; height: 100%; border-radius: 30px; background-color: #f2f2f2;}
.menu-banner:hover .menu-banner-img img {transform: scale(1.05);}
.menu-banner-text { position: absolute; bottom: 0; right: 0; background:url(images/texture-white.png) no-repeat center #ffb734; background-size:cover; padding:30px 50px; width: 70%; border-radius: 60px 0 0 60px; font-size: 1.8rem; font-family: var(--bold); color: #333; line-height: 1.2;}

.menu-list {margin:0 -10px; padding: 20px 20px 0;}
.menu-list [class*="col-"] {padding:0 10px;}
.menu-tiles {border-radius: 20px; padding: 20px; display: block; margin-bottom: 20px; color: #a3a3a3;}
.menu-tiles:hover {background: #f2f2f2;}
.menu-tiles h4 { margin: 0; font-family: var(--bold); color: var(--default); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}  
.menu-tiles p {margin:.5rem 0 0; font-family: var(--medium); line-height: 1.2} 
.mm-icon {height: 30px; overflow: hidden; margin-right: 5px; width: 30px;}
.menu-tiles.active .mm-icon img { margin-top: -30px;}
.menu-tiles.active {color: var(--white); background: var(--pink);}
.menu-tiles.active h4 {color: var(--white);}*/



#footer {background: #fff; position: relative; background-image: url(images/footer-bg1.jpg), url(images/footer-bg2.jpg); background-repeat: no-repeat; background-position: right bottom, left bottom; padding: 4rem 0 0; background-size:400px,400px }
.footer-title { font-family: var(--regular); margin: 0 0 1rem;}
.footer-nav ul { margin: 0; padding: 0; list-style: none;}
.footer-nav li a {color:var(--default); font-size:1rem; display: block; padding:.3rem 0; background: url(images/arrow-right.png) no-repeat -15px center; background-size:15px; }
.footer-nav li a:hover { background-position: 0 center; padding-left: 20px;}

.col-social { font-size: 0.9rem;}
.col-social p { margin: 0 0 .5rem;}
.footer-logo {display: inline-block; position: relative; top: -20px;}
.social-link a {color: var(--default); font-size: 1.3rem; display: inline-block; width: 40px; height:40px; line-height:40px; text-align: center; border-radius: 100%;}
.social-link a:hover {background:#ddd}

.footer-bottom:before {content: ''; width: 20%; height: 100%; background: var(--pink); position: absolute; bottom: 0; left: 0;}
.copyright {background: var(--pink); color: var(--white); display: inline-block; padding: .4rem 2rem .4rem 1rem;; border-radius:0 60px 0 0; position: relative; z-index: 1; font-size: .825rem;}
.copyright a {color: var(--white);}
.copyright a:hover{ text-decoration: underline;}
/*Header and Footer End*/
.card-store-image img, .card-merchant-image img, .menu-banner-img img, .top-banner>img  {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-object-fit: cover; -o-object-fit: cover; object-fit: cover; transition-duration: 0.2s;}

#home-slider, .main-banner, .main-banner .owl-item, .main-banner .item, .main-banner .owl-stage, .main-banner .owl-stage-outer {position: relative; width: 100%; height: 100%; }

.slide-img {position: absolute; height: 100%;}
.slide-img-left {  top: 0; left: 0; }
.slide-img-right {bottom: 0; right: 0;}
.slide-img img { height:100%;}

.home_banner .item {position:relative; background-color: #fff;}
.slide-caption {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.slide-text {width: 100%; font-size:1.5rem; max-width: 680px; margin:80px auto 0;}
.slide-text h2 {font-family:var(--light); font-size: 4rem; margin:0 0 1rem; line-height:1;}
.slide-text p {margin: 0 0 1rem;}
.slide-text .btn {padding:.8rem 2rem; text-shadow: none; margin: 3rem 0 0; font-family: var(--bold); font-size: 1.2rem; background-color: var(--pink); color: var(--white) !important;}
.slide-text .btn:before, .slide-text .btn:after { content: ''; width: 20px; height: 20px; display: inline-block; vertical-align: middle;}
.slide-text .btn:before { background: url(images/arrow-down-white.png) no-repeat center; margin-right: 10px; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.slide-text .btn:after { background: url(images/arrow-down-white.png) no-repeat center; margin-left: 10px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}




.home_banner .owl-item.active .slide-text h2, .home_banner .owl-item.active .slide-text p, .home_banner .owl-item.active .slide-text .btn {opacity: 1; top: 0;-webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1) ease-in; transition-timing-function: cubic-bezier(0.42, 0, 1, 1) ease-in;}
.home_banner .owl-item.active .slide-text h2 {-webkit-animation: animateOne 1600ms; animation: animateOne 1600ms; }
.home_banner .owl-item.active .slide-text p {-webkit-animation: animateTwo 2000ms; animation: animateTwo 2000ms;}
.home_banner .owl-item.active .slide-text .btn {-webkit-animation: animateThree 2600ms; animation: animateThree 2600ms;}
.home_banner .owl-item.active .slide-img-left {-webkit-animation: ImageLeft 1000ms; animation: ImageLeft 1000ms;}
.home_banner .owl-item.active .slide-img-right {-webkit-animation: ImageRight 1000ms; animation: ImageRight 1000ms;}

.home_banner .owl-dots { position: absolute; bottom: 0; left: 0;}
.home_banner .owl-dots .owl-dot span { overflow: hidden;}
.home_banner .owl-dots .owl-dot span:before{background:var(--pink); position: absolute; top: 0; left: 0; content: ''; -webkit-transition: width 6s ease 0s, left 6s ease 0s; transition: width 6s ease 0s, left 6s ease 0s; width: 0; height: 100%; opacity: 0; border-radius:30px;}
.home_banner .owl-dots .owl-dot.active span {background-color: #ccc;}
.home_banner .owl-dots .owl-dot.active span:before { width:100%; opacity: 1;}


@-webkit-keyframes animateOne {
  0% {top: translateY(100px); opacity: 0}
  50% {transform: translateY(100px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1}
}
@keyframes animateOne {
  0% {top: translateY(100px); opacity: 0}
  50% {transform: translateY(100px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1}
}
@-webkit-keyframes animateTwo {
  0% {top: translateY(50px); opacity: 0}
  50% {transform: translateY(50px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1}
}
@keyframes animateTwo {
  0% {top: translateY(50px); opacity: 0}
  50% {transform: translateY(50px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1}
}
@-webkit-keyframes animateThree {
  0% {top: translateY(70px); opacity: 0}
  50% {transform: translateY(70px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1}
}
@keyframes animateThree {
  0% {top: translateY(70px); opacity: 0}
  50% {transform: translateY(70px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1}
}
@-webkit-keyframes ImageLeft {
  0% {top: translate(-70px, -70px); opacity: 0}
  50% {transform: translate(-70px, -70px); opacity: 0;}
  100% {transform: translate(0, 0); opacity: 1}
}
@keyframes ImageLeft {
  0% {top: translate(-70px, -70px); opacity: 0}
  50% {transform: translate(-70px, -70px); opacity: 0;}
  100% {transform: translate(0, 0); opacity: 1}
}
@-webkit-keyframes ImageRight {
  0% {top: translate(70px, 70px); opacity: 0}
  50% {transform: translate(70px, 70px); opacity: 0;}
  100% {transform: translate(0, 0); opacity: 1}
}
@keyframes ImageRight {
  0% {top: translate(70px, 70px); opacity: 0}
  50% {transform: translate(70px, 70px); opacity: 0;}
  100% {transform: translate(0, 0); opacity: 1}
}

.head-title { margin-bottom:3rem !important; max-width: 700px;}
.head-title .title, .head-title h2 { margin:0; font-family: var(--bold);}
.head-title h5 {font-family: var(--regular);}

.head-title p {margin: 1rem 0 0;}
.cat-navtab {margin: 3rem 0;}
.cat-navtab .nav {position: relative;}
.cat-navtab .nav-item { margin: 0 .2rem; position: relative; z-index: 2;}
.cat-navtab .nav-link { text-transform: uppercase; font-size: 0.9rem; font-family: var(--bold); border-radius: 30px; color: #657f99; padding:0 1.5rem 0 .6rem; line-height: 54px; letter-spacing: 0.1rem;}
.cat-navtab .nav-link .navtab-icon { display: inline-block; margin-right: 5px; vertical-align: middle; position: relative;}
.cat-navtab .nav-link .navtab-icon:before {content: ''; width: 40px; height: 40px; background: #f3f6f9; border-radius: 100%; position: absolute; top:5px; left:5px;}
.cat-navtab .nav-link .icon {width: 50px; height: 50px; overflow: hidden; display: block; position: relative; z-index: 2;}
.cat-navtab .nav-link.active {background:none; color: var(--default);}
/*.cat-navtab .nav-link.active .navtab-icon:before {background: rgba(255,255,255,0.2);}
.cat-navtab .nav-link.active .icon img {margin-top: -50px;}*/

.cta-all .btn {text-transform: uppercase; letter-spacing: 0.1rem; font-family: var(--bold);}

.sec-store .tab-content > .tab-pane {height: 0; opacity: 0; display: block !important; visibility: hidden; overflow: hidden;}
.sec-store .tab-content > .tab-pane.active {height:auto; opacity: 1; visibility: visible;}
.sec-store .fade {transition: opacity .50s linear;}

.shop-cat-nav { padding: 20px 0; box-shadow:0 0 20px 0 rgba(0,0,0,0.1); margin:0 0 30px; position: -webkit-sticky; position: sticky; top: 72px; background: #fff; z-index: 98;}
.shop-cat-nav .cat-navtab {margin: 0;}
.auto-search .dropdown-menu { width: 100%; border-radius: 0; padding: 0; margin: 0;}
.auto-search .dropdown-item {padding:10px 15px;}

.filter-dropdown {padding:20px 20px 10px; margin: 0;}
.cat-dropdown .btn {transform: none !important; width: 160px;}
.dropdown-label { font-size:0.725rem; text-transform: uppercase; font-family: var(--bold); letter-spacing: 0.1rem; color: #657f99;}
.cat-dropdown .dropdown-menu { padding: 0; min-width: inherit; margin: 10px 0;}
.cat-dropdown .cat-navtab .nav-item {margin: 0;}
.cat-dropdown .cat-navtab .nav-link { padding: 6px 15px; white-space: nowrap; line-height: 30px;}
.cat-dropdown .cat-navtab .nav-link .icon {width:30px; height: 30px;}
.cat-dropdown .cat-navtab .nav-link .navtab-icon::before { display: none;}

.cat-carousel.owl-carousel .owl-stage-outer { margin-left:-250px;}

.tab-filter {position: -webkit-sticky; position: sticky; top: 69px; background: #fff; z-index: 98; box-shadow:0 0px 5px 0px rgba(0,0,0,.1); padding: 10px 0;}
.newest-tag { background:var(--pink); color: var(--white); text-transform: uppercase; position: absolute; top: 45px; left: 35px; z-index: 2; font-family: var(--bold); min-width: 88px; border-radius: 8px; line-height: 33px; }
.card-store-offer { background: rgba(0,0,0,0.5); border: 1px solid var(--white); color: var(--white); border-radius: 25px; padding: 0; line-height: 33px; font-family: var(--bold); text-transform: uppercase; font-size: 0.875rem; margin: -115px auto 0; position:absolute; left: 0; right: 0; z-index: 1; overflow: hidden; width: 135px; }
.card-store-content img { display: inline-block; vertical-align: baseline; }
.card-store-content { color: var(--default); font-family: var(--medium); margin: 15px 0; }

.animate-menu {position:relative;}
.animate-menu .animate-block {position:absolute; left:0; top:0; z-index:1; height:100%; border-radius: 40px; border: solid 2px #657f99;}
.card-store {display: block; margin: 25px 0; }
.card-store-image {border-radius: 50%; width: 100%; padding-bottom: 100%; background-color:#ddd; overflow: hidden; position: relative; border: solid 1px #f2f2f2;}
.card-store-image:before, .card-store-image:after { opacity:0; visibility: hidden; transition-duration: 0.4s; }
.card-store-image:before { position:absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(55,73,104,0.6); z-index: 1; border-radius: 100%; }
.card-store-image:after { position:absolute; content: ''; left: 50%; top: 50%; margin: -39px 0 0 -39px; width: 77px; height: 77px; background:url("images/visit-icon.png") no-repeat; z-index: 2; }
.card-store:hover .card-store-image img {transform: scale(1.05);}
.card-store:hover .card-store-image:before, .card-store:hover .card-store-image:after { opacity:1; visibility: visible; }
.card-store-logo {max-width: 220px; border-radius: 60px; border:solid 1px var(--default); margin: -60px auto 0; position: relative; z-index: 1; overflow: hidden; padding: .5rem 2rem; background: var(--white); transition-duration: 0.2s;}

.ad_listing .card-store-image {border-radius:0; padding:0;}
.ad_listing .card-store-image img {position:static; width:auto; height:auto;}
.ad_listing .card-store-image:before, .ad_listing .card-store-image:after { display:none;}
.ad_listing .card-store:hover .card-store-image img {transform: scale(1)}

.view-all {margin-top: 4rem;}

.total-count { font-family: var(--bold); font-size: 1.375rem; }
.search-sec { position: relative; min-width: 370px;}
.search-sec .form-control { text-transform:none; background-color: transparent; font-family: var(--medium); border: none; border-bottom: 1px solid var(--default); padding-left: 40px; border-radius: 0; text-overflow: ellipsis;}
.search-sec .fa { position:absolute; color: var(--pink); top: 15px; left: 10px; font-size: 1.3rem; }

.filter-sec { text-align:right; /*background:url(images/sort.svg) no-repeat center left; background-size:30px; padding-left:30px; */}
.filter-sec a { display:inline-block; vertical-align: top; font-size: 1.3rem; color:var(--default); position: relative; }
.filter-sec a:hover { color:var(--pink); }
.filter-sec a + a { margin-left:25px; margin-right: 10px; }
.filter-sec a span { position:absolute; top: 3px; right: -10px; border-radius: 100%; width: 16px; height: 16px; line-height: 16px; background:var(--pink); color: var(--white); text-align: center; font-family: var(--bold); font-size: 11px; }
.filter-sec select {height:40px;}


.featured-deals .head-title { margin-bottom: 1.2rem !important;}
.sec-slider .item {}
.sec-slider .item a { display:block; position: relative; margin:20px 0 0;}
.sec-slider .badge { background:var(--pink); color:var(--white); position:absolute; top:-12px; right:20px; z-index:2; text-transform:uppercase; text-transform: uppercase;
border-radius: 10px; padding: 6px 15px; letter-spacing: 1px;}
.sec-slider .sec-pic {position: relative; padding-bottom:60%; overflow: hidden; background:var(--default); border-radius:35px;}
.sec-slider .sec-pic img {opacity:0.3; transition-duration:0.4s;}
.sec-slider .item a:hover .sec-pic img {opacity:0.1;}
.sec-slider .slider-cont {position:absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 3; text-align: center;}
.slider-cont-text, .sec-slider .slider-cont .store-logo {margin:0; width: 100%;}
.slider-cont-text {padding:0 20px;}
.sec-slider .slider-cont .store-logo figure {padding: 5px 10px; border-radius:6px; background: var(--white); display: inline-block; margin: 0;}
.sec-slider .slider-cont .store-logo figure img {max-width: 180px;}
.sec-slider .slider-cont {color: var(--white); font-family: var(--bold); font-size: 1rem; text-transform: uppercase; line-height: 1.2;}
.sec-slider .slider-cont p {margin: 0;}
.sec-slider .slider-cont strong {font-size: 2.5rem;}

.load-more-div {margin-top: 40px}
.load-more-div .btn {min-width: 400px; min-height:53px;}
.load-more-div .btn img {width: 35px;}

.filter-selected { position:relative; }
.filter-selected a { display:inline-block; margin-right: 10px; margin-bottom: 10px; background: #c2d0e8; color: #8897b2; text-transform: uppercase; line-height: 40px; border-radius: 50px; font-family: var(--bold); padding: 0 1rem; }
.filter-selected a:hover { background: var(--default); color: var(--white); }

.sec-merchant {background: url(images/texture.png) no-repeat top center;}
.merchant-list {position: relative;}
.card-merchant {display: block; max-width:280px; position: relative; overflow: hidden; border-radius: 150px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); margin:20px auto;}
.merchant-list .owl-item:nth-child(even) {margin-top: 70px;}
.merchant-list .owl-carousel .owl-nav .owl-next, .merchant-list .owl-carousel .owl-nav .owl-prev {font-size: 1rem; font-family: var(--medium); line-height:80px; white-space: nowrap;}
/*.merchant-list .owl-carousel .owl-nav .owl-next:before, .merchant-list .owl-carousel .owl-nav .owl-prev:before {content:''; width: 50px; height: 50px; background: url(images/ctrl-arrow.png)no-repeat 0 0; position: absolute; top: 15px; background-size:100px; transition-duration: 0.4s;}*/

.merchant-list .owl-carousel {padding: 0 155px;}
.merchant-list .owl-carousel .owl-nav .owl-prev { text-align: right; padding: 0 50px 0 0;}
.merchant-list .owl-carousel .owl-nav .owl-prev:before { right:0; background-position: 0px center;}
.merchant-list .owl-carousel .owl-nav .owl-prev:hover:before {background-position:-5px center;}
.merchant-list .owl-carousel .owl-nav .owl-next { padding: 0 0 0 50px;}
.merchant-list .owl-carousel .owl-nav .owl-next:before { left:0; background-position: -50px center;}
.merchant-list .owl-carousel .owl-nav .owl-next:hover:before {background-position: -45px center;}
.merchant-list .owl-carousel .owl-nav .disabled {display: none;}

.card-merchant-image {height: 400px; padding-bottom: 200%; overflow: hidden; position: relative; background-color: #999;}
.card-merchant-logo {position: absolute; bottom:0; left: 0; text-align: center; width: 100%; padding-bottom: 30px;}
.circle-logo {background: #fff; border-radius: 50%; width:160px; height: 160px; margin: 0 auto; box-shadow: 0 0 0 60px rgba(255,255,255,0.2); transition-duration: 0.8s; padding:15px; overflow: hidden; border: solid 1px #ddd;}
.scroll-lable { background: url(images/arrow-right.jpg) no-repeat 0 center; font-size: 1.2rem; position: absolute; top: 50%; right: 0; padding-left: 50px; font-family: var(--medium);}
.card-merchant-text {position: absolute; bottom: -50px; left: 0; width: 100%; height: 100%; background: #2f3746; color:var(--white); text-align: center; font-size: 1rem; padding: 1rem 1rem 200px; line-height: 1.4; opacity: 0; visibility: hidden; transition-duration: 0.5s;}
.merchant-text img { display: inline-block; vertical-align: baseline;}
.card-merchant:hover .card-merchant-text { opacity: 1; visibility: visible; bottom:0;}
.card-merchant:hover .card-merchant-logo .circle-logo {box-shadow: 0 0 0 80px rgba(255,255,255,0.1);}
.card-merchant:hover .card-merchant-image img { transform: scale(1.1);}


.sec-with-img {position: relative; background-image:url(images/texture.png); background-repeat: no-repeat;}
.sec-with-img.img-left {padding-right: 230px; background-position:calc(100% + 300px) center;}
.sec-with-img.img-right {padding-left: 230px; background-position:calc(0% - 300px) center;}
.sec-with-img.img-right .rich-img { text-align: right;}
.sec-with-img .rich-img {min-width: 460px; margin: 0; max-width: 460px;}
.sec-with-img .rich-text { max-width: 1000px; margin: 0 auto; position: relative; z-index: 2;}

.sec-with-img.with-texture {background-image:url(images/texture.png), url(images/texture.png); background-repeat: no-repeat; background-position:-300px center, right top;}
.sec-with-img.with-texture.img-left {background-position:calc(100% + 300px) center, left top;}


/*.sec-about { background:url(images/texture.png) no-repeat calc(100% + 250px) center #fbfbfb; position: relative; padding-right: 230px;}
.sec-about .about-img {min-width: 460px;}
.sec-about .about-text {width: 100%;}
.sec-about .head-title {max-width: 640px;}*/

.accordion-ui .card {border-radius:20px; -webkit-transition-duration:0.4s; transition-duration:0.4s; box-shadow:none; border:solid 1px #ddd;}
.accordion-ui .card.active {opacity: 1; background: #fff; box-shadow: 0 0 10px 5px rgba(0,0,0,0.06);}
.accordion-ui .card-header {padding: 0; background: none; border: none; border-radius: 0;}
.accordion-ui .card-header .btn { width: 100%; text-align:left; border-radius: 0; padding:1rem 3rem 1rem 2rem; background: none; color: var(--default); font-size: 1.2rem; border: none; position: relative; white-space: normal; }
.accordion-ui .card.active .card-header .btn {color: var(--pink);}
.accordion-ui .card-header .btn, .accordion-ui .card-header .btn:hover, .accordion-ui .card-header .btn:focus, .accordion-ui .card-header .btn:not(:disabled):not(.disabled):active { transform:none; box-shadow:none;}
.accordion-ui .card-header .btn:after {content:''; position: absolute; top:50%; margin: -8px 0 0; right: 20px; width: 15px; height: 15px; -webkit-transition-duration:0.4s; transition-duration:0.4s; background: url(images/arrow-down.png) no-repeat center;}
.accordion-ui .card-body {padding:0 2rem 2rem; color: #657f99;}
.accordion-ui .card:last-child .card-header .btn.collapsed { border: none;}
.accordion-ui .card-header .btn.collapsed:after {background: url(images/arrow-right-dark.png) no-repeat center;}
.accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom:solid 1px #ddd; border-radius:20px; margin-top: 10px;}
.accordion .card:not(:first-of-type):not(:last-of-type) {border-bottom:solid 1px #ddd; border-radius: 20px;}
.accordion .card:last-of-type {border-radius: 20px; margin-top: 10px;}

.top-banner {height: 100px; padding-bottom: 390px; background-color:#374968; position: relative; color: var(--white); font-size: 1.3rem; box-shadow: 0 0 30px 20px rgba(0,0,0,0.2);}
.top-banner>img {mix-blend-mode: multiply;}
.top-banner::before {content: ''; width: 100%; height: 100%; background: url(images/texture-white.png) no-repeat right 140px; opacity: 0.4; position: absolute; top: 0; left: 0; z-index: 1; background-size:550px }
.top-banner .caption {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0 40px; z-index: 2;}
.top-banner .caption h1 {margin: 0; font-family:var(--light); font-size: 3.5rem; line-height: 1.4;}
.top-banner .caption p {margin:-.5rem 0 0;}
.banner-cta .btn {min-width: 190px;}
.banner-cta .btn-outline-primary { color: var(--white); }

.legal-conent { font-size: 1rem;}
.legal-conent h2, .legal-conent h3, .legal-conent h4 { font-family: var(--bold); margin-bottom: 20px; }
.legal-conent li {padding-bottom: 15px;}

.legal-conent .container .section {padding:80px 0 0;}

.resource-conent { background:url(images/texture.png) no-repeat -225px 0; }
.faq-sec { background: var(--blu-dark); border-radius: 150px; padding: 2rem 4rem; color: var(--white); margin: 2rem 0; }
.faq-sec p { margin:0; font-family: var(--medium); font-size: 1.5rem; line-height: normal; }
.faq-sec p strong { display:block; font-size: 2rem; margin-bottom: 1rem; font-family: var(--bold); }

.resource-items a { display: block; text-align: center; margin:15px 0; background:var(--white); box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); padding:10px 20px; border-radius: 8px; overflow: hidden;}
.resource-img { position:absolute; left:0; top: 0; }
.resource-items.mkt-items a {padding: 0; text-align: left;}

.loading-sec { font-weight:bold; }
.loading-icon { background:url(images/loading.svg) no-repeat; background-size: cover; width: 35px; height: 35px; display: inline-block; vertical-align: middle; }

.news_list {margin: 50px 0;}
.press-item {border: 1px solid #e8e8e8; transition-duration: 0.4s; padding: 35px; max-width: 515px; margin: auto; border-radius: 35px; position: relative; box-shadow: 0px 0 40px -20px rgba(0,0,0,0.1), 0px 20px 40px -20px rgba(0,0,0,0.1); height: 100%;}
.press-item .sec-pic {border: 1px solid #e8e8e8; border-radius: 100%; width: 100px; height: 100px; overflow: hidden; margin: auto; margin-top: -85px; background-color: var(--white);}
.press-item .sec-pic figure {margin: 0;}
.press-item .tag { position:absolute; background:var(--pink); color:#fff; min-width:80px; text-align:center; border-radius:25px; font-size:1.2rem; line-height:40px; left:-25px; top:-20px; }
.press-item small { display:block; text-transform: uppercase; color: var(--pink); font-family: var(--bold);  }
.press-item small a { color: var(--pink); }
.press-item small a:hover { color: var(--default); }
.press-item .title-md { font-family: var(--bold); line-height: normal; margin: 0.5rem 0; }
.press-item .title-md a { color: var(--default); }
.press-item footer, .press-item footer a { color: var(--light-blue); }
.press-item footer a:hover { color: var(--pink); }
.press-item footer span { display: inline-block; font-size: 0.9rem; line-height: 0.9rem; }
.press-item footer span + span { border-left: 1px solid var(--light-blue); margin-left: 5px; padding-left: 8px; }
.press-item:hover { border-color: #e8e8e8; }

.were-hiring { color: var(--white); min-height: 450px; position: relative; }
.were-hiring:before { position:absolute; content: ''; width: 100%; height: 100%; left: 0; top:0; background: rgba(230,0,137,0.8); z-index: 1; }
.were-hiring .container { position:relative; z-index: 2; }
.were-hiring .title-lg { font-family: var(--bold); font-size:4rem; }
.were-hiring p { font-size:1.5rem; }
.schedule-demo { background: url(images/texture.png) no-repeat right -70px var(--default); color: var(--white); min-height: 375px; }
.schedule-demo .title-lg { font-size:3rem; font-weight: 300; font-family: var(--light); margin: 0 0 25px;}

.about-header { max-width:800px;}

.about-sec .rich-img  {position: absolute; top: 50px; right: 0; width: 22%; min-width: inherit; max-width: inherit;}
.about-sec .way-buy {margin:180px auto 0;}
.way-buy {margin:180px -300px 0 auto;}
.way-buy .about-feature { max-width: 250px; margin:0 auto;}

.about-feature h3 {margin:0 0 10px; font-size: 20px;}
.about-feature .sec-pic img {max-width: 100px;} 

.platform-inspired .head-title  {max-width: 800px;}
.middle-cta .btn {z-index: 2;}


.how-works { background:url(images/texture.png) no-repeat -150px 0;}
.how-works .container { position: relative; }
.how-works .nav-tabs { border: none; position: relative; top: 65px; z-index: 2;}
.how-works .nav-tabs .nav-item {margin-right: 33px;}
.how-works .nav-tabs .nav-item:last-child {margin-right:0;}
.how-works .nav-tabs .nav-link { border: none; border-top-left-radius: 0; border-top-right-radius: 0; color: var(--sky-blue); font-family: var(--bold); font-size: 1.2rem; background: url("images/grey-arrow-right.png") no-repeat right center; padding:.5rem 40px .5rem 0; margin: 0; text-align: left;}
.how-works .nav-tabs .nav-item:last-child .nav-link {background: none; padding-right: 0; margin-right: 0;}
.how-works .nav-tabs .nav-link .num { width:50px; height: 50px; border-radius: 100px; line-height: 50px; font-size: 1.5rem; background-color: var(--sky-blue); color: var(--white); display: inline-block; text-align: center; }
.how-works .nav-tabs .nav-item.show .nav-link, .how-works .nav-tabs .nav-link.active { color: var(--pink); background-color:transparent; border-color:transparent; }
.how-works .nav-tabs .nav-item.show .nav-link .num, .how-works .nav-tabs .nav-link.active .num { background-color:var(--pink); }
.how-work-content {padding:30px 0 0;}
.how-work-content h2 { font-size: 1.5rem; font-family: var(--bold); }
.how-work-content p { font-size: 1.25rem; font-family: var(--medium); margin-bottom: 25px; }
.how-works .sec-pic { max-width:505px; }

.how-like-us ul {padding: 0; list-style: none; }
.how-like-us li {font-size:1.2rem; font-family: var(--medium);}

.partner-buy h2 { font-family: var(--bold); font-size: 2rem; margin-bottom: 20px; }
.partner-buy p { font-size: 1.4rem; }
.best-partner h3 {font-family: var(--medium);}

.partner-sec { background: none;}
.partner-sec .rich-img {min-width: inherit;}
.partner-sec-cont a, .link-block {display: block; border:2px solid #f3f3f3; border-radius: 5px; overflow: hidden; text-align: center; background: #fff; padding: 5px 10px;}

.process-slider {background: none; text-align: center;}

.knowledge-center-sec { background: var(--pink); border-radius: 150px; padding: 2rem 4rem; color: var(--white);}
.knowledge-center-sec p { margin:0; font-family: var(--medium); font-size: 1.5rem; line-height: normal; }
.knowledge-center-sec p strong { display:block; font-size: 2rem; margin-bottom: 1rem; }

.entry-title { margin:auto; max-width: 975px; }
.entry-title h3 { font-family: var(--bold); font-size: 2rem; margin-bottom: 20px; }
.entry-title p { font-size: 1.4rem; font-family: var(--medium); }
.available-platform .platform-img { background: var(--white); border-radius: 25px; margin: 25px 0;}
.available-platform .platform-img a { display:block; width: 100%; height: 100%; padding:20px;}

.boost-business { background:url(images/texture.png) no-repeat -250px 0; }
.how-work-sec { background:url(images/texture.png) no-repeat calc(100% + 50px) top; }
.work-sec { margin: 150px 0 0 -150px;}
.work-pay-cont { margin: 100px auto; max-width: 650px; }

.larrow, .rarrow { width:27px; height: 20px; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; }
.larrow { background-image:url(images/arrow-left-dark.png); }
.rarrow { background-image:url(images/arrow-right-dark.png); }

.blog-posts header .sec-pic { border-radius: 30px; overflow: hidden; }
.blog-posts footer span { display: inline-block; line-height: 15px; color:var(--light-blue); }
.blog-posts footer span + span { border-left:1px solid var(--default); padding-left: 5px; margin-left: 5px; }
.blog-posts .blog-posts-body { padding:15px 0; }
.blog-posts .blog-posts-body h3 { color:var(--default); font-family:var(--bold); font-size: 1.75rem; margin:0; padding:0 0 15px 0; }
.blog-posts .blog-posts-body a { color:var(--default); }
.blog-posts .blog-posts-body p { margin:0; }
.blog-banner { padding:200px 0 50px 0; background:url(images/texture.png) no-repeat calc(100% + 50px) top; }
.blog-banner .search-sec { min-width:480px; }
.back-link a {color:var(--default); font-family:var(--bold); font-size: 1.2rem; }
.back-link span { display:inline-block; vertical-align: middle; }
.blog-carousel-post .blog-posts { position:relative; }
.blog-carousel-post .blog-posts header { max-width: 60%; }
.blog-carousel-post .blog-posts .blog-posts-sec  { max-width: 40%; }
.blog-carousel-post .blog-posts .blog-posts-body { margin-left: -150px; max-width: 500px; background: #fff; border-radius: 25px; padding: 25px; min-height: 300px; }
.blog-carousel-post .blog-posts .blog-posts-body p { margin-bottom:20px; }
.blog-carousel-post .blog-carousel .owl-item.center { opacity:1; }
.blog-carousel-post .blog-carousel .owl-item { opacity:0.2; }
.blog-sec-content .title-lg, .relatedpost .title-lg { color:var(--default); font-family:var(--bold); font-size: 2rem; margin-bottom: 15px; }
.blog-sec-content .title-md { color:var(--default); font-family:var(--bold); font-size: 1.5rem; margin-bottom: 15px; }
.blog-sec-content .post-materials span { display: inline-block; line-height: 15px; color: var(--light-blue); }
.blog-sec-content .sec-pic { border-radius:35px; overflow: hidden; }
.blog-sec-content .sec-pic img { width:100%; }
.post-content-blog { position: relative; margin: auto; margin: 0 5%; background: #fff; padding: 50px; margin-top: -150px; border-radius: 35px; }
.post-content-blog p, .post-content-blog li { font-size:1.1rem; }
.nav-previous a, .nav-next a { color:var(--default); font-family:var(--bold); font-size: 1.2rem; display: block; line-height: 1; }
.nav-previous a:hover, .nav-next a:hover { color:var(--pink); }
.nav-previous a span { background:url(images/arrow-left-dark.png) no-repeat 5px center; padding-left: 30px; display: block; transition-duration: 0.4s;}
.nav-next a span { background:url(images/arrow-right-dark.png) no-repeat calc(100% - 5px) center ; padding-right: 30px; display: block; transition-duration: 0.4s;}
.nav-previous a:hover span { background-position:left center;}
.nav-next a:hover span { background-position:calc(100% - 0px) center;}

.loader { position: fixed; top: 0; left: 0; z-index: 1000; background: rgba(0,0,0,0.7); width: 100%; height: 100%; color: var(--default);}
.loader span { width: 100px; text-align: center; position: absolute; top:50%; left:50%; margin:-46px 0 0 -50px; background: url(images/loading.svg) no-repeat center 10px #fff; padding: 60px 10px 10px 10px; background-size:50px; border-radius: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
#asl-storelocator.asl-p-cont.asl-bg-1 #panel.storelocator-panel {border-radius:15px; padding: 20px;}

.with-nav .owl-nav .owl-next, .with-nav .owl-nav .owl-prev {position: static; display: inline-block; width: 40px; height: 40px; background-size: 100px !important; vertical-align: middle; background-color: transparent !important; border-radius:0;}
.with-nav .owl-nav .owl-next { background-position: -57px center !important;}
.with-nav .owl-nav .owl-prev { background-position: -5px center !important;}
.with-nav .owl-nav .disabled { opacity: 0.5;}

.btn-cancel {padding: 5px 0; font-family: var(--medium); color: var(--white);}
.btn-cancel i {background:rgba(255,255,255,0.2); width: 30px; height: 30px; line-height: 24px; text-align: center; color: #fff; font-size: 24px; display: inline-block; vertical-align: middle; font-style: normal; border-radius: 100%; margin: 0 5px 0 0;}


.sec-tsmnl { display: table; width: 100%;}
.sec-tsmnl .rich-img { min-width: 460px; display: table-cell; vertical-align: middle;}
.sec-tsmnl .rich-container {display:table-cell; vertical-align: middle; min-width: 100%;}

.item-tsmnl {font-family: var(--bold); font-size:24px; line-height: 1.4; max-width: 650px; margin: 0 auto; text-align: center; }
.item-tsmnl p {margin: 30px 0; }
#logos .owl-item { transition-duration: 0.4s; opacity: 0.4; cursor: pointer;}
#logos .owl-item.current { opacity:1; }

.thumbnail-slider-container .owl-carousel.owl-drag .owl-item { opacity:0.2; }
.thumbnail-slider-container .owl-carousel.owl-drag .owl-item.center, .patsec .thumbnail-slider-container .owl-carousel.owl-drag .owl-item { opacity:1; }
.patsec .thumbnail-slider-container .item { border: 1px solid #e2e2e2; border-radius: 5px; margin: 0 4%; }
.partner-heading p {font-size:1.5rem; font-family: var(--regular); line-height: normal; margin: 0; }
.patsec div#thumbnailSlider { overflow: hidden; }
.patsec div#thumbnailSlider .owl-stage-outer { margin-left: -20%; }

.faq-cat .cat-navtab .nav-link { padding: 0 1.5rem; }
.know_center { max-width:900px; margin: auto; }


.landing-banner {padding-bottom: 600px;}
.landing-banner p { margin:0;}
.landing-banner:before {display: none;}
.landing-banner .caption-text { max-width: 650px;}
.landing-banner.top-banner .caption h1 {line-height: 1.4; margin: 0 0 1.6rem}
.landing-banner h1 img {display: inline-block; vertical-align: text-top;}
.sticky-nav {margin-top:-45px; position: relative; z-index:2;}
.sticky-nav .nav {background:var(--pink); padding:1rem 1.5rem; border-radius: 80px;}
.sticky-nav .nav .nav-link {color:var(--white); border-radius: 50px; padding: .8rem .5rem;}
.sticky-nav .nav .nav-link:hover {background: var(--default);}

.sec-video {background: url(images/texture.png) no-repeat calc(100% + 100px) 0;}
.sec-video .head-title img {vertical-align: baseline;}

.step-tabs {border: none;}
.step-tabs .nav-item { transition-duration: 0.4s;}
.step-tabs .nav-item {margin-right: 25px;}
.step-tabs .nav-item:last-child {margin-right:0;}
.step-tabs .nav-link { border: none; border-top-left-radius: 0; border-top-right-radius: 0; color: var(--sky-blue); font-family: var(--medium); font-size: 1.5rem; background: url("images/grey-arrow-right.png") no-repeat right center; padding:.5rem 35px .5rem 0; margin:0; }
.step-tabs .nav-link .num { width:50px; height: 50px; border-radius: 100px; line-height: 50px; font-size: 1.5rem; background-color: var(--sky-blue); color: var(--white); display: inline-block; text-align: center; vertical-align: middle;}
.step-tabs .nav-item.show .nav-link, .step-tabs .nav-link.active { color: var(--pink); background-color:transparent; border-color:transparent;}
.step-tabs .nav-item.show .nav-link .num, .step-tabs .nav-link.active .num { background-color:var(--pink); }
.step-tabs .nav-item:last-child .nav-link {background: none; padding-right: 0; margin-right: 0;}


.sec-video .tab-pane {max-width: 700px; margin: 0 auto; font-size: 1.2rem;}
.video-card {display: block; height: 100px; padding-bottom:55%; border-radius: 40px; overflow: hidden; position: relative; background-size:180%; background-color:var(--default); background-position: center; background-repeat: no-repeat;}
.video-card img {opacity:0.5;}
.video-card:before { content:'\f144'; font-size:60px; color:var(--white); font-family:'FontAwesome'; position:absolute; top:50%; left:50%; height:50px; width:50px; z-index:2; line-height:50px; margin:-25px 0 0 -25px; transition-duration:0.4s;}
.video-card:hover:before {transform:scale(1.2);}

.video-card .btn-play { position: absolute; top: 0; left: 0; background: rgba(43,60,89,0.6); color: #bbc0ca; font-size: 4rem; transition-duration: 0.4s;}
.video-card .btn-play:hover {color: var(--white); font-size: 5rem; background: rgba(43,60,89,0.8);}
.video-modal .modal-dialog {margin: 4rem auto 1rem; max-width: 70%;}
.video-modal .modal-content {background:#000; border: none; border-radius: 10px;}
.video-modal .modal-content p {margin:0;}
.video-modal .modal-body {position: relative; padding: 0; border: 4px solid var(--pink); border-radius: 10px; overflow: hidden;}
.video-modal .close {position: absolute; top: -20px; right: -20px; text-align: center; width: 40px; height: 40px; border-radius: 100%; z-index: 999; font-size: 30px;
    font-weight: 300; color: #fff; opacity: 1; text-shadow: none; background:var(--pink);}
.video-modal .close:hover, .video-modal .close:not(:disabled):not(.disabled):focus, .video-modal .close:not(:disabled):not(.disabled):hover {opacity: 1; color: var(--white);}


.col-price {margin:50px 0 70px 0; padding-right: 50px;}
.card-price {position: relative; padding-right: 15px; height: 100%;}
.card-price .card {box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); border-radius: 10px 10px 10px 0; border:none; z-index: 2; height: 100%;}
.card-price .card-header {padding: 0; background: none; border: none;}
.card-price .price-title { font-family: var(--bold); font-size: 1.4rem; display: inline-block; margin: 0; padding:15px 30px; color: var(--white); background: var(--default); border-radius: 10px;}
.card-price .card-body {padding:40px 30px; font-size: 1.2rem;}
.price-amount {margin: 0 0 60px;}
.price-amount h3 { margin: 0; line-height: 1;}
.price-amount strong { letter-spacing:-6px; font-size:5rem; font-family: var(--light); line-height:0.7; display: inline-block; font-weight: normal;}
.price-amount i {display: inline-block; vertical-align: bottom; font-size: 2.4rem; font-style: normal; font-family: var(--regular); line-height: 0.9;}
.price-amount span {font-size: 1.4rem; vertical-align: top; width: auto; display: inline-block; line-height: 1; font-family: var(--regular); margin-left: 10px;}
.price-amount small {display: block; padding-left: 30px; text-transform: uppercase; font-size: 14px; letter-spacing: 1px;}

.card-price .card-body ul { list-style: none; padding: 0; margin: 0;}
.card-price .card-body ul li { padding: 0 0 0 40px; font-family: var(--regular); background: url(images/tick-icon.png) no-repeat 0 0;}
.card-price .card-body ul li strong {font-family: var(--medium);}
.card-price .card-body ul li+li {margin-top: 15px;}
.card-price .card-footer {background: var(--pink); color: var(--white); position: absolute; top:70px; left: 0; width: 100%; height: 100%; z-index: 1; border-radius: 10px; padding: 0; overflow: hidden;}
.card-price .card-footer .btn-shop {color:var(--white); font-size: 1.2rem; height: 70px; border-radius: 0; box-shadow: none; transform: none; width: 100%; display: block; line-height: 70px; text-align: center;}
.tsmnl-slider .item-tsmnl { font-family:var(--bold); font-size: 1.6rem;}
.tsmnl-slider h4 {font-family:var(--regular);}
.tsmnl-slider h4 strong {font-family:var(--bold); font-size: 1.2rem; color: var(--pink); font-weight: normal;}
.toggle-btn {display: none;}
.info-text { font-size: .9rem;}
.mw-inherit {max-width: inherit;}


.sec-with-img.sec-factors {background:none;}

.steps-list ol, .steps-list ul {list-style: none; margin: 0; counter-reset: li; display: -ms-flexbox !important; display: flex !important; padding:15px 0 0; font-family: var(--bold); -ms-flex-wrap: wrap; flex-wrap: wrap;}
.steps-list li {width: 25%; background: url(images/grey-arrow-right.png) no-repeat calc(50% + 35px) 15px; padding-right: 20px;}
.steps-list li:before {counter-increment: li;  content: counter(li); width: 50px; height: 50px; border-radius: 100%; line-height: 50px; font-size: 1.5rem; background-color: var(--pink); color: var(--white); display:block; text-align: center; margin: 0 0 10px;}
.steps-list li:last-child {margin-right: 0; background: none;}

.rich-video {max-width: 700px;}
.ktpl-lhn .lhn_result {background: var(--white); margin-bottom: 20px; padding: 30px; border-radius: 50px; border: solid 2px #d7e1eb;}
.ktpl-lhn .lhn_content_header {margin-bottom: 15px; font-size: 1.4rem;}
.ktpl-lhn .lhn_content_footer {margin-top: 15px; display: flex; align-items: center;}
.ktpl-lhn .lhn_views {background: #d7e1eb; border-radius: 30px; padding: 6px 25px; font-size: .8rem; text-transform: uppercase;}
.ktpl-lhn .lhn_ratings {margin-left: auto;}
.ktpl-lhn  #txtKeyword {width: 100%; border: solid 2px #d7e1eb; height: 50px; border-radius: 50px; margin-bottom: 60px !important; padding: 6px 30px; outline: 0; background-color:#f1f1f1;}
.lhnExternal .lhnExternalContainer .hocKbTitle {color:var(--pink); font-size:1.6rem;}
.lhnExternal .lhnHocExternalClose {top: 10px !important; right: 20px !important; width: 25px !important; height: 25px !important;}
.lhnExternal.standalone.right { font-family:inherit;}
.lhnExternal .lhnExternalContainer .hocKbAnswer { line-height:inherit;}


.sec-payment { background:url(images/texture.png) no-repeat bottom left;}
.sec-icon-text { position:relative; }
.sec-icon-text .container { position:relative; z-index:2;}


.rich-video {max-width: 700px;}
.item-view-all {padding-bottom: 100%; position: relative;}
.item-view-all .item-view-btn {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.item-view-all .btn { background:url(images/texture.png) no-repeat -100% center var(--pink); background-size:150%; padding:10px 30px}
.next-icon { background:url(images/next.svg) no-repeat center; width:18px; height:18px; display:inline-block; vertical-align:middle; background-size:100%; }

.text-pink { color:var(--pink) !important;}
.secintg {background: url(images/texture.png) #fbfbfb no-repeat -250px -250px; background-size: 550px;}
.secintg .head-title p { font-size:1.5rem;}
.sec-merchant {background-position:center 20px;}
.seccusintg .col-left { padding-right:130px;}
.seccusintg .col-right { padding-left:130px;}
.seccusintg .card {max-width: 280px; background: #c2d4e4; border-radius: 6px; border: none; color:#333; font-family:var(--medium);}
.seccusintg .col-left .card { margin:-150px -100px 0 0;}
.seccusintg .col-right .card { margin:-150px 0 0 -100px;}
.seccusintg .card .btn-link {background:url(images/arrow-right-dark.png) no-repeat center right; padding-right:25px; color:#333;}

.store-carousel-v1.sec-slider .item {background: #f2f2f2; padding: 25px 0; border-radius: 6px;}
.store-carousel-v1.sec-slider .item a { margin:0;}
.store-img-v1 {padding:10px; border-radius: 6px; background: var(--white); margin:0 auto; border:solid 1px #ddd;}
.store-img-v1 img {max-height: 70px; width: auto; margin: 0 auto; display: block;}
.store-carousel-v1 .owl-dots .owl-dot { margin:0 2px;}

/*Responsive Start*/
@media only screen and (min-width:1399px) {
}
@media only screen and (min-width:1199px) {
.container {max-width:1300px;}
#header .navbar > .nav-item:hover .dropdown-menu, #header .navbar > .nav-item>.dropdown-menu.show {display: -ms-flexbox; display: flex;}
.btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show > .btn.dropdown-toggle:focus {transform: translateY(-4px); box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
}
@media only screen and (max-width:1199px) {
body, .slide-text .btn, .menu-image-title, .how-work-content p, .how-like-us li, .top-banner, .about-feature h3, .card-price .price-title { font-size: 1rem;}
.container { max-width:100%;}
.navbar-brand {width: 150px; padding: 15px 0;}
#header .navbar > .nav-item > .dropdown-menu {width: 96%; left: 2%; margin: 0;}
#header .navbar {padding: 0 0 0 2rem;}
#header.affix .navbar {padding: 5px 0 0 2rem;}
#header .navbar > .nav-item:hover > .nav-link, #header .navbar > .nav-item.current-menu-parent:hover > .nav-link, #header .navbar > .nav-item > .nav-link, #header .navbar > .nav-item.show > .nav-link, #header .navbar > .nav-item.current-menu-parent.show > .nav-link, #header .navbar > .nav-item.current-menu-parent > .nav-link:hover, #header .navbar > .nav-item.dropdown.current-menu-parent:hover > .nav-link { padding:30px 20px; font-size:1rem; border-radius: 30px 30px 0 0;}
#header.affix .navbar > .nav-item.show > .nav-link, #header.affix .navbar > .nav-item > .nav-link, #header.affix .navbar > .nav-item.current-menu-parent > .nav-link, #header.affix .navbar > .nav-item.dropdown.current-menu-parent:hover > .nav-link, #header.affix .navbar > .nav-item.current-menu-parent > .nav-link:hover, #header .navbar > .nav-item.current-menu-parent > .nav-link, #header.affix .navbar > .nav-item.current-menu-parent.show > .nav-link {padding: 12px 20px; }
#header.affix .navbar > .nav-item > .dropdown-menu {top: 53px;}	
.login-btn { padding: 10px 30px; top: 20px;}
#header.affix .login-btn {top: 6px;}
.btn.login-btn:hover {padding-right: 40px;}
.slide-text {max-width: 480px; margin: 50px auto 0}
.slide-text h2 {font-size: 2.8rem;}
.slide-img { height:80%;}	
.slide-img-left {top: 50px;}
.cat-navtab .nav-link { padding: 0 1rem 0 .6rem; font-size: .8rem; line-height: 45px;}
.cat-navtab .nav-link .navtab-icon, .cat-navtab .nav-link .icon {width: 30px; height: 30px;}
.cat-navtab .nav-link .navtab-icon::before {width: 30px; height: 30px;}
.card-store-image::before {display: none !important;}
.sec-with-img.img-left, .sec-with-img.img-right {padding-left: 0; padding-right: 0;}
.head-title .title, .head-title h2, .how-work-content h2, .resource-items h2, .press-item .title-md {font-size: 1.4rem;}
.sec-with-img .rich-img {min-width: 25%; max-width: 25%;}

	.about-sec.sec-with-img .rich-img {min-width: 20%; max-width: 20%;}
	.about-sec .head-title {max-width: 55%;}
	.about-sec .way-buy {margin: 80px auto 0;}	
	
#footer {background-size: 200px,300px;}
.footer-nav li a, .footer-nav li a:hover {background: none; padding: .3rem 0}
.how-works {background-size: 50%;}
.how-works .nav-tabs {top: 45px;}
.how-works .nav-tabs .nav-item {margin-right: 25px;}
.how-works .nav-tabs .nav-link { font-size: 1rem; background-size: 16px; padding: .5rem 20px .5rem 0;}
.how-works .nav-tabs .nav-link .num {width: 30px; height: 30px; line-height: 30px; font-size: 0.9rem;}
.how-work-content {padding:50px 0 0;}	
.about-feature .sec-pic img {max-width: 60px;}
.partner-heading p, .knowledge-center-sec p, .item-tsmnl { font-size: 1.2rem;}
.top-banner::before {background-size:30%;}
.top-banner .caption h1 { font-size: 2.4rem;}
.thumbnail-slider-container .owl-carousel.owl-drag .owl-item img {max-width: 150px;}
.work-sec {margin: 100px 0 0 -190px;}
.about-feature { font-size: .9rem;}
.sec-slider .slider-cont {font-size: .725rem;}
.sec-slider .slider-cont strong {font-size: 1.5rem;}
.sec-slider .slider-cont .store-logo figure img {max-width: 100px;}
.featured-deals .with-nav .owl-nav {top: -50px;}
.total-count {font-size: .8rem;}
.search-sec {min-width: 265px;}
.tab-filter {top: 60px;}
.card-store-logo {max-width: 180px;}
.way-buy {margin: 80px -200px 0 auto;}	
.banner-cta .btn {min-width: 140px; font-size: .9rem;}
.blog-posts .blog-posts-body h3 { font-size:1.2rem;}
.blog-carousel-post .blog-posts header {max-width: 70%;}
.blog-carousel-post .blog-posts .blog-posts-sec {max-width: 30%;}
.blog-carousel-post .blog-posts .blog-posts-body {margin-left: -180px; padding: 20px; min-height: inherit;}
.blog-posts .blog-posts-body, .blog-posts {font-size: .8rem;}
.merchant-list .owl-item:nth-child(2n) {margin-top: 0;}
.header-top {top:100px; font-size: 1rem;}
.header-top .rich-text {padding: 5px 80px; max-width: 580px;}
#header .navbar > .nav-item:hover .dropdown-menu, #header .navbar > .nav-item>.dropdown-menu.show {display: -ms-flexbox; display: flex;}
.backdrop {display: none;}	
.landing-banner.top-banner .caption h1 {font-size: 2rem;}
.landing-banner h1 img {height: 40px; width: auto;}
.sticky-nav .nav {padding: 1rem;}
.sticky-nav .nav .nav-link {padding: .8rem 0; font-size: .85rem;}
.step-tabs .nav-link .num {width: 30px; height: 30px; line-height: 30px; font-size: .8rem;}
.step-tabs .nav-link { font-size: 1rem;}
.col-price {padding-right: 0;}
.card-price {margin-right: 15px;}
.price-amount {margin: 0 0 30px;}
.price-amount strong {font-size: 3.5rem;}
.card-price .card-body {padding: 30px 20px; font-size: 1rem;}
.card-price .card-body ul li {padding: 0 0 0 30px; background-position:0 3px; background-size: 20px;}
.card-merchant .card-merchant-image img, .card-merchant:hover .card-merchant-image img {transform: scale(1);}
.col-social a {color: var(--default);}
}

@media only screen and (max-width:991px) {	
#header .navbar > .nav-item:hover .dropdown-menu, #header .navbar > .nav-item>.dropdown-menu.show {display:block;}
#home-slider, .main-banner, .main-banner .owl-item, .main-banner .item, .main-banner .owl-stage, .main-banner .owl-stage-outer {height: 600px;}
.slide-text {max-width: 400px; font-size: 1rem;}	
#header .navbar > .nav-item > .dropdown-menu > .dropdown-item {width: calc(100% - 10px);}
.way-buy {margin: 80px -190px 0 auto;}
.seccusintg .card {max-width: 200px;}
.seccusintg .col-left .card {margin: -100px -50px 0 0;}
.seccusintg .col-right .card {margin: -100px 0 0 -50px;}
.seccusintg .card h2 { font-size:26px;}
.seccusintg .col-left {padding-right: 80px;}
.seccusintg .col-right {padding-left: 80px;}
}
@media only screen and (min-width:768px) {	
.featured-deals .with-nav .owl-nav { position: absolute; top: -60px; width: auto; right: 0;}
.with-nav .owl-nav {position: relative; text-align: right; width: 100%;}
}
@media only screen and (max-width:767px) {	
	body, .legal-conent { font-size: 0.9rem;}	
	.section { padding:30px 0;}
	.head-title {margin-bottom: 1.5rem !important;}	
	.owl-dots {padding: 10px 0;}
	.owl-dots .owl-dot.active span {width:30px;}
	.owl-dots .owl-dot { padding: 10px 2px;}		
	.owl-dots .owl-dot span {width: 8px; height: 8px;}	
	
	.menu-main-menu-container {display: none;}	
	.navbar-brand {width: 110px; padding:10px 0; margin: 0 0 0 10px;}
	#header.affix .navbar-brand {padding: 7px 0;}	
	.login-btn, .login-btn:hover {padding: 6px 15px !important; top: 10px; font-size: .9rem !important;}
	.btn.login-btn:hover {padding-right: 15px;}
	#header.affix .login-btn {top: 8px;}
	/*.is-sticky .navbar-brand {padding: 10px 0;}
	#header.is-sticky.affix .login-btn {top: 45px;}
	.is-sticky .toggle-btn {top: 40px;}
	.is-sticky.affix .toggle-btn {top: 36px;}*/
	.header-top {font-size: .725rem; line-height: normal; top: 60px; padding: 0 10px;}
	.header-top .rich-text {padding: 5px 20px; max-width: 280px;}
	.header-top .rich-text::before, .header-top .rich-text::after {width: 50px; height: 50px; margin:0;}	
	.toggle-btn {position: absolute; top:0; right:85px; z-index: 10; cursor: pointer; width:50px; height:50px; -webkit-transition-duration:0.4s; transition-duration:0.4s; display: block;}
	.toggle-btn:focus {outline: none;}
	.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after { left:0; content: ''; position: absolute; display: block; width:26px; height:5px; background: var(--pink); cursor: pointer; border-radius: 8px;}
	.toggle-btn span {top:26px; left:9px;}
	.toggle-btn span:before {top:-9px;}
	.toggle-btn span:after {bottom: -9px; width: 20px; left: 6px;}
	.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	.toggle-btn.active span {background-color: transparent}
	.toggle-btn.active span:before, .toggle-btn.active span:after {top: 0; background:#fff;}
	.toggle-btn.active span:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
	.toggle-btn.active span:after {top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
	body.open {overflow:hidden;}	
	body.open #header { z-index:910000}
	body.open .backdrop {opacity:1; visibility: visible; display: block;}	
	.MainNav {background: var(--white); width: 280px; height: 100%; position: fixed; top: 0; right:-280px; z-index: 100; overflow: auto; -webkit-transition-duration: 0.4s;
transition-duration: 0.4s;}
	body.open .MainNav { right:0;}
	#header.affix .navbar, #header .navbar {padding: 0;}
	#header .navbar > .nav-item {margin:0 0 20px;}
	#header .navbar > .nav-item:last-child {margin: 0;}
	#header .navbar > .nav-item > .nav-link, #header.affix .navbar > .nav-item > .nav-link {padding: 10px 20px !important; border-radius: 0 !important; letter-spacing: 1px; text-transform: uppercase; font-size: 12px !important; color: var(--pink) !important;}
	#header .navbar > .nav-item > .dropdown-menu {display: block !important; position: static; width: 100%; left: 0; top: 0; padding: 0; min-height: inherit; border-radius: 0; box-shadow: none;}	
	#header .navbar > .nav-item > .dropdown-menu > .dropdown-item { width:100%; margin: 0; border-radius: 0; border-bottom: solid 2px #ddd; padding: 10px 20px;}
	#header .navbar > .nav-item > .dropdown-menu > .with-img, #header .navbar > .nav-item.dropdown > .nav-link::after {display: none;}
	.menu-item-description {font-size: .725rem; padding-left: 38px;}
	
	
	#home-slider, .main-banner, .main-banner .owl-item, .main-banner .item, .main-banner .owl-stage, .main-banner .owl-stage-outer {height: 100%;}
	.slide-img-left {height: 30%;}
	.slide-img-right {height: 35%;}
	.slide-text {max-width: inherit; font-size: 0.9rem; padding: 0 20%;}
	.slide-text h2 {font-size: 1.8rem;}
	.slide-text .btn {margin: 1rem 0 0; padding: .5rem .7rem; font-size: .8rem;}
	.slide-text .btn::before, .slide-text .btn::after {width: 14px; height: 14px;}
	.slide-text .btn::after {margin-left:5px; background-size: 12px;}
	.slide-text .btn::before {margin-right: 5px; background-size: 12px;}
	
	.sec-about .head-title {margin: 0 !important;}
	.sec-with-img.img-left, .sec-with-img.img-right {background-position: center calc(100% + 80px); background-size: 250px;}
	.sec-merchant {background-size: 70%; }
	.merchant-list .owl-carousel {padding: 0;}	
	.card-merchant { max-width:inherit;}
	.card-merchant-image {height: auto; padding-bottom: 200%;}
	.card-merchant-logo {padding-bottom: 10px;}
	.circle-logo {width: 120px; height: 120px; padding: 10px; box-shadow: 0 0 0 20px rgba(255,255,255,0.2);}	
	.merchant-list {margin: 0 -15px;}
	.card-store-logo {max-width: 160px;margin: -40px auto 0;padding: .2rem 1rem;}	
	.mob-cat-dropdown .form-control { max-width:200px;}	
	
	#footer {background:none; padding: 0;}
	.footer-bottom::before, .partner-heading p br, .banner-cta br { display: none;}
	.copyright {margin: 0 -15px; text-align: center; border-radius: 50px 50px 0 0; display: block; padding: 1rem 1rem 4rem 0;} 
	.footer-logo {top: 0; width: 100px;}
	.col-social-icon { margin: 0 -15px; padding-bottom: 10px; border-bottom: solid 2px var(--pink); padding: 15px;}
	.social-link a {color: var(--default); background:#ddd}		
	.footer-title {cursor: pointer; margin: 0 -15px; padding: 8px 15px; border-bottom: solid 2px var(--light-grey); font-size: 1rem; font-family: var(--bold);}
	.footer-title:after { content: "+"; float: right; }
	.footer-nav.open .footer-title:after { content: "-"; }
	.footer-nav>div { max-height: 0; overflow:hidden; -webkit-transition: max-height 1s ease-out; transition: max-height 1s ease-out; }
	.footer-nav.open>div { height:auto; max-height: 500px; -webkit-transition: max-height 1s ease-in !important; transition: max-height 1s ease-in !important; }	
	.footer-nav li a, .footer-nav li a:hover {background: url(images/arrow-right.png) no-repeat 0 12px; padding: .3rem 0 .3rem 25px; background-size: 12px; font-size: .9rem;}
	.btn-lg, .btn {font-size: 14px;}
	.how-work-content {padding: 0;}
	.top-banner {padding-bottom: 75%; font-size: .725rem;}	
	.top-banner .caption {padding: 0 0 15px;}
	.top-banner .caption h1 {font-family: var(--bold); font-size: 1.6rem; line-height: normal;}
	.top-banner .caption p {margin: .1rem 0 0;}
	.how-works {background-position:-50px 0;}
	.how-works .nav-tabs {top: 0; right: 0; position: static; margin: 0 0 20px;}
	.how-works .nav-tabs .nav-item {width: 25%; margin: 0;}
	.how-works .nav-tabs .nav-link { margin: 0; padding: 5px; font-size: .8rem; text-align: center;}
	.how-works .nav-tabs .nav-link .num {display: block; margin: 0 auto;}
	.how-works .sec-pic {max-width: inherit;}
	.how-like-us li .rich-icon {max-width: 40px;}
	.knowledge-center-sec {border-radius: 20px; padding: 30px;}	
	.accordion .card:first-of-type, .accordion .card:last-of-type, .accordion .card:not(:first-of-type):not(:last-of-type) {border-radius: 10px;}
	.accordion-ui .card-header .btn {padding: .5rem 2.5rem .5rem 1rem; font-size: 1rem;}
	.cat-navtab {margin: 0 0 .7rem;}
	.available-platform .platform-img, .cat-navtab .nav-item, .work-sec, .way-buy {margin: 0;}	
	.faq-cat .cat-navtab .nav-link {padding: 0 1rem; font-size: .7rem; line-height: 35px; letter-spacing:inherit;}	 
	.available-platform .platform-img a {padding: 10px 30px;}
	.tsmnl .sec-pic img {max-width: 50px;}
	.item-tsmnl p {margin: 0 0 20px;}
	.partner-heading p, .knowledge-center-sec p, .item-tsmnl, .blog-sec-content .title-md, .tsmnl-slider .item-tsmnl {font-size: 1rem;}
	.thumbnail-slider-container .owl-carousel.owl-drag .owl-item img {max-width: 100px;}
	.how-work-sec {background-color:#fbfbfb;}
	.banner-cta .btn {min-width: inherit; margin-top: 5px; padding: 4px 20px;}	 
	.tab-filter {top: 50px;}
	.cat-dropdown {min-width: 80%;}
	.were-hiring {min-height: inherit; background-size: cover !important;}
	.were-hiring .title-lg, .schedule-demo .title-lg { font-size:2.4rem;}
	.were-hiring p {font-size: 1rem;}
	.schedule-demo {min-height: inherit; background-size: 100%;}
	.press-item {max-width: inherit;}	
	.blog-banner {background-size:75%; padding: 100px 0 0 0}	
	.blog-banner .search-sec {min-width: inherit;}
	.back-link a { font-size: 0.9rem;}
	.blog-sec-content .title-lg, .relatedpost .title-lg { font-size:1.4rem;}	
	.blog-sec-content .sec-pic {border-radius: 0; margin: 0 -15px;}
	.post-content-blog {margin:-50px 0 0 0; padding: 15px; border-radius: 20px; font-size: .9rem;}
	.post-content-blog p, .post-content-blog li {font-size: .9rem;}
	.nav-previous a, .nav-next a {font-family: var(--regular); font-size: .8rem;}
	.blog-carousel-post .blog-posts header, .blog-carousel-post .blog-posts .blog-posts-sec, .blog-carousel-post .blog-posts .blog-posts-body { max-width: 100%; margin: 0;}	
	.legal-conent ol, .legal-conent ul {padding-left: 10px;}
	.legal-conent div {margin-bottom: 20px;}
	.backdrop {display:none;}
	.col-price+.col-price .card-price {margin-top: 30px;}	
	.press-item, .card-price, .card-price .card {height: auto;}	
	.col-price {margin: 10px 0 70px 0; padding-right:0;}
	.sticky-nav {margin-top: 0;}
	.sticky-nav .nav {padding: 1rem 15px; margin: 0 -15px; border-radius: 0;}
	.sticky-nav .nav .nav-item {width: 100%; text-align: left;}
	.sticky-nav .nav .nav-link {padding: 0 1.5rem;  margin-bottom: 5px; background: var(--default); line-height: 50px;}
	.sticky-nav .nav .nav-link img {height: 24px; width: auto;}
	.video-card .btn-play, .video-card .btn-play:hover {font-size: 2.5rem;}
	.landing-banner.top-banner .caption h1 {font-size: 1.6rem; margin: 0;}
	.landing-banner h1 img {height: 30px;}
	.landing-banner.top-banner {padding: 180px 0 0; height: auto;}
	.landing-banner .caption { position: static;}
	.sec-video .step-tabs {margin: 0 -15px; background: var(--white)}
	.sec-video .step-tabs .nav-item { margin:0; width: 50%;}
	.sec-video .step-tabs .nav-link { font-size: .8rem; background: none; text-align: left; position: relative; padding:15px 10px 15px 50px; align-items:center; display: flex; display: -ms-flexbox !important; height: 100%;}
	.sec-video .step-tabs .nav-link .num {position: absolute; top: 50%; left: 15px; margin-top: -15px;}
	.sec-video .nav-tabs .nav-item.show .nav-link, .sec-video  .nav-tabs .nav-link.active {background: var(--default); color: var(--white);}
	.sec-video .head-title img {height: 30px; width: auto;}
	.load-more-div .btn {min-width: 250px;}	
	.about-sec .head-title {max-width: 100%;}
	.head-title br {display: none;}
	.video-modal .modal-dialog {max-width: 90%;}
	.video-modal .close {right: -10px;}
	.steps-list li {width: 50%; padding:0 5px 20px; background: none;}
	.steps-list li::before { margin: 0 auto 10px;}
	.with-nav .owl-nav .owl-next, .with-nav .owl-nav .owl-prev, .adv-carousel .owl-nav .owl-prev, .adv-carousel .owl-nav .owl-next {position:absolute; margin-top:-20px; border-radius:100%; background-size:70px; background-color:rgba(255,255,255,.7) !important; border:solid 1px var(--default);}
	.adv-carousel { padding:0 20px;}
	.adv-carousel .owl-nav .owl-prev, .owl-nav .owl-next {width: 40px; height: 40px;}
	.with-nav .owl-nav .owl-prev, .adv-carousel .owl-nav .owl-prev {background-position: 2px 3px;}
	.with-nav .owl-nav .owl-next, .adv-carousel .owl-nav .owl-next {background-position: -33px 3px;}
	.featured-deals .with-nav .owl-nav { top:0;}
	.featured-deals .with-nav .owl-nav .owl-next, .featured-deals .with-nav .owl-nav .owl-prev, .adv-carousel .owl-nav .owl-prev, .adv-carousel .owl-nav .owl-next {margin-top:-40px;}
	.home_banner {background: url(images/texture.png) no-repeat 150% center; background-size:70%;}
	.home_banner .item { background:none;}
	
	.seccusintg .card {max-width: 100%;}
.seccusintg .col-left .card, .seccusintg .col-right .card {margin:-50px 10px 10px;}
.seccusintg .col-left, .seccusintg .col-right {padding:15px;}
.secintg .head-title p { font-size:1rem;}
.secintg { background-position:-150px -150px; background-size:300px;}
	
	
	.shop-store-list .card-store { border-bottom:solid 1px #cacaca; padding:15px 0; margin:0;}
	.shop-store-list .card-store-logo { border-radius:0; padding:5px; border:solid #cacaca; border-width:0 1px 0 0; margin:0; min-width:140px; max-width:140px; min-height:60px; overflow:inherit;}
	.shop-store-list .rich-text { padding:0 40px 0 15px; background:url(images/external.png) no-repeat center right; width:100%;}
	.shop-store-list .card-store-offer { position:static; padding:0; border-radius:0; background:none; color:var(--default); width:auto; margin:0;}
	.shop-store-list .card-store-offer .badge { padding:0; display:block; text-align:left; white-space:normal; font-size:0.8rem; line-height:1.2;}
	.shop-store-list .card-store-offer br { display:none;}
	.shop-store-list .card-store-content {margin: 5px 0 0; font-size: 0.7rem;}
	.shop-store-list .card-store.is-new .rich-text { padding-right:75px;}
	.shop-store-list .newest-tag { min-width:inherit; left:inherit; right:40px; line-height:normal; font-size:10px; padding:0; line-height:20px; width:45px; text-align:center; border-radius:4px; top:50%; margin-top:-9px;}
	
	 
	 .shop-store-list .ad_listing { text-align:center}
	 .ad_listing .card-store-image { display:block !important; background: none;
    border: none;}
	 .ad_listing .rich-text { display:none !important;}
	 
	 .search-mob { cursor:pointer;}
	 .search-mob .fa { width:32px; height:32px; background:var(--pink); border-radius:100%; display:inline-block; text-align:center; line-height:32px; color:var(--white);}
	 .cat-dropdown .btn, .filter-sec select {width: auto; height: 32px; line-height: 28px; padding:0 10px; font-size: 0.725rem; font-weight: bold; letter-spacing: 0.7px; box-shadow:none;}
	 .cat-dropdown .btn:after { font-size:0.9rem; vertical-align:middle;}
	 .filter-sec select {padding: 0 20px 0 10px; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC"); background-size: 7px 7px; background-position: calc(100% - 10px) center;}
	 .search-sec {display: none; transition-duration:0.4s; width: 100%; position: absolute; top: -36px; left: 0; height: 78px; min-width: inherit; background: #fff; z-index: 2; padding:10px 15px;}
	 .search-sec h4 {font-family: var(--bold); font-size: .8rem;}
	 .search-sec .form-control { height:30px; font-size:0.8rem; padding:5px 30px;}
	 .search-sec .fa {top: 40px; left: 15px; font-size: 1rem;}
	 .search-sec .fa.fa-times { left: auto; color: #999; width: 30px; height: 30px; top: 33px; text-align: center; line-height: 30px; right: 15px; cursor:pointer;}
	 .is-open.search-sec { display:block;} 
	
}
@media only screen and (max-width:575px) {	
	.knowledge-center-sec .sec-pic img {max-width: 150px;}
	.deal-sec, .featured-sec { margin-left:-15px; margin-right:-15px;}
	.deal-sec .head-title, .featured-sec .head-title { padding:0 15px}
	.sec-slider .sec-pic {padding-bottom: 50%;}
	
}