@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont78ce.eot?v=4.2.0');
  src: url('../font/fontawesome-webfontd41d.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont78ce.woff?v=4.2.0') format('woff'), url('../font/fontawesome-webfont78ce.ttf?v=4.2.0') format('truetype'), url('../font/fontawesome-webfont78ce.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@charset "utf-8";
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;clear:both}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0; clear:both}

a{outline: none;text-decoration:none}
a:hover{}
body{margin:0;padding:0;font-family: 'Source Sans Pro', sans-serif;color:#646464;font-size:16px}
img{border:none; vertical-align:bottom;max-width:100%}
p{margin:0 0 10px}

/* Overall Container */
.freeze{position:fixed}
.wrapper{max-width:1920px;margin:0 auto}
.master {}

/* Overall content area/positioning of the website */
.content-area{max-width:1140px; margin:0 auto; padding:0 20px}
.content-area:before, .content-area:after{display: table;content: " ";}
.main-content{}
.owl-carousel .owl-stage-outer{margin:0}

/* Header */
.header-section{padding: 10px 0;position:relative}
.header-section .content-area{padding:0 104px 0 20px}
.header-block{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left:-15px;margin-right:-15px}
.header-block > div{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}

.download-title{margin-bottom:5px}
.apps-block-list, .search-bar{margin-bottom:10px}
.apps-block-list > div{width:50%;float:left}
.apps-block-list > div:first-child{padding-right:5px}
.apps-block-list > div:last-child{padding-left:5px}
.search-bar{position:relative;height:30px}
.search-icon{position:absolute;width:16px;height:16px;top:50%;margin-top:-11px;left:25px}
.search-input{border:1px solid #003042;border-radius:20px;padding:5px 20px 5px 30px;height:100%;width:100%;font-size:0.75rem}

.main-logo-block{text-align:center;}
.main-logo{display:block;}
.main-logo img{width:100%;height: 90px;}

.member-block-list > div span{padding-left:35px}
.member-block-list > div .member-block-icon{left:15px}
.member-block-item + .member-block-item{margin-top:10px}
.member-block-button > span{display:inline-block;vertical-align:middle;font-size:0.875rem;}
.member-block-button{color:#414042;padding:10px 0;display:block}
.member-block-icon{position:absolute;height:25px;top:50%;margin-top:-12.5px}
.member-block-icon img{height:100%}
.member-block-title{}

.header-search, .member-block{display:none}
.quote{
	font-family: roboto;
	padding-top: 10px;
	font-size: 11px
	display:block;
}
.quote1{
	font-family: roboto;
	font-size: 11px;
}

/* Main Menu */
.main-menu{color:#FFF;position: fixed;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: transparent;z-index: -1;transition: background-color .5s;visibility: collapse;}
.main-menu.open{z-index: 100;visibility: visible;background-color:#151d34; opacity: 1;}
.main-menu-list{position: absolute;top: 84px;bottom: 84px;left: 0;right: 0;overflow: auto;font-size:32px;line-height: 1.2}
.main-menu-list > div{-webkit-transform: translate3d(+100%,0,0) translate3d(-2em,0,0) scale3d(0.5,1,1);transform: translate3d(+100%,0,0) translate3d(-2em,0,0) scale3d(0.5,1,1);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;margin: 24px auto;padding: 0 24px;max-width: 955px;-webkit-transition: -webkit-transform .5s;transition: transform .5s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
.main-menu-list > div > a{color: rgba(255,255,255,1);font-weight: 400;display: block;text-align: center;text-decoration: none;}

.open .main-menu-list > div{-webkit-transition-timing-function: cubic-bezier(0.56,1.19,0.2,1.05);transition-timing-function: cubic-bezier(0.56,1.19,0.2,1.05);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.main-menu-list > div:first-child, .open .main-menu-list > div:nth-child(8) {-webkit-transition-delay: .4s;transition-delay: .4s;}
.main-menu-list > div:first-child, .open .main-menu-list > div:nth-child(4) {-webkit-transition-delay: .2s;transition-delay: .2s;}
.main-menu-list > div:nth-child(2), .open .main-menu-list > div:nth-child(7) {-webkit-transition-delay: .3s;transition-delay: .35s;}
.main-menu-list > div:nth-child(2), .open .main-menu-list > div:nth-child(3) {-webkit-transition-delay: .15s;transition-delay: .15s;}
.main-menu-list > div:nth-child(3), .open .main-menu-list > div:nth-child(6) {-webkit-transition-delay: .3s;transition-delay: .3s;}
.main-menu-list > div:nth-child(3), .open .main-menu-list > div:nth-child(2) {-webkit-transition-delay: .1s;transition-delay: .1s;}
.main-menu-list > div:nth-child(4), .open .main-menu-list > div:nth-child(5) {-webkit-transition-delay: .25s;transition-delay: .25s;}
.main-menu-list > div:nth-child(4), .open .main-menu-list > div:first-child {-webkit-transition-delay: .05s;transition-delay: .05s;}
.highlight{color:#FFF200!important}

.burger-menu{cursor: pointer;position:absolute;right:0;top:0;bottom:0;width:68px;background-color:#151d34;z-index:101}
.burger-menu.on{background-color:#003042;transition:all .5s}
.burder-menu-list{position:absolute;top:50%;left:15px;right:15px;margin-top:-12.5px;}
.burger-line{display:block;height:3px;border-radius:5px;background-color:rgba(255,255,255,1);transition: 0.4s;}
.burger-line + .burger-line{margin-top:12px}
.on .burger-line:nth-child(1) {-webkit-transform: rotate(-45deg) translate(-6px, 12px);transform: rotate(-45deg) translate(-16px, 12px);}
.on .burger-line:nth-child(2) {opacity: 0;}
.on .burger-line:nth-child(3) {-webkit-transform: rotate(45deg) translate(-6px, -12px);transform: rotate(45deg) translate(-15px, -12px);}

/* Banner */
.banner-section .content-area{max-width:1366px;}
.banner-section .content-area .layout-1x2 .w-65{padding-left:0;padding-right:0}
.flex-banner{border-radius:0;margin:0;border:0}
.flex-banner .flex-control-nav, .flex-banner .flex-direction-nav{display:block}
.flex-banner .flex-control-nav{bottom:0px;z-index:10}
.flex-banner .flex-control-nav li a{height:34px;width:34px;position:relative;background:none;border:0;border-radius:0;box-shadow:none}
.flex-banner .flex-control-nav li a:before, .flex-banner .flex-control-nav li a:after{content:' ';width:0;height:0;position:absolute;display:flex;border-style: solid;}
.flex-banner .flex-control-nav li a:before{border-color:transparent transparent #e3e3e3 transparent;border-width:12px;}
.flex-banner .flex-control-nav li a:after{border-color: transparent transparent #fff transparent;border-width:8px;left:4px;top:6.48px}
.flex-banner .flex-control-nav li a.flex-active:after{border-color: transparent transparent #e3e3e3 transparent}
.flex-banner .flex-direction-nav a:before{font-family:FontAwesome;content: '\f104';}
.flex-banner .flex-direction-nav a.flex-next:before{content: '\f105';}
.flex-banner.flexslider:hover .flex-direction-nav .flex-prev, .flex-banner.flexslider .flex-direction-nav .flex-prev{opacity:1;left:10px}
.flex-banner.flexslider:hover .flex-direction-nav .flex-next,.flex-banner.flexslider .flex-direction-nav .flex-next{opacity:1;right:10px}
.banner-image{background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;}
.banner-img a{display:block}
.banner-title{text-align:center;padding:20px;background:#003042;color:#FFF}
.banner-title .btn-design-01{background:#00adef;border-color:#00adef}
.banner-title span > img{width:25%;vertical-align:middle}

.banner-join-block.layout-1x1 > div{float:left;max-width:50%;width:auto}
.banner-join-block.layout-1x1 > div:first-child{padding-right:0}
.banner-join-block.layout-1x1 > div:last-child{padding-left:0}
.banner-text{color:#FFF;text-align:center}
.banner-text-01{font-size:1.5rem}+
.banner-button{text-align:center;padding-top:15px;font-size:0.875rem}
.banner-button a + a{margin-left:10px}

.banner-member .banner-text-01{margin-bottom:15px}
.banner-member .banner-text.member-text-02{padding-bottom:35px}
.banner-member .banner-text.member-text-03{margin-top:20px}

.banner-merchant .banner-text-01{margin-bottom:25px}
.banner-merchant .banner-text.merchant-text-02{margin-bottom:45px}
.text-and{background:#FFF;color:#003042;height:25px;width:25px;border-radius:50%;display:inline-block;text-align:center;font-size:1.125rem;line-height:26px;margin-right:10px}

/* Subpage Banner */
.subpage-banner{display:table;width:100%}
.subbanner-block{display:table-cell;vertical-align:middle}
.subbanner-title{font-size:3rem}
.banner-joinmember{background-image:url(../img/banner_member_new_01.png);background-position:50% 0;z-index:100;position:static}
.special-section{position:relative;z-index:11;}

/* Member */
.banner-spending{padding:0;min-height:unset}
.spending-img{display:block;background-color:#EF5428}
.spending-img + div{padding:20px;background:#EF5428;display:flex;flex-wrap:wrap}
.spending-img + div > div{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.spending-img + div > div:first-child{order:2}
.spending-img + div > div a{font-size:1rem}
.spending-img + .section-title > div + div > div:nth-child(1){position:relative;height:auto}
.spending-img + .section-title > div + div > div:nth-child(1) > span{display:block;height:100px;z-index:3;margin:15px 0} 
.spending-img + .section-title > div + div > div:nth-child(1) > span img{height:100%}
.month-21000{display:block;background-color:#EF5428;position:relative;}
.month-21000 div img{width:85%}
.m2o-block{font-size:1.125rem}
.m2o-title span{display:inline-block;padding:8px 40px;color:#FFF;position:relative;z-index:2}
.m2o-title span:before{content:'';transform: skew(-35deg);background:#003042;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}
.m2o-community{margin:30px auto 0;max-width:780px}
.m2o-community-desc{color:#00adef}
.m2o-community-desc span{font-size:2.375rem}
.m2o-spent-average > div:last-child{margin-bottom:30px;text-align:left;font-size:1.375rem}

.m2o-self{margin-top:30px}
.m2o-subtitle{font-size:1.375rem;color:#00adef;}
.m2o-highligh span{background:#FED851;display:inline-block;padding:5px 15px;font-size:1.375rem}
.m2o-self-earn{margin-top:30px;position:relative;}
.m2o-self-arrow{position: absolute;left: 50%;margin-left: 125px;top: -20px;}
.m2o-self-arrow img{max-height:150px}
.m2o-self-img div{display:inline-block;background-color: #D8E4D8;border-top-left-radius: 200px;border-top-right-radius: 200px;border-bottom: 0;width:300px;padding-top:50px}
.m2o-self-img img{max-height:130px}
.m2o-self-earn-desc{text-align:center;font-size:1.375rem}
.m2o-self-desc .m2o-community-desc span{font-size:1.75rem}
.m2o-self-desc .m2o-highligh{display:inline-block}
.m2o-self-desc .m2o-highligh span{padding:2px 15px}
.trade-point{font-size:1rem;color:#f00}
.bg-speding-footer{background:rgba(181,220,219,.7);border-radius:0 0 20px 20px;color:#003042}
.point-convert{color:#808285;margin-top:20px}

.banner-joinnow{background-image:url(../img/banner_joinmember.png);min-height:400px;margin-top:-100px;position:relative;background-position:0 50%}
.banner-joinnow .subbanner-block{vertical-align:bottom;padding-bottom:50px}
.banner-joinnow .subbanner-title{line-height:.8;margin-bottom:30px;transform:rotate(-15deg);font-style:italic}
.banner-joinnow .content-area{position:relative}
.join-member-jump{display:none}

/* merchant */
.banner-joinmerchant{background-color:#EF5428;}
.be-merchant-img{text-align:center;padding:15px 0}
.be-merchant-img img{width:50%}
.subbanner-text-block{padding:20px}
.banner-joinmerchant .text-and{width:41px;height:41px;font-size:2rem;line-height:41px}
.title-img{display:inline-block;vertical-align:middle;width:60%}
.title-img img{margin-bottom:11px}
.title-img img{vertical-align:middle;}

.merchant-package-benefit-title{background:#00adef;padding:10px}

.merchant-benefit{background:#D8E4D8}
.merchant-benefit .section-subtitle{margin-bottom:30px;font-weight:bold}
.merchant-benefit .section-subtitle span{padding:0 5px}
.merchant-benefit .section-subtitle span img{width:25%;vertical-align:top}

.benefit-item{min-height:200px;padding:10px;border:1px solid #FFF;background:#FFF;border-radius:20px;margin-top:70px}
.benefit-title{color:#003042;margin-bottom:15px;font-size:1.125rem;font-weight:700}
.benefit-desc ul{padding-left:20px}
.benefit-logo{margin-bottom:10px}
.benefit-block:nth-child(-n+3) .benefit-logo{height:100px;margin-top:-70px}
.benefit-block:nth-child(-n+3) .benefit-logo img{max-height:100px;}
.benefit-block:nth-child(n+4) .benefit-logo{height:80px;margin-top:-60px}
.benefit-block:nth-child(n+4) .benefit-logo img{max-height:80px;}

.join-merchant-section{background:#DC4928 url(../img/banner_joinmerchant.png) no-repeat left 1355%;color:#FFF;position:relative;overflow:hidden}
.join-merchant-section h1.section-title{font-style:italic;transform:rotate(-10deg);margin-bottom:30px}
.bg-section-title{position:absolute;top:-115px;height:300px;left:0;right:0;text-align:center}
.bg-section-title img{height:100%}
.banner-logo{width:80%;margin-left:-10px}
.bg-merchant-desc{font-size:2.375rem;margin-bottom:10px}
.bg-merchant-flag{display:inline-block;width:100%;padding:5px 15px;margin-bottom:20px;font-size:1.5rem;color:#231F20;background-color:#FFF200;box-shadow:5px 5px rgba(64,64,65,1);}
.bg-merchant-action{text-align:center}
.bg-merchant-action a{margin-top:10px}

/* Merchant Packages & Benifits */
.merchant-benefit-container{position:relative;margin-bottom:30px;padding:10px 0}
.merchant-benefit-item{display:block;width:280px;padding:5px 10px;margin:20px auto;background:#00adef;color:#FFF;position:relative}
.merchant-benefit-list{position:relative}
.merchant-benefit-list:before{content:'';position:absolute;left:50%;margin-left:-2px;top:-10px;bottom:0;border-left:4px solid #00adef}

/* F1Benefit Special */
.merchant-benefit-item-f1benefit{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content:center;align-items:center;position:relative;height:200px;width:200px;border-radius:50%;background:#003042;padding:0 20px;z-index:3;margin:0 auto 20px}
.merchant-benefit-item-f1benefit:before{content:'';position:absolute;height:220px;width:220px;border:5px solid #003042;border-radius:50%;z-index:2}
.merchant-benefit-item-f1benefit .merchant-benefit-text{margin-top:-10px}
.f1benefit-star{font-size:6.5rem;line-height:5.5rem;text-align:center;color:#FFF}
.f1benefit-star .fa-star:before{content:'\f006';font-family:FontAwesome;font-style:normal;}

.merchant-packages-list{background:rgba(1,123,112,.6)}
.merchant-packages-block{margin-bottom:30px;}
.merchant-package-option{max-width:300px;margin:0 auto}

.mpo-option{margin-bottom:-10px;border-top-left-radius:5px;border-top-right-radius:5px}
.mp-option-a .mpo-option{background-color:rgba(255,255,255,1);color:rgba(247,150,59,1)}
.mp-option-b .mpo-option{margin-right:2px;background-color:rgba(255,255,255,1);color:rgba(76,161,217,1)}
.mp-option-c .mpo-option{background-color:rgba(255,255,255,1);color:rgba(239,101,161,1)}

.mpo-benefits-desc:before, .mpo-benefits-desc:after{background-color:rgba(255,255,255,1)}

.mp-option-a .mpo-benefits-title:before, .mp-option-a .mpo-benefits-title:after, .mp-option-a .mpo-tnc:before, .mp-option-a .mpo-tnc:after{background-color:rgba(247,150,59,1)}
.mp-option-b .mpo-benefits-title:before, .mp-option-b .mpo-benefits-title:after, .mp-option-b .mpo-tnc:before, .mp-option-b .mpo-tnc:after{background-color:rgba(76,161,217,1)}
.mp-option-c .mpo-benefits-title:before, .mp-option-c .mpo-benefits-title:after, .mp-option-c .mpo-tnc:before, .mp-option-c .mpo-tnc:after{background-color:rgba(239,101,161,1)}

.merchant-package-option{text-align:center;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items:center;justify-content:center}
.merchant-package-option > div{width: 100%;padding:15px;position:relative}
.merchant-package-option > div.mpo-option{letter-spacing:1.3px;}

.mpo-benefits-desc{text-align:center;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items:center;justify-content:center;min-height:220px}
.mp-option-a .benefit-highlight{color:rgba(247,150,59,1)}
.mp-option-b .benefit-highlight{color:rgba(76,161,217,1)}
.mp-option-c .benefit-highlight{color:rgba(239,101,161,1)}

/* Chevron Shape */
.mpo-benefits-title > div, .mpo-benefits-desc > div, .mpo-tnc > div{position:relative;z-index:3}
.mpo-benefits-title:before, .mpo-benefits-title:after, .mpo-benefits-desc:before, .mpo-benefits-desc:after, .mpo-tnc:before, .mpo-tnc:after{content:'';position:absolute;top:0;height:100%;}
.mpo-benefits-title:before, .mpo-benefits-desc:before, .mpo-tnc:before{left:0;width:51%;transform:skew(0deg, 6deg);}
.mpo-benefits-title:after, .mpo-benefits-desc:after, .mpo-tnc:after{right:0;width:50%;transform:skew(0deg, -6deg);}

/* MPB Footer */
.mp-mdr-percent{color:#FFF;margin-bottom:10px}
.mp-tnc-block{display:none;color:#000}
.mp-tnc-list{padding:0 20px 0 40px}
.mp-tnc-list li + li{margin-top:10px}
.mp-tnc-action{display:block;}
.btn-design-mptnc{display:inline-block;color:#FFF;cursor:pointer}
.btn-design-mptnc:hover{opacity:1}
.btn-design-mptnc .mp-tnc-line{position:relative;margin-bottom:5px;margin-left:-3px;margin-right:-3px}
.btn-design-mptnc .mp-tnc-line.mptnc-line-03{margin-top:10px}
.btn-design-mptnc .mp-tnc-line:before, .btn-design-mptnc .mp-tnc-line:after{content:'';position:absolute;width:50%;border-top:2px solid #fff;transition:all .2s}
.btn-design-mptnc .mp-tnc-line:before{left:1px;transform: rotate(20deg);}
.btn-design-mptnc .mp-tnc-line:after{right:1px;transform: rotate(-20deg);}
.btn-design-mptnc.open .mp-tnc-line:before{left:1px;transform: rotate(-20deg);}
.btn-design-mptnc.open .mp-tnc-line:after{right:1px;transform: rotate(20deg);}
.mp-tnc-text{margin-top:15px;cursor:pointer}

/* Merchant Testimonial */
.merchant-testimonial{margin:0}
.merchant-testimonial .content-area{padding:0}
.mt-list{max-height:100%}

/* Merchant List */
.merchant-list{}
.merchant-list:before, .merchant-list:after{content:' ';display:table;width:100%}
.merchant-block{text-align:center; }
.merchant-item{margin-bottom:20px; border-radius:10px;}
.merchant-item img{border-radius:15px;}

/* Member */
.section-earn{background:#B5DCDB;margin:100px 0 0}
.ar-block{background:#FFF;margin-top:-80px;position:relative;z-index:2;}
.header-01{background:#00adef;padding:15px 10px;text-align:center;color:#FFF;border:1px solid #00adef;border-radius:20px 20px 0 0;}
.header-02{background:#003042;padding:10px 10px;text-align:center;color:#FFF;border:1px solid #003042;font-size:1.375rem}
.ar-body{padding:30px;border:1px solid #fff}
.earn-block{margin-top:20px}
.earn-item{border-radius:20px;background:#E7E7E7;padding:20px;text-align:center;height:100%}
.icon-coin{margin-bottom:20px;margin-top:-40px}
.icon-coin img{max-height:40px}
.m2o-chart{text-align:center;margin:20px 0}
.m2o-chart img{max-width:80%}
.last-body{border:1px solid transparent}

/* Shop */
.shop-section{background:#003042;padding:50px 0}

/* Footer */
.footer-section{background:#151d34;padding:50px 0;font-size:0.875rem;position:relative;z-index:12}
.fc-company{margin-bottom:20px}
.fc-address, .fc-contact{margin-top:3px}
.footer-company, .footer-company a{color:#FFF}
.footer-company > div{position:relative}
.footer-company > div > span{position:absolute;left:0}
.footer-company > div > a, .footer-company > div > div{padding-left:65px}

.footer-menu ul{list-style:none;padding:0;margin:0}
.footer-menu ul li a{color:#9EC6A5}
.footer-menu ul li + li{margin-top:10px}
.footer-download.download-search .search-block .search-input{border-color:#FFF}

.footer-main-block > .layout-1x3 > div + div{margin-top:15px}
.footer-download .download-title{color:#FFF}
.copyright{font-size:0.75rem;color:#FFF;padding:10px 0}

/* button design */
.btn-design-01{display:inline-block;padding:5px 20px;background:#003042;color:#FFFFFF;border-radius:5px;border:2px solid #003042;cursor:pointer;transition:all .3s;}
.btn-design-02{display:inline-block;padding:5px 20px;background:#151d34;color:#FFFFFF;border-radius:5px;border:2px solid #00adef;cursor:pointer;transition:all .3s;}
.btn-design-03{display:inline-block;padding:5px 20px;background:transparent;color:#FFFFFF;border-radius:5px;border:2px solid #FFFFFF;cursor:pointer;transition:all .3s;}
.btn-design-04{display:inline-block;padding:5px 20px;background:#FFF;color:#003042;border-radius:5px;border:2px solid #FFFFFF;cursor:pointer;transition:all .3s}
.btn-design-05{display:inline-block;padding:5px 20px;background:#FFF200;color:#00adef;border-radius:5px;border:2px solid #FFF200;cursor:pointer;transition:all .3s;}
.btn-design-ribbon{display:inline-block;padding:5px 35px;background:#003042;color:#FFF;text-transform:uppercase;position:relative;font-size:0.875rem;width:100%;text-align:center}
.btn-design-ribbon:before{content:"";position:absolute;left:-1px;bottom:0;width:0;height:0;border-left:30px solid #00adef;border-top:14px solid transparent;border-bottom:14px solid transparent;}
.btn-design-ribbon:after{content:"";position:absolute;right:-1px;bottom:0;width:0;height:0;border-right:30px solid #00adef;border-top:14px solid transparent;border-bottom:14px solid transparent;}

.btn-design-01 span, .btn-design-02 span, .btn-design-03 span{margin-left:10px;display:inline-block;line-height:1px;vertical-align:middle}
[class*="btn-design"]:hover{opacity:0.8}
.btn-large{padding:15px 40px;font-size:1.25rem;letter-spacing:1.1px}
.btn-middle{padding:10px 30px}
.btn-design-retweet{display:inline-block;padding:8px 25px;line-height:1;font-size:1rem;border-radius:12px;color:#fff;background:rgba(56,161,243,1)}
.btn-design-retweet span{padding-left:10px;margin-bottom:2px}
.btn-design-retweet span,.btn-design-retweet:before{vertical-align:middle;display:inline-block}
.btn-design-retweet:before{content:' \f099'; font-family: 'FontAwesome'; font-size:1rem}

.bling{-webkit-animation: BLING 1.2s infinite;-moz-animation:BLING 1.2s infinite;-o-animation:BLING 1.2s infinite;animation:BLING 1.2s infinite;}

@-webkit-keyframes BLING{0%{-webkit-box-shadow: 0 0 0 0 rgba(255,242,0, 0.6);}70%{-webkit-box-shadow: 0 0 0 10px rgba(255,242,0, 0);}100%{-webkit-box-shadow: 0 0 0 0 rgba(255,242,0, 0);}}
@-moz-keyframes BLING{0%{-webkit-box-shadow: 0 0 0 0 rgba(255,242,0, 0.6);}70%{-webkit-box-shadow: 0 0 0 10px rgba(255,242,0, 0);}100%{-webkit-box-shadow: 0 0 0 0 rgba(255,242,0, 0);}}
@-o-keyframes BLING{0%{-webkit-box-shadow: 0 0 0 0 rgba(255,242,0, 0.6);}70%{-webkit-box-shadow: 0 0 0 10px rgba(255,242,0, 0);}100%{-webkit-box-shadow: 0 0 0 0 rgba(255,242,0, 0);}}
@keyframes BLING{0%{-webkit-box-shadow: 0 0 0 0 rgba(255,242,0, 0.6);}70%{-webkit-box-shadow: 0 0 0 10px rgba(255,242,0, 0);}100%{-webkit-box-shadow: 0 0 0 0 rgba(255,242,0, 0);}}

/* Form */
.sys-form-block{}
.sys-form-block:after{content:'';display:table;clear:both;width:100%}
.sys-form-list{margin-bottom:15px;position:relative;}
.sys-form-list:after{content:'';display:table;width:1%}
.sys-form-title{font-size:1.5rem;margin-bottom:10px}
.sys-form-label{font-weight:600;}
.sys-form-input{position:relative;}
.sys-form-input.w-50 input.datepicker{max-width:100%}
.sys-form-input .SumoSelect{display:block}
.sys-form-input .SumoSelect.SelectClass{position:absolute}
.sys-form-input .SumoSelect > .CaptionCont{width:100%}
.sys-form-input input{width:100%;height:48px;padding:10px 20px;border-radius:5px;border:2px solid #ccc;}
.sys-form-input textarea{width:100%;padding:10px;border-radius:5px;border:2px solid #ccc;}
.sys-form-error-block span{display:block;opacity: 0.83;transition: opacity 0.6s;padding:10px}
.sys-form-video{margin-bottom:50px}
.form-btn-block a{margin-bottom:20px}
.sys-form-bg-grey{background:#B6B8C7;padding:30px 0 15px 0;margin-bottom:15px;position:relative}
.sys-form-bg-grey:before, .sys-form-bg-grey:after{content:'';position:absolute;background:#B6B8C7;top:0;bottom:0;width:50px}
.sys-form-bg-grey:before{left:-30px}
.sys-form-bg-grey:after{right:-30px}
.sys-form-bg-grey .sys-form-label{color:#FFF}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee;
}

/* Accordion Layout */
.panel-group{margin-bottom:20px}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}
.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}
.faq-panel-default{border-color:#ddd}
.panel-default > .panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
.panel-group .panel-heading{border-bottom:0;position:relative}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px}
.panel-heading a{display:block;font-size:16px;padding:11px 50px 11px 15px;background:#00adef;color:#fff;position:relative;border-bottom:none !important;text-transform:uppercase}
.panel-heading a.collapsed{color:#363636;background:#fff}
.panel-heading a:hover{color:#fff}
.panel-heading a.collapsed:hover{color:#00adef}
.panel-heading a i:before{content:"\f106";font-family:FontAwesome;font-size:30px;font-weight:700;font-style:normal;position:absolute;right:20px;top:50%;margin-top:-14.945px}
.panel-heading a.collapsed i:before{content:"\f107"}
.collapse{display:none}
.collapse.in{display:block}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility}
.panel-default > .panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}
.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}
.panel-group .panel+.panel{margin-top:5px}
.panel-body{padding:15px}
.panel-body a{color:#e5b343;border-bottom:none !important}

/* Tab Layout */
.sys-tab-menu{width:100%;margin-bottom:20px}
.sys-tab-menu:after{content:'';display:table;clear:both;width:100%}
.sys-tab-menu nav{overflow:auto;-webkit-overflow-scrolling: touch;}
.sys-tab-menu ul{list-style:none;padding:0;margin:0;overflow: auto;white-space: nowrap;}
.sys-tab-menu ul:before, .sys-selection-tab:after{display:table;clear:both;width:100%;content:''}
.sys-tab-menu ul li{float:left;position:relative;font-size:18px;margin-right:50px}
.sys-tab-menu ul li a{display:block;padding:5px 0!important;cursor:pointer;color:#969595;font-weight:700}
.sys-tab-menu ul li.select a, .sys-tab-menu ul li:hover a, .sys-tab-menu  ul li.active a{border-bottom:3px solid #00aeef;color:#424242;font-weight:700}
.sys-tab-menu ul li:hover a{transition:all .5s}
.sys-tab-menu nav::-webkit-scrollbar{width: 12px;}
.sys-tab-menu nav::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px rgba(234,196,91,0.3); border-radius: 10px;}
.sys-tab-menu nav::-webkit-scrollbar-thumb {background:rgba(234,196,91,1);border-radius: 10px;-webkit-box-shadow: inset 0 0 2px rgba(234,196,91,0.5);}
.sys-tab-panel-default.panel{background:transparent}
.tab-content > .tab-panel{display: none;}
.tab-content > .active{display: block;color:#424242}
.fade{opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}
.fade.in{opacity: 1;}

.f1-merchant-list + .tab-content > .tab-panel > .panel{box-shadow:none;-webkit-box-shadow:none}

/* Tab > Dropdown */
.custom-list-01{display:none;list-style:none;padding:0;margin:0;background:#E3F4E8}
.custom-list-01 li{display:block;text-align:left}
.custom-list-01 li > a{display:inline-block;width:100%;padding:10px 15px 5px;color:#00adef}
.mobile-panel-btn {position:relative; cursor:pointer;padding:10px 20px;border:1px solid #00adef;background:#00adef;color:#FFF;border-radius:3px;font-size:20px;}
.mobile-panel-btn a{color:#fff;font-weight:700}
.mobile-panel-btn .mb-icon{position:absolute; right:10px; top:31%;margin-top:-21px; background:transparent; border:1px solid transparent; padding:0 7px; z-index:10; cursor:pointer; font-size:24px;transition:all .5s}
.mobile-panel-btn .mb-icon:before{content:'\f107'; font-family:'FontAwesome'; color:#fff; font-size:40px}
.mobile-panel-btn .mb-icon.down{transform:rotate(-180deg);transition:all .5s}
.mobile-panel-btn > div{width:100%;height:auto;padding:0}
.mobile-panel-btn > div > div{display:inline-block;vertical-align:middle}
.mobile-panel-btn .pb-title{display:inline-block;vertical-align:middle}

/* Table Layout */
.ar-tbl-01{margin-bottom:10px}
.ar-tbl-01 thead td{background:#003042;color:#FFF;padding:10px;border:1px solid #003042;text-align:center}
.ar-tbl-01 tbody td{padding:10px;text-align:center;border:1px solid #ccc}
.ar-tbl-01 tbody tr:first-child td{border-top:0}

/* checkbox */
.fa-chk table{width:100%}
.fa-chk tr:first-child td{padding-top:0}
.fa-chk{position:relative;display:block;}
.fa-chk tr td{padding-top:10px}
.fa-chk input{display: none;}
.fa-chk label{position: relative;display: block;padding-left: 40px;line-height: 1.2;margin-left:0!important;cursor:pointer}
.fa-chk label:before{content:'';display: block;height:30px;width:30px;border: 3px solid;position: absolute;left: 0;top: 0%;border-radius:5px}
.fa-chk input:checked + label:before{border:3px solid;content:'\f00c';font-family:FontAwesome;text-align: center;line-height: 25px;font-size:1.25rem;}
.fa-chk input:checked + label{font-weight:700}
.fa-chk input:checked + label > span.advance-icon{background-position: -17px 0;}
.fa-chk::-webkit-scrollbar{width:6px;}
.fa-chk::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3); border-radius: 10px;}
.fa-chk::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5);}
.fa-chk.chk-all{height:100%;margin-bottom:20px}
.fa-chk.chk-all label,
.chk-all-btn.advance-icon{display:inline-block}
.chk-all-btn.advance-icon{cursor:pointer}

/* radio button */
.fa-radio{position:relative;display:block;}
.fa-radio table{width:100%}
.fa-radio tr td{}
.fa-radio tr:first-child td{padding-top:0}
.fa-radio input{display: none;}
.fa-radio label{position: relative;display: block;padding-left: 40px;line-height: 30px;margin-left:0!important;cursor:pointer}
.fa-radio label:before{content:'';display: block;height:30px;width:30px;border: 1px solid;position: absolute;left: 0;top: 50%;margin-top: -15px;border-radius:30px}
.fa-radio input:checked + label:after{content:'';border:5px solid #fe5c50;position:absolute;border-radius:50%;left:10px;top: 50%;margin-top: -5px;}

/* Article Formatting */
.breadcrumb{background-color: #f5f5f5;}
.breadcrumb-list{padding:8px 0;font-size:0.875rem}
.breadcrumb-list li{display:inline-block}
.breadcrumb-list li:before{content:'/'; display:inline-block; padding:0 10px}
.breadcrumb-list li:first-child:before{display:none}
.breadcrumb-list li:first-child a{color:#fe5c50; font-weight:bold}
.breadcrumb-list, .breadcrumb-list a{color:#7D7D7D}

/* Pagenation */
.pagenation-controller{position:relative;display:table;width:35%;margin:10px auto;table-layout:fixed}
.pagenation-controller > div{display:table-cell;vertical-align:middle}
.pagenation-controller .paginate {display:block;position: relative;margin: 0 auto;width:25px;height: 35px;cursor: pointer;transform: translate3d(0, 0, 0);-webkit-filter: drop-shadow(0 2px 0px rgba(0, 0, 0, 0.2));}
.pagenation-controller .paginate i {position: absolute;top: 40%;left: 0;width: 25px;height: 5px;border-radius: 2.5px;background:linear-gradient(to bottom, rgba(252, 138, 93, 1),rgba(254, 92, 80, 1));transition: all 0.15s ease;}
.pagenation-controller .paginate.left {}
.pagenation-controller .paginate.left i {transform-origin: 0% 50%;}
.pagenation-controller .paginate.left i:first-child {transform: translate(0, -1px) rotate(40deg);}
.pagenation-controller .paginate.left i:last-child {transform: translate(0, 1px) rotate(-40deg);}
.pagenation-controller .paginate.left:hover i:first-child {transform: translate(0, -1px) rotate(30deg);}
.pagenation-controller .paginate.left:hover i:last-child {transform: translate(0, 1px) rotate(-30deg);}
.pagenation-controller .paginate.left:active i:first-child {transform: translate(1px, -1px) rotate(25deg);}
.pagenation-controller .paginate.left:active i:last-child {transform: translate(1px, 1px) rotate(-25deg);}
.pagenation-controller .paginate.left[data-state=disabled] i:first-child {transform: translate(-5px, 0) rotate(0deg);}
.pagenation-controller .paginate.left[data-state=disabled] i:last-child {transform: translate(-5px, 0) rotate(0deg);}
.pagenation-controller .paginate.left[data-state=disabled]:hover i:first-child {transform: translate(-5px, 0) rotate(0deg);}
.pagenation-controller .paginate.left[data-state=disabled]:hover i:last-child {transform: translate(-5px, 0) rotate(0deg);}
.pagenation-controller .paginate.right {}
.pagenation-controller .paginate.right i {transform-origin: 100% 50%;}
.pagenation-controller .paginate.right i:first-child {transform: translate(0, 1px) rotate(40deg);}
.pagenation-controller .paginate.right i:last-child {transform: translate(0, -1px) rotate(-40deg);}
.pagenation-controller .paginate.right:hover i:first-child {transform: translate(0, 1px) rotate(30deg);}
.pagenation-controller .paginate.right:hover i:last-child {transform: translate(0, -1px) rotate(-30deg);}
.pagenation-controller .paginate.right:active i:first-child {transform: translate(1px, 1px) rotate(25deg);}
.pagenation-controller .paginate.right:active i:last-child {transform: translate(1px, -1px) rotate(-25deg);}
.pagenation-controller .counter, .pagenation-controller .counter input{text-align: center;font-size:1.5625rem;text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);color:linear-gradient(to bottom, rgba(252, 138, 93, 1),rgba(254, 92, 80, 1));width:60px}
.pagenation-controller .counter input{width:30px;padding:0!important;border:none;border-bottom:2px solid linear-gradient(to bottom, rgba(252, 138, 93, 1),rgba(254, 92, 80, 1));background:transparent}
.pagenation-controller .arror-first, .pagenation-controller .arror-last{text-align:center;display:none!important}
.pagenation-controller .arror-first a, .pagenation-controller .arror-last a{background:linear-gradient(to bottom, rgba(252, 138, 93, 1),rgba(254, 92, 80, 1));font-weight:700;color:#FFF;padding:8px 25px;transform: translate3d(0, 0, 0);-webkit-filter: drop-shadow(0 2px 0px rgba(0, 0, 0, 0.2));border-radius:5px}

.pagenation-controller-v2 .counter{display:flex;justify-content:center}
.pagenation-controller-v2 .counter > div > input{font-family: 'Montserrat',Arial,sans-serif!important;font-weight: bold;background:#EEEEEE;color:#484848;border-radius:15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;padding:10px 15px;margin:0 5px;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-feature-settings: "kern" 1;-moz-font-feature-settings: "kern" 1;margin-bottom: 0;text-align: center;vertical-align: middle;cursor: pointer;background-image: none !important;text-shadow: none;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: color 0.1s linear 0s,background-color 0.1s linear 0s,opacity 0.2s linear 0s !important;transition: color 0.1s linear 0s,background-color 0.1s linear 0s,opacity 0.2s linear 0s !important;border:0;outline: none !important;}
.pagenation-controller-v2 .counter > div:first-child > input, .pagenation-controller-v2 .counter > div:last-child > input, .pagenation-controller-v2 .counter > div.pc_forward > input{background:transparent}
.pagenation-controller-v2 .counter > div.active > input{background:#fe5c50;color:#FFF}
.pagenation-controller-v2 .counter > div.inactive > input{color:#A9A9A9;pointer-events:none}

/* Select list */
.ar-select-list{position:relative;}
.ar-select-list:after{content: "\f107"!important;font-family: FontAwesome;font-weight: 700;font-style: normal;position: absolute;top: 50%;right: 5px;margin-top: -12.5px;height: 25px;width: 25px;font-size:1.625rem;color:#838383}
.ar-select-list select{-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;width: 100%;height: 44px;padding: 0 30px 0 20px;line-height: 1.5;color: #424242;background-color: #ffffff;background-image: none;border:2px solid #ccc;-ms-word-break: normal;word-break: normal;border-radius:5px;font-family:'Open Sans',Arial,sans-serif!important;outline:none}
.ar-select-list select.disable{background:#ccc}
.ar-select-list select::-ms-expand {display: none;}
.ar-select-list option{padding:10px}

/* Animation popup */
.zoom-anim-dialog{background: white;padding: 32px;text-align: left;max-width: 600px;margin: 40px auto;position: relative;}
.zoom-anim-dialog > div{display:inline-block;vertical-align:top}
.application{background-color:#71a02d;color:#FFF;padding:3px 10px;display:inline-block}
.zoom-anim-dialog .title{font-size:1.25rem;font-weight:700;margin:10px 0 10px 0}
.zoom-anim-dialog .mfp-close{font-size:2.8125rem;font-weight:300!important}
.mfp-product-images{margin-bottom:20px}
.mfp-product-images figure{margin:0;max-height:480px;max-width:720px;text-align:center}
.mfp-product-images figure img{max-height:480px}
.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);opacity:0;}
.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity 0.3s ease-out;-moz-transition:opacity 0.3s ease-out;-o-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out;}
.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:0.8;}
.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0;}

/* Notification Block */
.notification-block{transition:all .5s;position:relative;top:0;left:0;right:0;z-index:8;padding:30px 0;display:none}
.notification-box{padding:20px 50px 20px 20px;position:relative;transition:all .5s;left:0;right:0;border-radius:5px}
/*.notification-closebtn{padding-left: 15px;font-weight: bold;font-size: 26px;line-height: 18px;cursor: pointer;transition: 0.3s;position:absolute;right:25px;height:25px;z-index:50}*/
.notification-closebtn{cursor: pointer;transition: 0.3s;position:absolute;right:20px;z-index:50;cursor:pointer;width:20px;height:26px;top:20px}
.notification-closebtn:before{font-family:FontAwesome;content:'\f00d';font-size:24px}
.notification-block.show{display:block}
.notification-block.show .notification-box{opacity: 0.83;transition: opacity 0.6s;}

.notification-box{background:#fff;}
.notification-block.show .notification-box{color: #fff;}
.notification-block.show.error-msg .notification-box{background-color: #f44336;}
.notification-block.show.success-msg .notification-box{background-color: #4CAF50;}

/* Contact Us */
.contactus-section{background:#BAD3BD url(../img/banner_contactus.png) no-repeat 0 430%;padding:50px 0;}
.contactus-form{max-width:640px;margin:0 auto}
.merchant-form{max-width:720px;margin:0 auto}
.company-details.footer-company{position:static!important;top:inherit;right:inherit;color:inherit}
.company-details.footer-company a{color:inherit}
.validation{font-size:14px;color:#F00}
.validation-bg{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;border-radius:4px;}

.f1merchant-section{padding:50px 0}
.f1-merchant-sublist{display:none}
.dropdown-sublist{list-style:none;padding:0;margin:0}
.tab-panel-title{margin-bottom:20px;font-weight:700}
.f1merchant-panel-list + .f1merchant-panel-list {border-top:1px solid #ccc;padding-top:20px;margin-top:20px}

/* FAQ */
.section-faq{padding:50px 0}

/* Promotion */
.section-promotion{padding:50px 0}
.ar-landing-promotion .ar-promotion-item + .ar-promotion-item{border-top:1px solid #ccc;margin-top:25px;padding-top:25px;}
.ar-landing-promotion .ar-promotion-item{margin-bottom:20px}
.ar-landing-promotion .ar-promotion-block{display:block}
.ar-landing-promotion .ar-promotion-title{font-size:1.125rem;text-decoration:none}
.ar-landing-promotion .ar-promotion-date{font-size:0.875rem;color:#646464}
.ar-landing-promotion .ar-promotion-image{background-repeat:no-repeat;background-position:center center;background-size:cover;max-height:127px;height:127px;border:1px solid #ccc;margin-top:0}
.ar-promotion-list{}
.ar-promotion-item{}
/*.ar-promotion-item + .ar-promotion-item{border-top:1px solid #ccc;margin-top:50px;padding-top:50px}*/
.ar-promotion-block{}
.ar-promotion-block > div + div{margin-top:10px}
.ar-promotion-date{font-size:1.125rem}
.ar-promotion-image{}
.ar-promotion-title{font-size:1.5rem;color:#00adef;text-decoration:underline;}
.ar-promotion-content{font-size:1.125rem}

/* Policy and Terms */
.privacy-section, .termscondition-section, .return-section{padding:50px 0;max-width:768px;margin:0 auto}

/* New Section (Flag + Rewards) */
.flag-section{padding:50px 0;background:#D7E5DA url(../img/img_cloud.png) 10% -50% no-repeat}
.flag-title{font-size:1.875rem}
.flag-title .forestone-tag img{width:50%;vertical-align:middle;margin-bottom:5px}
.flag-subtitle img{width:100%}

.rewards-section{padding:50px 0;background:#151d34}
.rewards-title{font-size:2rem}
.rewards-title span{font-size:1.875rem;height:2rem;width:2rem;line-height:1.875rem;color:#00adef}
.rewards-subtitle{font-size:1.25rem}
.rewards-list, .rewards-img{margin-top:20px}
.rewards-img{margin-bottom:20px}
.rewards-item{max-width:320px;margin-left:auto;margin-right:auto}
.rewards-list + .rewards-list{margin-top:100px;position:relative;z-index:10;}
.rewards-list + .rewards-list:before{content:'';display:block;background-image:url(../img/icon_coin.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:30px;width:30px;position:absolute;left:50%;margin-left:-15px;top:-70px;z-index:3;}
.rewards-list + .rewards-list:after{content:'';display:block;border-left:1px dashed #FFF200;position:absolute;left:50%;margin-left:-0.5px;height:100px;top:-100px;z-index:2}
.rewards-img{text-align:center}
.rewards-img img{width:80%;}
.rewards-list:last-child .rewards-img img{width:100%;}
.forestone-mix img{width:45%;vertical-align:middle;margin-bottom:2px}


.ar-body .rewards-list:after{border-color:#003042}
.ar-body .rewards-item{text-align:center;max-width:100%}
.ar-body .btn-design-ribbon{width:100%;display:inline-block;padding-left:20px;padding-right:20px}
.ar-body .btn-design-ribbon:before{border-left-color:#FFF;}
.ar-body .btn-design-ribbon:after{border-right-color:#FFF;}
.rewards-desc{height:220px;width:220px;border-radius:50%;background:#00adef;color:#FFF;text-align:center;display:table;table-layout:fixed;margin:0 auto}
.rewards-desc-item{display:table-cell;vertical-align:middle;padding-left:20px;padding-right:20px}
.rewards-desc-item > div{font-size:2.375rem;font-weight:700}

.ar-body .rewards-list:nth-child(2) .layout-1x1-lg .rewards-img{order:1;margin-top:20px;margin-bottom:20px}
.ar-body .rewards-list:nth-child(2) .layout-1x1-lg .rewards-circle{order:2}
.ar-body .rewards-list + .rewards-list:after{height:15px;width:25%;border-left:0;background-image:url(../img/dash_arrow.png);background-repeat:no-repeat;background-position:100% 50%;background-size:cover;transform:rotate(90deg);left:50%;margin-left:-45px;top:-62px}

.spend-earn-desc{position:relative}
.spend-earn-desc span{display:block}
.promo-circle{height:180px;width:180px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-image:url(../img/img_promo_circle.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;color:#FFF;margin:20px auto 0}
.promo-circle > div{position:relative;width:100%;min-height:1px;transform:rotate(-5deg)}
.spend-earn-desc > span{position:relative;display:inline-block;}
.spend-earn-desc > span:before{content:'';display:block;position:absolute;top:0;right:-30px;bottom:0;left:-30px;background-image:url(../img/img_dash_red.png);background-position:50% 50%;background-repeat:no-repeat;background-size:contain}
.spend-earn-desc > span, .promo-circle > div > span{font-size:2rem;font-weight:700}
.promo-circle > div > span{line-height:1;}

.product-list{margin-top:30px;}
.product-item{margin-bottom:20px}
.product-item:last-child .product-block a{display:flex;align-items:center;justify-content:center;height:100%}
.product-block{padding:10px;background:#FFF;height:100%;}
.product-block a {color:#646464;display:flex;align-items:flex-end;flex-wrap: wrap;height:100%}
.product-block a > div + div{margin-top:10px}
.product-title{font-size:1.125rem;width:100%}
.product-price{font-size:1.25rem;width:100%}

.shop-block .product-block{border:1px solid #ccc}

/* Video Frame */
.video-block{position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;}
.video-frame{position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;}

@media screen and (min-width:370px){
    .burger-menu{width:77px;}


}

@media screen and (min-width:768px) {  
    .burger-menu{width:120px;}
    .burder-menu-list{left:25px;right:25px}

    .footer-stayconnect{-ms-flex: 0 0 50%;flex:50%;max-width:50%;}
    .footer-stayconnect img{width:80%}    
    .footer-company{position:absolute!important;top:-170%;right:5%}
    .mobile-panel-btn{display:none}
    .custom-list-01{margin-bottom: 50px;white-space: nowrap;overflow-x: auto;overflow-y:inherit;display:block;align-items:center;justify-content:space-between;padding-bottom:10px;background:transparent}
    .custom-list-01 > li{display: inline-block;position:relative}
    .custom-list-01 > li > a{border-bottom:3px solid transparent;transition:all .3s;cursor:pointer;color:#00adef}
    .custom-list-01 > li.select > a, .custom-list-01 > li:hover > a{border-color:#003042}
    .dropdown-sublist{position:absolute;padding:10px;border:1px solid #ccc;border-radius:5px;margin:10px 0}

    .banner-section{margin-top:20px}
    .banner-title{text-align:center;font-size:1.5rem;position:absolute;top:50%;margin-top:-52.98px;left:20px;right:20px;padding:0;background:transparent;color:#646464}
    .banner-title > div{width:50%}

    .merchant-benefit .section-subtitle span img{width:15%;}
    .title-img{width:25%}

    .m2o-community{position:relative;padding-top:50px}
    .m2o-community .m2o-community-round{position:absolute;left:0;right:0;top:0;bottom:0;display:inline-block;background-color: #D8E4D8;border-top-left-radius: 768px;border-top-right-radius: 768px;border-bottom: 0;width:100%;}
    .m2o-community-desc{position:relative;z-index:4}
    .m2o-self-earn{padding-top:75px}
    .m2o-self-arrow{position:absolute;top:0;left:50%;margin-left:80px;display:block}
    .m2o-self-earn-desc{text-align:left;position:absolute;left:50%;margin-left:150px;top:30px}

    .m2o-break-line{border-top:3px solid #000;width:100%;max-width:808px;margin:20px auto;height:100%;position:relative}
    .m2o-break-line:before, .m2o-break-line:after{content:' ';display:block;position:absolute;border-left:3px solid #000;height:20px;top:-20px}
    .m2o-break-line:before{left:0}
    .m2o-break-line:after{right:0}
    .m2o-break-line span{position:absolute;left:50%;margin-left:-17px;top:-3px}
    .m2o-break-line span:before, .m2o-break-line span:after{content:'';display:block;position:absolute;width:0;height:0;border-style:solid;}
    .m2o-break-line span:before{border-color:#000 transparent transparent transparent;border-width:17px;}
    .m2o-break-line span:after{border-color: #fff transparent transparent transparent;border-width:14px;left:3px;top:-1px}

    .flag-section{background-position-x:-3%}
    .flag-title .forestone-tag img{width:30%;margin-bottom:10px}
    .flag-subtitle img{width:55%}

    .ar-body .btn-design-ribbon{width:280px}
    .ar-body .rewards-list + .rewards-list:after{width:15%;margin-left:-52px;top:-62px}

    .ar-landing-promotion .ar-promotion-item + .ar-promotion-item{border-top:0;margin-top:0px;padding-top:0px}

    .spending-img + .section-title > div + div > div:nth-child(1) > span{display:inline-block;position:absolute;height:100px;z-index:3;margin:0 0 0 15px} 
    .month-21000{margin-top:30px}
    .month-21000 div img{width:50%}

    .banner-logo{width:30%}
    .bg-merchant-flag{width:70%}
    .bg-merchant-flag > div{margin-left:20px}
    .bg-merchant-action{margin-left:20px;text-align:left}

    .mt-list{margin:-2.5px 0}
    .mt-list:before, .mt-list:after{content:'';display:table;width:100%;clear:both}
    .mt-block{padding:2.5px;width:33.333%;float:left;height:180px}
    .mt-block--height2{height:360px}
    .special-width, .mt-block--11{width:66.66%}
    .mt-special{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .mt-special > div{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .mt-block--01 .mt-block-img, .mt-block--04 .mt-special, .mt-block--04 .mt-special > div:last-child, .mt-block--04 .mt-special > div:last-child img, .mt-block--04 .bg-black, 
    .mt-block--05 .mt-special, .mt-block--05 .mt-special > div, .mt-block--05 .mt-special > div .bg-blue, .mt-block--05 .mt-special > div img,
    .mt-block--11 .mt-special, .mt-block--11 .mt-special > div, .mt-block--11 .mt-special > div .bg-black, .mt-block--11 .mt-special > div img {height:100%}    
}

@media screen and (min-width:1024px){
    .header-block{align-items:center;justify-content:center}
    .header-block > div:nth-child(1){-ms-flex: 0 0 20%;flex:20%;max-width:20%;}
    .header-block > div:nth-child(2){-ms-flex: 0 0 48%;flex:48%;max-width:48%;}
    .header-block > div:nth-child(3){-ms-flex: 0 0 30%;flex:30%;max-width:30%;}

    .banner-img{height:521px}
    .banner-img img{height:100%!important}

    .footer-section .content-area{position:relative}    
    .footer-company{position:relative!important;top:0;right:0}
    .footer-main-block > .layout-1x3, .footer-stayconnect{-ms-flex: 0 0 50%;flex:50%;max-width:50%;}         
    
    .banner-joinmerchant{background-image:url(../img/banner_merchant.png);padding:50px 0;min-height: 400px}
    .banner-joinmerchant .content-area{position:relative}
    .subbanner-text-block{padding:0}
    .be-merchant-img{position:absolute;right:0;top:0;text-align:right;padding:0}
    .be-merchant-img img{width:60%}
    .title-img{width:20%}
    

    .join-member-jump{position:absolute;top:-150%;height:400px;z-index:13;right:0;display:block}
    .join-member-jump img{max-height:100%}
    .m2o-community .m2o-community-round{width:770px;left:10px}

    .flag-title .forestone-tag img{width:20%;margin-bottom:10px}
    
    .banner-spending{background-image:url(../img/banner_member_new_01.png);padding:50px 0;min-height: 400px;background-color:#EF5428}
    .spending-img, .month-21000{display:none}
    .banner-spending .section-title > div > div{line-height:3rem}
    .spending-img + div{padding:0;background:transparent;}
    .spending-img + div > div:first-child{order:1}
    .spending-img + div > div:last-child{order:2}
    .spending-img + .section-title > div + div > div:nth-child(1) > span{display:none} 

    .ar-body .layout-1x3-lg{align-items:flex-end;}
    .ar-body .rewards-list .layout-1x1-lg .rewards-img{margin-top:20px;margin-bottom:20px;height:188px;display:flex;align-items:flex-end;justify-content:center}
    .ar-body .rewards-list .layout-1x1-lg .rewards-img img{width:80%}
    .ar-body .rewards-list:nth-child(3) .layout-1x1-lg .rewards-img img{width:100%}
    .ar-body .rewards-list .btn-design-ribbon{position:relative;z-index:4}
    .ar-body .rewards-list{margin-top:0}
    .ar-body .rewards-list + .rewards-list:before{top:0;left:-20px;margin-left:0}
    .ar-body .rewards-list + .rewards-list:after{height:15px;width:30%;top:7px;left:-15%;transform:rotate(0deg);margin-left:0}
    .ar-body .rewards-list + .rewards-list{margin-top:0px}
    .ar-body .layout-1x3-lg > div:nth-child(3) .rewards-img img{position:absolute;bottom:0px;left:50%;margin-left:-138px}
    .ar-body .layout-1x3-lg > div:nth-child(3) .btn-design-ribbon:before, .ar-body .layout-1x3-lg > div:nth-child(3) .btn-design-ribbon:after{border-left-color:#FFF;border-right-color:#FFF}
    .ar-body .layout-1x3-lg > div:nth-child(3) .rewards-item{text-align:right}
    .ar-body .layout-1x3-lg > div:nth-child(3) .rewards-item .btn-design-ribbon{max-width:215px}
    .ar-body .layout-1x3-lg > div:nth-child(3):after{width:50%}
    .ar-body .layout-1x3-lg > div:nth-child(3):before{left:5px}
    .ar-body .layout-1x3-lg > div:nth-child(1) .rewards-circle:before, .ar-body .layout-1x3-lg > div:nth-child(1) .rewards-circle:after{display:none}
    .ar-body .btn-design-ribbon + div:before{content:'';display:block;position:absolute;z-index:4;height:60px;width:30px;left:50%;margin-left:50px;top:50%;margin-top:12px;background-image:url(../img/arrow_cure_down_orange.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
    .rewards-circle{position:relative}
    .rewards-circle:before{content:'';display:block;position:absolute;z-index:3;top:50%;margin-top:-15px;left:-15px;height:30px;width:30px;background-image:url(../img/icon_coin.png);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
    .rewards-circle:after{content:'';display:block;position:absolute;z-index:2;top:50%;margin-top:-7px;left:-55px;height:15px;width:35%;background-image:url(../img/dash_arrow.png);background-position:100% 50%;background-repeat: no-repeat;background-size:cover;border-left:0;}

    .promo-circle{position:absolute;left:50%;margin-left:200px;top:-40px;margin-top:0}
    .merchant-package-option{max-width:100%;margin:0 auto}
    .bg-merchant-flag{width:50%}

    .merchant-benefit-list{position:absolute;top:0;right:0;bottom:0;left:0}
    .merchant-benefit-list:before{display:none}
    .merchant-benefit-item{position:absolute;width:330px}
    .merchant-benefit-item:nth-child(odd){left:0}
    .merchant-benefit-item:nth-child(even){right:0}
    .merchant-benefit-item:nth-child(1), .merchant-benefit-item:nth-child(2){top:0px}
    .merchant-benefit-item:nth-child(3), .merchant-benefit-item:nth-child(4){top:65px}
    .merchant-benefit-item:nth-child(5), .merchant-benefit-item:nth-child(6){top:150px}

    .merchant-benefit-item:before, .merchant-benefit-item:after{content:'';position:absolute;border-top:4px solid #00adef;}
    .merchant-benefit-item:before{top:50%;margin-top:-2px;width:70px;}
    .merchant-benefit-item:nth-child(odd):before{right:-70px}
    .merchant-benefit-item:nth-child(even):before{left:-70px}

    .merchant-benefit-item:after{width:60px}
    .merchant-benefit-item:nth-child(odd):after{right:-130px;}
    .merchant-benefit-item:nth-child(even):after{left:-130px;}

    .merchant-benefit-item:nth-child(1):after{transform:rotate(18deg);margin-top:-3px;margin-right:2px;}
    .merchant-benefit-item:nth-child(2):after{transform:rotate(-18deg);margin-top:-3px;margin-left:2px;}

    .merchant-benefit-item:nth-child(3):after, .merchant-benefit-item:nth-child(5):after{transform:rotate(-20deg);margin-right:3px;}
    .merchant-benefit-item:nth-child(4):after, .merchant-benefit-item:nth-child(6):after{transform:rotate(20deg);margin-left:3px;}
    .merchant-benefit-item:nth-child(3):after, .merchant-benefit-item:nth-child(4):after{margin-top:-30px;width:50px;}
    .merchant-benefit-item:nth-child(5):after, .merchant-benefit-item:nth-child(6):after{margin-top:-22px;}

    .merchant-benefit-item:nth-child(3):after{right:-120px;}
    .merchant-benefit-item:nth-child(4):after{left:-120px;}

    /* Merchant Testimonial */    
    .mt-block{width:20%;height:188px;}
    .mt-block--height2{height:375px}
    .mt-block--height2-1{}
    .mt-block--width2{width:17%}
    .mt-block--width3{width:40%}
    .mt-block--width3.special-width{width:43%}
    .mt-block-img{height:100%}

}

@media screen and (min-width:1100px){
    .header-section{padding:20px 0;}
    .header-section .content-area{padding:0 20px}
    .burger-menu{display:none}
    .member-block-item + .member-block-item{margin-top:0px}
    .header-search, .member-block{display:block}
    

    /* Main Menu */
    .main-menu{background:#151d34;display:block;position:static;visibility:visible;z-index:1}
    .main-menu .content-area{max-width:1366px}
    .main-menu-list{font-size:20px;letter-spacing:.8px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;justify-content:space-between;position:static;top:0;overflow:inherit;line-height:1;}
    .main-menu-list > div{margin:0;padding:0 20px;-webkit-transform: translate3d(0,0,0) translate3d(0,0,0) scale3d(1,1,1);transform: translate3d(0,0,0) translate3d(0,0,0) scale3d(1,1,1);}
    .main-menu-item > a{text-transform:uppercase;color:#FFFFFF;padding:20px 0;display:block;position:relative}
    .main-menu-item > a:after{content:' ';display:block;border-top-width:3px;border-style:solid;border-color:transparent;position:absolute;bottom:0;left:0;right:0;transition:all .3s}
    .main-menu-item > a.select:after, .main-menu-item > a:hover:after{border-color:#FFFFFF}
    .main-menu-item > a.highlight{color:#FFF200}
    .main-menu-item > a.highlight.select,.main-menu-item > a.highlight.select:after, .main-menu-item > a.highlight:hover:after{border-color:#FFF200}

    .footer-main-block .footer-stayconnect{-ms-flex:1;flex:1;max-width:32%}
    .footer-main-block > .layout-1x3{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .footer-stayconnect{position:absolute!important;bottom:-10%;left:-10%;top:inherit;}
    .footer-stayconnect + .layout-1x3, .footer-main-block + .layout-1x1{padding-left:170px}
    
    .banner-section .content-area{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px}
    .banner-section .content-area .layout-1x2 .w-65{padding-left:15px;padding-right:15px}
    .banner-title > div{width:60%}
    .banner-join-block.layout-1x1 > div{float:none;max-width:100%;width:100%}
    .banner-join-block.layout-1x1 > div:first-child{padding-right:15px}
    .banner-join-block.layout-1x1 > div:last-child{padding-left:15px}

    .mobile-panel-btn{display:none}
    .custom-list-01{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content:center}
    .custom-list-01 > li{margin-right:5px}

    .section-promotion{max-width:80%;margin:0 auto}
    .section-promotion .content-area{max-width:70%;}

    .banner-spending{background-size:contain}
    .banner-spending .section-title > div > div{line-height:4rem}

    .rewards-content.layout-1x3{margin-top:20px}
    .rewards-content.layout-1x3 > div:nth-child(1), .rewards-content.layout-1x3 > div:nth-child(2){-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
    .rewards-content.layout-1x3 > div:nth-child(3){-ms-flex:0 0 45%;flex:0 0 45%;max-width:45%}
    .rewards-content.layout-1x3 > div:nth-child(2){margin-left:5%}
    .rewards-content.layout-1x3 .btn-design-ribbon{position:relative;z-index:4}
    .rewards-content.layout-1x3 .rewards-list{margin-top:0}
    .rewards-content.layout-1x3 .rewards-list + .rewards-list:before{top:0;left:0}
    .rewards-content.layout-1x3 .rewards-list + .rewards-list:after{top:14px;height:1px;width:90%;left:0%;border-left:0;border-top:1px dashed #FFF200;}
    .rewards-content.layout-1x3 .rewards-list + .rewards-list{margin-top:0px}
    .rewards-content.layout-1x3 .forestone-mix img, .ar-body .forestone-mix img{width: 36%;margin-left:2px;margin-right:2px}
    .rewards-content.layout-1x3 > div:nth-child(3) .rewards-item{max-width:100%;text-align:right}
    .rewards-content.layout-1x3 > div:nth-child(3) .rewards-item .btn-design-ribbon{max-width:250px}
    .rewards-content.layout-1x3 > div:nth-child(3) .rewards-img{width:100%;height:220px}
    .rewards-content.layout-1x3 > div:nth-child(3) .rewards-img img{height:100%}
    .rewards-content.layout-1x3 > div:nth-child(2):after{left:-25%!important}
    .rewards-content.layout-1x3 > div:nth-child(2):before{margin-left:-50px}
    .rewards-content.layout-1x3 > div:nth-child(3):before{margin-left:-155px;left:50%!important}
    .rewards-img img{width:100%}
    .rewards-section{position:relative;overflow:hidden}
    .rewards-section:after{content:' ';display:block;position:absolute;z-index:2;height:115%;width:620px;-webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.5);border-radius:50%;bottom:-115px;left:50%;margin-left:45px}
    .rewards-header, .rewards-content + .text-center{position:relative;z-index:3}

    .ar-body .layout-1x3-lg > div:nth-child(3) .btn-design-ribbon:before, .ar-body .layout-1x3-lg > div:nth-child(3) .btn-design-ribbon:after{border-left-color:#EBF2EC;border-right-color:#EBF2EC}
}


/*Syeela add here*/
/*=====================================================================*/

/* Styles for dialog window */
#small-dialog {
	background: white;
	padding: 20px 30px;
	text-align: left;
	max-width: 400px;
	margin: 40px auto;
	position: relative;
}

.mfp-hide {
    display: none!important;
}

/*  js carosuel */
#demo [class*=carousel-control] {
    background: none;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 48px;
    color: #fff;
    background-color: #151d34;
    visibility: visible !important;
    opacity: 1;
    transition: all 0.5s ease;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    opacity: 0.7;
}
#demo .carousel-item img{
	height:520px;
}
@media(min-width: 768px) and (max-width: 1023px){
	.main-menu{
    	height:93%;
    }
    #demo .carousel-item img{
	height:1000px;
}
 .main-logo img{
 	width: 650px;
 }
}
@media(max-width: 767px){
	.main-menu{
    	height:97%;
    }
    .main-logo img{width:100%;height: 51px;}
    .pd{
      padding-left: 55px;
    }

   
}