@font-face {
	font-family: 'Arial Rounded';  
	src:   
		local('Lovely Font'),
		local('Lovely-Font'),
		url('../fonts/arial-rounded-mt-bold.ttf') 
		format('truetype');
	font-weight: normal; 
	
	font-family: 'Gotham Rounded Light';  
	src: 
		url('../fonts/GothamRoundedLight_21020.ttf') 
		format('truetype');
	font-weight: normal; 
	
	font-family: 'Gotham Rounded Bold';  
	src: 
		url('../fonts/GothamRoundedBold_21016.ttf') 
		format('truetype');
}

body {letter-spacing:1px; font-family: 'Poppins', sans-serif;}
h1, h2, h3 {font-weight:700; letter-spacing:2px; font-family:"Gotham Rounded Bold", sans-serif;}
h3 {color:#888; text-transform:uppercase; line-height:25px;}
.header {background:#fff; box-shadow:0 1px 5px rgba(0,0,0,.3); display:block; padding:0; width:100%;overflow:hidden; position:fixed; top:0;}
.header-wrap {padding:5px 10px; display: flex; align-items: center; justify-content: inherit;
    -webkit-box-pack: center; }
.home-topbanner img {width:100%;margin: 10px 0;}
.home-shortcuts img {width:100%;}
.home-shortcuts a {font-size:.5em; color:#29abe2; text-transform:uppercase; letter-spacing:1px;}
.slide-item {border-radius:10px; overflow: hidden; position: relative; box-shadow:1px 2px 5px rgb(0 0 0 / 35%);}
.ghome-banner.banner-section .bg-size:before {padding-top: 52%;}
section.ghome-banner, section.ghome-coupon {padding-top: 10px; padding-bottom: 10px;}
section.ghome-coupon h3 {margin-bottom:10px;}
.ghome-coupon.banner-section .bg-size:before {padding-top: 100%; padding-left:110%;}

.myfooter img {width:35px}
.myfooter img.logo-g {width:inherit;}

/* myfooter */
.user-event-section {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.pos-relative {
    position: relative;
}

.banner-section .slick-slide {
    padding: 3px 12px 7px !important;
}


.wrapper {
  max-width: 400px;
  margin: 0px auto;
}

.page {
  width: 100vw;
  height: 100vh;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page img {
  max-width: 60%;
  height: auto;
  display: block;
}

.bottom-appbar {
  height: 70px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
}
.bottom-appbar .tabs {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.bottom-appbar .tabs .tab {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-top: 1px solid #eee;
  font-size: 24px;
}
.bottom-appbar .tabs .tab--left {
  width: 100%;
  border-top-right-radius: 30px;
  border-top: 1px solid rgba(167, 161, 161, 0.69);
  box-shadow: 0px 6px 7px 0px rgba(23, 23, 23, 0.28);
}
.bottom-appbar .tabs .tab--right {
  width: 100%;
  border-top-left-radius: 30px;
  border-top: 1px solid rgba(167, 161, 161, 0.69);
  box-shadow: 15px 4px 15px 0px rgba(23, 23, 23, 0.28);
}
.bottom-appbar .tabs .tab--fab {
  width: 180px;
  height: 100%;
  background: transparent;
  border: none;
  display: flex;
}
.bottom-appbar .tabs .tab--fab .top {
  width: 100%;
  height: 50%;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  background-color: transparent;
  box-shadow: 0px 30px 0px 19px #fff;
  border-bottom: 1px solid rgba(167, 161, 161, 0.69);
  display: flex;
}
.bottom-appbar .footer-text {display:block; font-size:.3em; text-align:center; color:#888; padding:5px 5px 0; letter-spacing:0;}
.bottom-appbar .tabs {text-align:center;}
.bottom-appbar .tabs .tab i {
  font-size: 24px;
}
.bottom-appbar .tabs .tab.is-active {
  color: #fd9d97;
}
.bottom-appbar .tabs .fab {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  font-weight: bold;
  font-size: 22px;
  position: relative;
  justify-content: center;
  transform: translate(2px, -60%);
}
.bottom-appbar .tabs .tab--left img, .bottom-appbar .tabs .tab--right img {
	width:30px;
}

/* Add-ons */
.logo-semicircle img {width:30%; max-width:120px; margin-left:20px;}
.btn-outline {border:1px solid #7ed6ff; color: #24a7e4; }
.title-color {color:#888;}
.page-title {text-transform:uppercase; color:#666; letter-spacing:3px; font-weight:700;}
.page-title img {width:30px;}
.black-bold {font-weight:700; color:#222;}
.font-xxs {font-size:.75em;}
.text-right {text-align:right;}

/* Sidebar */
.header-sidebar .user-panel {text-align:left; padding: 10px 0 15px 10px;
    margin-bottom: 15px; width: 100%; border-bottom: 5px solid #e6f8fd;}
.header-sidebar .user-panel a {display:block; font-size:.9em;}
.header-sidebar .user-panel h4 {font-weight:700; margin-top:10px;}
.header-sidebar .user-panel img {max-width:100%;}
.header-sidebar {padding-right:0}
.header-sidebar .wrap, .header-sidebar .navigation, .header-sidebar .navigation ul li:last-of-type {margin-bottom:10px;}
.header-sidebar .navigation ul li {background:transparent;}
.header-sidebar .navigation ul li .nav-link {font-weight:400;}
.header-sidebar .navigation {padding-right:15px; background:url(../images/bg-splash.png) no-repeat 300% 50%;}
.header-sidebar {z-index:99;}
.header-sidebar .wrap {height:auto;}
.header-sidebar .navigation .country-selected {width: 30px; height: 20px; margin:0; font-weight:700;
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
hr.solid {border-top: 4px solid #7ee0fb; margin:.3rem 0;}
.header-sidebar .nav-profile {padding:0; margin:0}
.header-sidebar .nav-profile li {margin:5px 0;}
.header-sidebar .user-panel {background:url(../images/globie.png) no-repeat 100% 50%;}

/* Login */
.login-section {text-align:center; padding-left: 20px; padding-right: 20px;}
.login-section h2 {color:#7ed6ff; font-weight:400; margin:10px auto 5px;}
.login-section h1 {color:#666; font-weight:400; margin:0 auto 10px;}

/* Forms */
.custom-form input, .custom-form textarea, .custom-form select, .custom-form .form-control{
border-color:#a8d2dc; background:transparent;}
.btn-solid {background:#00aced; letter-spacing:2px;}
.text-blue {color:#00aced; letter-spacing:2px;}

.main-wrap {padding:60px 15px 15px;}

/* Account Page */
.account-page .account-wrap .user-panel {border-radius: 7px; box-shadow:0 2px 5px rgba(0,0,0,.3);
    padding:12px 20px; background:url(../images/confeiti.png) no-repeat 0 0; background-size:cover;}
.account-page h4 {font-weight:700;}
.account-page .account-wrap .points {padding:12px 30px; font-size:1.5em;background:#00aced; color:#fff; border-radius:10px; display:inline-block; box-shadow:0 1px 4px rgb(0 0 0 / 30%);}
.account-page .account-wrap .navigation {display:flex; flex-wrap: wrap; justify-content:center; align-items:center;}
.account-page .account-wrap .navigation li {flex: 0 0 30%; text-align:center; margin:5px 0; justify-content:center;}
.account-page .account-wrap .navigation img {width:27px;}
.account-page .account-wrap .navigation p {font-size:.9em; margin-top:5px;}
.account-page .account-wrap .navigation li:not(:first-of-type) {margin-top:10px;}

/* Redeem */
.redeem-page .cart-num {width:60px; text-align:center; vertical-align:top; padding:14px 10px 0 0; font-size:1.3em; font-weight:700; color:#ede500; background:url(../icons/png/icon-cart.png) no-repeat 50% 50%; background-size:contain;}
.redeem-page .cart-num a {color:#fff}
.redeem-page .point-sum {width:100%}
.redeem-page .products {display:flex;}
.redeem-page .products ul {display:flex;flex-wrap:wrap; justify-content:center;width:100%; }
.redeem-page .products li {display:flex; flex-direction: column; justify-content: space-between;width:45%; padding:10px; border:1px solid #ddd; margin:0 0 20px;}
.redeem-page .products li:nth-child(odd) {margin-right:5px}
.redeem-page .products li:nth-child(even) {margin-left:5px}
.redeem-page .products img {width:100%;}
.redeem-page .products h5 {color:#00aced; margin:5px auto; font-size:1em;}
.redeem-page .font-xs {font-size:.8em; font-weight:700; color:#111}
.redeem-page .btn-cart {color:#00aced; padding:3px 10px; margin-bottom:10px; border-radius:5px; border:1px solid #00aced; text-transform:uppercase; font-size:.75em; display:block; text-align:center;}

/* App Container / Form */
.vertical-sub {vertical-align:sub;}
.app-container {padding:15px;}
.standard-page h3 {color:#555;}
.standard-page h4 {text-transform:capitalize; color:#00aced; margin-bottom:10px;}
.standard-page .form-wrap label {color:#999; margin-bottom:5px;}
.standard-page .form-wrap input, .standard-page .form-wrap select { margin-bottom:5px; font-size:1.3em;}
.standard-page .form-group {margin-bottom:20px; }
.standard-page #date-boxes .date-label {display:flex; flex-direction:row; margin-bottom:5px; }
.standard-page #date-boxes .date-label div {text-align:center; width:30px;  }
.standard-page #date-boxes .date-label .dash {width:17px;  }
.standard-page #date-boxes #boxes input {text-align:center; width:27px; }
.profile-pic {margin:20px 0;}
.login-info {border:1px solid #ddd; padding:20px 20px; margin-bottom:20px;}
.login-info a {margin-top:10px;}
.form-wrap .login-info .form-group {margin-bottom:5px;}
.btn-red {padding: 5px 20px; background: #d20c13; text-align: center; color:#fff; font-weight:700; border-radius:15px; }
.btn-blue {padding: 5px 20px; background: #00aced; text-align: center; color:#fff; font-weight:700; border-radius:15px; }
.btn-full {display:block;}
.btn-blue:active {color:#fff; background:#008fc5}
.btn-blue:visited, .btn-blue:focus {color:#fff; background:#00aced}
.text-red {color:red;}
.italic {font-style:italic;}
.icli {vertical-align:middle}
i.marginright {margin-right:5px}
.padding15 {padding:30px 15px;}
.text-grey {color:#888}
.text-blue {color:#00aced}
.text-justify {text-align:justify;}
.no-margin {margin:0;}

/* Gallery */
.gallery-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; }
.gallery-wrap #links {width:46%; display:flex; justify-content:center; flex-wrap:wrap; box-shadow:0 2px 7px rgb(0 0 0 / 30%); margin:0 0 30px; padding:0 0 10px; text-align:center;}
.gallery-wrap #links img{width:100%}
.gallery-wrap #links a {float:none; margin:0; text-align:center; padding:10px 5px; display: flex; align-items: end;}
.gallery-wrap #links .msg {font-size:.9em; color:#555; line-height:18px;}
.gallery-wrap #photo-caption .title { font-size: 1.1em; text-transform: capitalize; line-height: 25px;}
.gallery-wrap #photo-caption .date {text-align:center; color:#999;}

/* Payment History */
.filter-btns a {padding:5px 20px; margin-right:10px; border:1px solid #00aced; color:#00aced; text-transform:uppercase;}
.current-link, .filter-btns .current-link {border:1px solid #00aced; background:#00aced; color:#fff;}
table.basic {width:100%;}
table.basic th, table.basic td {font-size:.75em; padding:10px 3px;}
table.basic th {background:#e1f7ff; font-size:.75em; padding:10px 3px;}
table.basic td {border-bottom:1px solid #ddd; vertical-align:top; letter-spacing:0;}
table.basic a.blue {color:#00aced;font-weight:700; }
.history-detail table.basic td {font-size:1em; }
.history-detail .flex2col {display:flex; flex-direction:row; flex-wrap:wrap; letter-spacing:0; }
.history-detail .flex2col p {font-size:.8em; line-height:1.2;}
.history-detail .flex2col .col {width:45%;}
.history-detail h5 {font-weight:700;}
#pageNav {margin-top:30px}

/* Redemption History */
.highlight-wrap {padding:20px 30px; border:3px solid yellow; box-shadow:0 2px 8px rgba(0,0,0,.5);}
.highlight-wrap h5 {text-align:center; text-transform:uppercase;}
.highlight-wrap ol, .policy ol {text-align:justify; padding-left: 10px;}
.highlight-wrap li, .policy li {font-size:.7em; margin-bottom:5px;}
.policy {padding: 20px;}

/* Cart */
.cart-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap:wrap; justify-content: space-between;}
.cart-buttons .btn-blue {font-size:10px; padding:5px 15px;}

ol.info {padding:0 10px 0 15px;}
ol.info li {margin:0 0 5px;}